CSS layout yana buƙatar cewa kuna tunanin layout dinku a matsayin cikakke, sa'an nan kuma ku ɗauki guda kuma ku haɗa su. Koyi yadda za a gina saiti 3-shafi tare da CSS.
01 na 09
Rubuta Layout J Kyrnin Zaka iya zana hotonka a kan takarda ko a cikin shirin hotunan . Idan kun riga kuna da filayen waya ko mahimmiyar zane a hankali, ku sauƙaƙa shi zuwa kwalaye na ainihin da ke kunshe da shafin. Wannan zane da ke bin wannan labarin yana da ginshiƙai guda uku a cikin babban abun ciki, har da maƙallin kai da kafa. Idan ka duba a hankali, za ka ga cewa ginshiƙai uku ba su daidaita a fadin ba.
Bayan ka sami layout da aka fitar, za ka iya fara tunani game da girma. Wannan zane na zane yana da matakan da suka dace:
Babu fiye da 900 pixels fadi 20 px gutter a gefen hagu 10 px tsakanin ginshikan da layuka Ginshiƙan da suke 250px, 300px, da kuma 300px wide Layi na sama yana da tsayi 150px Lissafi na kasa shine 100px mai tsawo 02 na 09
Rubuta Rubutun HTML / CSS kuma Ƙirƙiri Kayan Kwantena Tun da wannan shafi zai zama takardun aikin HTML mai aiki, Fara tare da akwati mara komai
Document Untitled </ title> </ head> <body> </ body> </ html> <p> Ƙara a cikin mahimmanci CSS styles don <a href="https://ha.eyewated.com/yi-amfani-da-css-zuwa-zauren-ku%C9%97in-ku%C9%97i-da-borders/">ɓoye alamar shafi, iyakoki, da kuma paddings</a> . Yayinda akwai sauran <a href="https://ha.eyewated.com/san-sani-cascading-style-sheets-tare-da-wannan-css-cheat-sheet/">ka'idodi na CSS</a> don sababbin takardu, waɗannan sifofin sune mafi ƙarancin da kake buƙatar samun shimfidar tsabta. Ƙara su zuwa kan littafinku: </p>
<style style = "rubutu / css"> html, jiki {gefe: 0px; Samun: 0px; iyaka: 0px; } </ style> <p> Don fara gina layout, sanya a cikin wani akwati. Wani lokaci yakan faru cewa zaka iya kawar da akwati daga baya, amma saboda mafi yawan gyare-gyare da yawa, samun nau'in akwati ya sa ya fi sauƙi don sarrafawa tsakanin masu bincike na yanar gizo daban-daban. Saboda haka cikin jiki sanya wannan: </p>
<div id = "akwati"> </ div> <p> Kuma a cikin CSS style sheet, sanya: </p>
#container {} <p> <strong>03 na 09</strong> </p>
<h3> Zane mai kwalliya </h3><p> Akwati ya nuna yadda zafin abinda shafin yanar gizon zai kasance, da kuma kowane gefen kusa da waje da kuma kullun ciki. Don wannan takardun, akwati yana da 870px wide tare da zanen pixel 20 a hagu. An kafa gutter tare da wani sashi na gefe, amma ana yin ɓoye a kan akwati don hana duk wani abu a matsayin fadi kamar akwati. </p>
#container {nisa: 870px; gefe: 0 0 0 20px; / * saman hagu na ƙasa dama * / padding: 0; } <p> Idan ka ajiye takardunka a yanzu, zai zama da wuya a ga akwati domin ba shi da kome a ciki. Idan ka ƙara rubutun wuri, za ku iya ganin bangaren ganga a fili. </p>
<p> <strong>04 of 09</strong> </p>
<h3> Yi amfani da Mahimman Rubutun don Maɓallin </h3><p> Yadda zaka yanke shawara don siffanta jeri na jigo ya dogara da abin da yake ciki. Idan jigogi na gaba kawai zai kasance da zane-zane mai hoto da kuma maƙallansa, to, yin amfani da alamar rubutu (<h1>) ya sa hankali fiye da amfani da <div>. Kuna iya yin mahimmanci a kan hanyar da kuka yi da sifa, kuma ku guje wa alamun ƙira. </p>
<p> HTML don jeri na jigo yana zuwa saman akwati kuma yayi kama da wannan: </p>
<h1> Harshen Naúra na </ h1> <p> Sa'an nan kuma, don saita sassan da ke kan shi, an ƙara gefen launi mai zurfi a ƙasa domin ku ga inda ya ƙare, an ba da ƙaƙƙarfan martaba da ƙyallewa, fadin sa zuwa 100% kuma tsawo zuwa 150px: </p>
#container h1 {gefe: 0; Samun: 0; nisa: 100%; tsawo: 150px; taso kan ruwa: hagu; Yankin iyaka: # c00 m 3px; } <p> Kar ka manta da yin iyo akan wannan kashi tare da taso kan ruwa: hagu; dukiya. Maɓallin rubutu na CSS shine a yi iyo da komai - har ma abubuwa da suke daidai daidai da ganga. Wannan hanya, ko da yaushe kuna san inda abubuwa zasu karya akan shafin. </p>
<p> Wani <a href="https://ha.eyewated.com/mene-ne-mai-za%C9%93a%C9%93%C9%93e-na-css/">mai</a> amfani da <a href="https://ha.eyewated.com/mene-ne-mai-za%C9%93a%C9%93%C9%93e-na-css/">CSS mai</a> amfani ya yi amfani da sassan kawai zuwa abubuwan H1 da ke cikin cikin #container element. </p>
<p> <strong>05 na 09</strong> </p>
<h3> Don samun ginshiƙai uku, fara da ginin ginshiƙai guda biyu </h3><p> Idan ka gina layi na uku tare da CSS, kana buƙatar rarraba layinka a kungiyoyi biyu. Don haka wannan layi na uku, tsakiya da dama kuma kuma an haɗa su kuma an sanya su a gefe hagu a cikin layi na biyu inda shafi na hagu yana da 250px wide, kuma shafi na dama shine 610px wide (300 kowannensu don ginshiƙai biyu , da 10px don gutter tsakanin su). </p>
<p> A HTML kama da wannan: </p>
<div id = "col1"> <p> Don haka ba za a iya ba da komai ba. Idan kana son yin la'akari da cewa don samun ƙarin bayani, za a iya amfani da adireshin yanar gizo. A aikace-aikacen da aka yi amfani da shi a cikin ƙaddarar da aka yi amfani da shi a cikin ƙirar. Idan har yanzu ba za ka iya yin amfani da wani aiki ba, to za ka iya samun damar yin amfani da shi. </ P> </ div> <div id = "col2outer"> <p> Don ƙarin bayani game da wannan aiki. Ku yi aiki tare da ku yi aiki. Wannan shi ne abin da ya kamata a yi da shi a cikin fugiat nulla pariatur. </ P> </ div> <p> Rubutun wuri a cikin ginshiƙan suna sa su kasance mafi bayyane yayin gwaji. CSS yayi kama da wannan: </p>
#container # col1 {nisa: 250px; taso kan ruwa: hagu; } #container # col2outer {nisa: 610px; taso kan ruwa: dama; gefe: 0; Samun: 0; } <p> Gurbin dake gefen hagu yana hagu zuwa hagu, yayin da ɗayan yana iyo zuwa dama. Saboda jimlar nisa duka ginshiƙan ne 860px, akwai 10px gutter tsakanin su. </p>
<p> <strong>06 na 09</strong> </p>
<h3> Ƙara ginshiƙai biyu a cikin babban shafi na biyu </h3><p> Don ƙirƙirar ginshiƙai guda uku, ƙara biyu divs a cikin babban shafi na biyu, kamar yadda kuka ƙara 2 divs a cikin akwati akwati a karshe mataki. A HTML kama da wannan: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> Don ƙarin bayani, amma ba za ka iya samun sauƙi ba. Ku yi aiki tare da ku yi aiki. Idan kana son yin la'akari da yadda za a yi la'akari da shi, to ka sami damar yin amfani da shi. </ P> </ div> <div id = "col2side"> <p> A halin yanzu lokaci na zamani, wanda zai iya zama kamar yadda ya kamata. Wannan aiki na kamfanoni na kamfanoni, da kuma mafi girma daga cikin masu zaman kansu. Ya kamata ka iya amfani da shi a matsayin mai amfani, amma ba za ka iya amfani da duk wani lokacin da za a iya amfani da shi a cikin lokaci. </ P> </ div> </ div> <p> Kuma CSS yayi kama da wannan: </p>
# col2outer # col2mid {nisa: 300px; taso kan ruwa: hagu; } # col2outer # col2side {nisa: 300px; taso kan ruwa: dama; } <p> Tun da waɗannan kwalaye mai nauyin 300px suna cikin cikin akwatin kwalliya 610px, za'a sake kasancewa 10px gutter tsakanin su. </p>
<p> <strong>07 na 09</strong> </p>
<h3> Ƙara a cikin Footer </h3><p> Yanzu da sauran sauran shafin suna sa ido, zaka iya ƙara a cikin kafa. Yi amfani da raba ta ƙarshe tare da "footer" id, kuma ƙara abun ciki don ka iya ganin ta. Hakanan zaka iya ƙara iyaka a sama, saboda haka za ku san inda ta fara. </p>
<p> A HTML: </p>
<div id = "footer"> <p> Copyright © 2017 </ p> </ div> <p> CSS: </p>
#container #footer {float: hagu; nisa: 870px; iyakar iyakar: # c00 m 3px; } <p> <strong>08 na 09</strong> </p>
<h3> Ƙara a cikin Jigoginku na Jirginku da Abin da ke ciki </h3><p> Yanzu da ka kammala layout, zaka iya fara ƙara kayanka da abun ciki naka. Ka tuna cewa an sanya iyakoki a kan maɓallin kai da ƙafa don nuna sassan layi, ba musamman don zane ba. </p>
<p> <strong>09 na 09</strong> </p>
<h3> A karshe HTML / CSS </h3><p> Ga duk takardun, HTML da CSS: </p>
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" Content-Type "abun ciki =" text / html; charset = utf-8 "/> <title> Document Untitled </ title> <style style = "rubutu / css"> html, jiki {gefe: 0px; Samun: 0px; iyaka: 0px; } #container {nisa: 870px; gefe: 0 0 0 20px; / * saman hagu na ƙasa dama * / padding: 0; Ƙari-launi: #fff; } #container h1 {gefe: 0; Samun: 0; nisa: 100%; tsawo: 150px; taso kan ruwa: hagu; Yankin iyaka: # c00 m 3px; } #container # col1 {nisa: 250px; taso kan ruwa: hagu; } #container # col2outer {nisa: 610px; taso kan ruwa: dama; gefe: 0; Samun: 0; } # col2outer # col2mid {nisa: 300px; taso kan ruwa: hagu; } # col2outer # col2side {nisa: 300px; taso kan ruwa: dama; } #container #footer {float: hagu; nisa: 870px; iyakar iyakar: # c00 m 3px; } </ style> </ head> <body> <div id = "akwati"> <h1> Harshen Naú na </ h1> <div id = "col1"> <p> "</ div> <div id =" col2outer "> <div id =" col2mid "> <p> Don ƙarin bayani. </ p> </ div> <div id =" col2side "> <p> Lokacin da za a yi amfani da shi a cikin 'yanci. </ P> </ div> </ div> <div id = "footer"> <p> Copyright © 2008 </ p> </ div> </ div> </ body> </ html>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/an-bayani-na-css-gida/">
<amp-img src="https://exse.eyewated.com/pict/357261af990f3b51-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/an-bayani-na-css-gida/">An Bayani na CSS Gida</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/yadda-za-a-sanya-hotuna-da-css/">
<amp-img src="https://exse.eyewated.com/pict/5be1398d50bb300a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/yadda-za-a-sanya-hotuna-da-css/">Yadda za a Sanya Hotuna da CSS</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/%C6%99ungiyoyi-masu-yawa-na-css/">
<amp-img src="https://exse.eyewated.com/pict/fa929f827af430e8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/%C6%99ungiyoyi-masu-yawa-na-css/">Ƙungiyoyi masu yawa na CSS</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/amfani-da-kayan-yanayi-da-id/">
<amp-img src="https://exse.eyewated.com/pict/79cf98f373862f58-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/amfani-da-kayan-yanayi-da-id/">Amfani da Kayan Yanayi da ID</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/koyi-game-da-css3-opacity/">
<amp-img src="https://exse.eyewated.com/pict/9f46defb47b433c7-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/koyi-game-da-css3-opacity/">Koyi game da CSS3 Opacity</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/sanya-shafukan-yanar-gizon-fade-in-da-out-tare-da-css3/">
<amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/sanya-shafukan-yanar-gizon-fade-in-da-out-tare-da-css3/">Sanya Shafukan yanar gizon Fade In da Out tare da CSS3</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/yadda-ake-amfani-da-xml-tare-da-css/">
<amp-img src="https://exse.eyewated.com/pict/9c85ee5d99d440a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/yadda-ake-amfani-da-xml-tare-da-css/">Yadda ake amfani da XML Tare da CSS</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/an-gabatar-da-css3/">
<amp-img src="https://exse.eyewated.com/pict/1ff4661d0ba8312e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/an-gabatar-da-css3/">An Gabatar da CSS3</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/yadda-za-a-zama-hoton-tag/">Yadda za a Zama Hoton Tag</a></h3>
<div class="amp-related-meta">
Zane Yanar Gizo & Bayani </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/koyo-don-amfani-da-frames-hotuna/">
<amp-img src="https://exse.eyewated.com/pict/6df20d3000793192-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/koyo-don-amfani-da-frames-hotuna/">Koyo don amfani da Frames Hotuna</a></h3>
<div class="amp-related-meta">
Hotunan kyamarori </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/yadda-za-a-tsabtace-imel-%C9%97in-kafin-a-tura-su/">
<amp-img src="https://exse.eyewated.com/pict/e0dc30e7f22f4187-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/yadda-za-a-tsabtace-imel-%C9%97in-kafin-a-tura-su/">Yadda za a Tsabtace Imel ɗin kafin a tura su</a></h3>
<div class="amp-related-meta">
Email & Saƙo </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/wadanne-ayyukan-gudanar-da-ayyuka-na-kasuwancinku/">
<amp-img src="https://exse.eyewated.com/pict/cbeb9a7b90da3482-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/wadanne-ayyukan-gudanar-da-ayyuka-na-kasuwancinku/">Wadanne Ayyukan Gudanar da Ayyuka na Kasuwancinku?</a></h3>
<div class="amp-related-meta">
New & Next </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/shrek-kart-hd-review/">
<amp-img src="https://exse.eyewated.com/pict/ec94d54a30b23197-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/shrek-kart-hd-review/">Shrek Kart HD Review</a></h3>
<div class="amp-related-meta">
Samfurin Kayan </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/ka-sa-rayuwarka-ta-fi-dacewa-da-fasaha-ta-amfani-da-android/">
<amp-img src="https://exse.eyewated.com/pict/655cedfa4dd23ef6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/ka-sa-rayuwarka-ta-fi-dacewa-da-fasaha-ta-amfani-da-android/">Ka sa rayuwarka ta fi dacewa da fasaha ta amfani da Android</a></h3>
<div class="amp-related-meta">
Android </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/amfani-da-hyperlinks-a-cikin-takaddun-kalma/">
<amp-img src="https://exse.eyewated.com/pict/10e226f94b3f4185-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/amfani-da-hyperlinks-a-cikin-takaddun-kalma/">Amfani da Hyperlinks a cikin Takaddun Kalma</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/ta-yaya-don-canja-wurin-kira-daga-apple-watch-to-your-iphone/">
<amp-img src="https://exse.eyewated.com/pict/306e25dd01443198-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/ta-yaya-don-canja-wurin-kira-daga-apple-watch-to-your-iphone/">Ta yaya Don Canja wurin Kira daga Apple Watch To Your iPhone</a></h3>
<div class="amp-related-meta">
Wearables </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/dropbox-iphone-app-review/">
<amp-img src="https://exse.eyewated.com/pict/8635d84d3b583620-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/dropbox-iphone-app-review/">Dropbox IPhone App Review</a></h3>
<div class="amp-related-meta">
Software & Ayyuka </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/babbar-magana-ta-8-mafi-girma-don-sayarwa-a-2018/">
<amp-img src="https://exse.eyewated.com/pict/8b7283a2e18d32b2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/babbar-magana-ta-8-mafi-girma-don-sayarwa-a-2018/">Babbar Magana ta 8 mafi Girma don Sayarwa a 2018</a></h3>
<div class="amp-related-meta">
Sayen Guje </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/canon-pixma-mg5320/">
<amp-img src="https://exse.eyewated.com/pict/853b6c2c7cc4377c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/canon-pixma-mg5320/">Canon Pixma MG5320</a></h3>
<div class="amp-related-meta">
Samfurin Kayan </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/menene-naurar-audio-audio-dap/">
<amp-img src="https://exse.eyewated.com/pict/d5f68caa31713995-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/menene-naurar-audio-audio-dap/">Menene na'urar Audio Audio (DAP)?</a></h3>
<div class="amp-related-meta">
Yanar gizo & Binciken </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/samar-da-hashtags-da-yin-su-amfani-a-twitter/">
<amp-img src="https://exse.eyewated.com/pict/1c6c6c1579103010-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/samar-da-hashtags-da-yin-su-amfani-a-twitter/">Samar da Hashtags da Yin Su Amfani a Twitter</a></h3>
<div class="amp-related-meta">
Ma'aikatar Labarai </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/ta-yaya-za-a-samu-ubuntu-don-farawa-kafin-yin-amfani-da-windows-aikin-efi-boot/">
<amp-img src="https://exse.eyewated.com/pict/5a5deb8e984a341b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/ta-yaya-za-a-samu-ubuntu-don-farawa-kafin-yin-amfani-da-windows-aikin-efi-boot/">Ta yaya za a samu Ubuntu don farawa Kafin yin amfani da Windows Aikin EFI Boot</a></h3>
<div class="amp-related-meta">
Linux </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/mene-ne-fayil-na-mpk/">
<amp-img src="https://exse.eyewated.com/pict/0ca285bff02a3129-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/mene-ne-fayil-na-mpk/">Mene ne fayil na MPK?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/hanyoyin-wuta-ta-moodmetric-karanka-ba-calories-%C6%99one/">
<amp-img src="https://exse.eyewated.com/pict/3ec94e3978b43bf3-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/hanyoyin-wuta-ta-moodmetric-karanka-ba-calories-%C6%99one/">Hanyoyin Wuta ta MoodMetric Karanka, Ba Calories ƙone</a></h3>
<div class="amp-related-meta">
Wearables </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/tivo-101-koyi-game-da-tivo-dvr-da-ayyukan-streaming/">TiVo 101: Koyi game da TiVo DVR da Ayyukan Streaming</a></h3>
<div class="amp-related-meta">
Samfurin Kayan </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/wasanni-mafi-kyau-na-pc-na-2010/">
<amp-img src="https://exse.eyewated.com/pict/0216f6290c7b3181-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/wasanni-mafi-kyau-na-pc-na-2010/">Wasanni mafi kyau na PC na 2010</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/minecraft-xbla-yankin-diamonds-%C6%99arshe/">
<amp-img src="https://exse.eyewated.com/pict/5595a44ead7f2e4c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/minecraft-xbla-yankin-diamonds-%C6%99arshe/">Minecraft XBLA Yankin Diamonds Ƙarshe</a></h3>
<div class="amp-related-meta">
Game Consoles </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/menene-kyamarori-na-samsung/">
<amp-img src="https://exse.eyewated.com/pict/3e2e9784a0e63295-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/menene-kyamarori-na-samsung/">Menene kyamarori na Samsung?</a></h3>
<div class="amp-related-meta">
Sayen Guje </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/dalilai-don-inganta-cibiyar-kayan-kayan-kayanku/">
<amp-img src="https://exse.eyewated.com/pict/0bace22b3df833be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/dalilai-don-inganta-cibiyar-kayan-kayan-kayanku/">Dalilai don inganta Cibiyar Kayan Kayan Kayanku</a></h3>
<div class="amp-related-meta">
Internet & Network </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/ana-buga-multiples-a-cikin-coreldraw/">
<amp-img src="https://exse.eyewated.com/pict/2e27246b547e32f9-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/ana-buga-multiples-a-cikin-coreldraw/">Ana buga Multiples a cikin CorelDRAW</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ha.eyewated.com/yadda-za-a-tsayar-da-wa%C6%99o%C6%99i-a-lokacin-da-komawa-a-cikin-itunes-da-iphone/">
<amp-img src="https://exse.eyewated.com/pict/60604a1728cd3504-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ha.eyewated.com/yadda-za-a-tsayar-da-wa%C6%99o%C6%99i-a-lokacin-da-komawa-a-cikin-itunes-da-iphone/">Yadda za a Tsayar da Waƙoƙi A lokacin da Komawa a cikin iTunes da iPhone</a></h3>
<div class="amp-related-meta">
IPhone & iPod </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 ha.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.155 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:17:43 -->
<!-- 0.002 -->