CSS layout pêwîst e ku hûn difikirin malpera xwe ya tevahî de, û paşê paqij bikin û wan hev bikin. Learn how to layout a 3-column column simple with how to build.
01 of 09
Daxwaza xwe hilbijêre J Kyrnin Hûn dikarin li ser kaxez an programa grafika xwe bikin . Heke ji we re xwediyê wesayîtek hûrgelê an jî hêjîrek bêtir berfireh e ku di hişê xwe de, ew bi qonaxên bingehîn ên ku li ser malperê hêsan dike, hêsan bike. Ev pêşniyara ku bi vê gotarê re digel sê kulmên di naveroka sereke ya sereke de, herweha wek serokê û fîner. Heke hûn nêzîk bibînin, hûn dikarin bibînin ku sê stûnên di çarçoveyê de çarçove ne.
Piştî ku we ji we re veguhestin, hûn dikarin difikirin alîgiran. Ev nimûne nimûne ev dimîne ku amadeyên bingehîn ên jêrîn hene:
Ji 900 pîlan pîrek ne 20 px gutter li milê çepê 10 px di navbera kolan û rêzan de Columnên ku 250px, 300px, û 300px werbigire Reya herî topê 150px e Reya jêrîn 100px e 02 of 09
HTML / CSS binivîse û ji hêla hêmanek konserek biafirînin Ji ber vê rûpelê belge belgeya HTML-ê ye, ji hêla HTML-ê vekirî vekin
Daxuyaniya Untitled </ title> </ head> <body> </ body> </ html> <p style=";text-align:right;direction:rtl"> Di şêweyên CSS- <a href="https://ku.eyewated.com/css-e-zero-out-of-margins-and-borders/">ê de di nav deverên rûpelan, sînor û paddings derxistin</a> . Dema ku belgeyên <a href="https://ku.eyewated.com/ji-bo-ve-cd-e-cheat-sheet-bizanibin-bizanin-ku-pelen-cascading-sheets/">standard standardên</a> din ji bo belgeyên nû yên nû hene, ev şêweyên herî kêm hûn hewce ne ku hûn hewceyê paqijkirina paqij bikin. Ji bo serokê we belgeya wan bikin: </p>
<style type = "text / css"> html, body {margin: 0px; padding: 0px; sînor: 0px; } </ style> <p style=";text-align:right;direction:rtl"> Ji bo destpêkirina avakirina çêkirina avakirina, elementek qutiyeke xistin. Hin carinan dibe ku hûn ji qonaxa paşê veşartin, lê ji bo hejmarek piraniya çarçoveya xwerû, hebûna elementê hêsan e ku hêsantir dike ku bi gerokên webê yên cuda cuda bikin. Ji ber vê yekê cesedê ev e: </p>
<div id = "container"> </ div> <p style=";text-align:right;direction:rtl"> Û di çarçoveya CSS-ê de, bistînin: </p>
#container {} <p style=";text-align:right;direction:rtl"> <strong>03 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Bişkojka Konserê </h3><p style=";text-align:right;direction:rtl"> Konserator diyar dike ku çiqas pirtûkên malperê dê bibe, her weha her derheq li derveyî derveyî û hundirê hundirê hundir. Ji bo vê belgeyê, konsererê 870px e ku bi 20 pixel gutter li çepê ye. Gutter bi şêweya hûrgelê ve hatiye avêtin, lê li ser konserê qirêj e ku ji hêla her elementên ku ji hêla konserê ve berfireh bigirin. </p>
#container {width: 870px; margin: 0 0 0 20px; / * top right left bottom * / padding: 0; } <p style=";text-align:right;direction:rtl"> Heke hûn belgeya xwe bistînin, ew ê zehmet e ku ji kîtalê bibînin, ji ber ku ew tiştek tiştek tune ye. Heke hûn şîfreyê cîhanê zêde bike, hûn ê bikaribin bibin kîtekerek zelal zelal bibînin. </p>
<p style=";text-align:right;direction:rtl"> <strong>04 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Ji bo Header Tag Head Head </h3><p style=";text-align:right;direction:rtl"> Çawa hûn çiqas biryara şêweya serokê rêzê li ser vê yekê çi ye. Heke pîvanê hema tenê bi meriv grafîk û sernivîsê heye, hingê hexê serî (head </ h1>) bikar bînin lê ji hêla bikaranîna <div>. Hûn dikarin di heman rengê de rêbaz bikin ku hûn şêweyek dakêşin, û hûn tixûbên bêkêşî dûr bikin. </p>
<p style=";text-align:right;direction:rtl"> HTML ji bo rûpela serokê li ser konsererê diçe û di vî rengî de ye: </p>
<h1> My Header Row </ h1> <p style=";text-align:right;direction:rtl"> Piştre, ji bo şêlên li ser wê şewitandin, li sînorê sor ve hate zêdekirin, hûn dikarin bibînin ku li wê derê xilas dibin, pişk û davêjî sifir bûne, pîvana 100% û bilindahiya 150px: </p>
#container h1 {margin: 0; padding: 0; width: 100%; height: 150px; float: çep; border-bottom: # c00 solid 3px; } <p style=";text-align:right;direction:rtl"> Ji bîr nekin ku ev elementê bi bi tîrêjê veşêre: çep; mal. Kûçeyek nivîsandina paceyên CSSê her tişt e ku her tiştî dike - her tiştên ku heman çarçoveyê wek çarçoveya konserê ne. Bi vî rengî, hûn herdem dizanin ku ewên ku dê li ser rûpelê derewan bikin. </p>
<p style=";text-align:right;direction:rtl"> Hilbijêrek <a href="https://ku.eyewated.com/select-seferenderek-cd-e-ci-ye/">nifûsa CSS-ê</a> tenê tenê H1 elementên ku di hundirê #container element in. </p>
<p style=";text-align:right;direction:rtl"> <strong>05 ji 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Ji bo sê Columnên Hîn bibin, Bi hêstên Duyemîn ava bikin </h3><p style=";text-align:right;direction:rtl"> Dema ku hûn sêweyek paceyê bi CSS re ava bikin, hûn hewce ne ku hûn celebên xwe li nav komên du herdu parve bikin. Ji bo vê yekê, ji bo vê sê-columnê veguhestin, dora navîn û rastê û li dû dora çepê ya çepê yê ku çaxê çepê çepê 250px ve ye, dora rastê 610px mezin e (300 ji bo du herdu , plus 10px ji bo gûterê di navbera wan de). </p>
<p style=";text-align:right;direction:rtl"> HTML ev xuya dike: </p>
<div id = "col1"> <p> Ji kerema xwe ve encameke pêşî ye. Vê gihîştin ku hûn li ser minim veniam, dorpêçê dorpêçê rûniştin. Di nav deynê de li voluptate quis nostrud exerciment eu fugiat nulla pariatur. </ P> </ div> <div id = "col2outer"> <p> Ji bo ku hûn bikarhênerên xwe yên ku di navnîşan de, bi kar tîne, ji bo ku hûn bi karanîna karanîna karkeran de ne. Navnîşan û dolore magna aliqua. </ P> </ div> </ p> </ div> <p style=";text-align:right;direction:rtl"> Cihê cîhê cîhê li daristanan dişibîne gava ku ceribandinê testê bêtir xuya bûn. CSS di vî rengî de ye: </p>
#container # col1 {width: 250px; float: çep; } #container # col2outer {width: 610px; float: right; margin: 0; padding: 0; } <p style=";text-align:right;direction:rtl"> Dema çepê çepê çepê çepê ye, dema ku rastê bi rast be. Ji ber ku çarçoveyek hemhemên 860px e, di nav wan de 10px gutter e. </p>
<p style=";text-align:right;direction:rtl"> <strong>06 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Dîsa Dersa Duyemîn Columnên Duyemîn Dîsa </h3><p style=";text-align:right;direction:rtl"> Ji bo ku sê stûnan ava bikin, du dûrên hundir di çarçoveya duyem duyemîn de zêde bikin, wek ku hûn di 2'emîn paşîn de di çarçoveya katalê de di çarçoveyê de parve kir. HTML ev xuya dike: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> Ji bo ku hûn di navnîşana min de, ji sedemên xwe re temaşe bike ku ji bo karkerên ullamco dixebitin. Navnîşan û dolore magna aliqua. </ P> </ div> <div id = "col2side"> <p> Ji kerema xwe re vekirî ye, </ p> Ji kerema xwe veşêre. Ullam karsaziya karsiyona karsaziyê, ji bo volttatnamê ve tête kirin. Evaque eara rerumê ku di bin sîteya dîklusê de ye, ji bo ku hûn bikarhênerên dravî û doloreyê ne. </ P> </ div> </ div> <p style=";text-align:right;direction:rtl"> Û CSS di vî rengî de ye: </p>
# col2outer # col2mid {width: 300px; float: çep; } # col2outer # col2side {width: 300px; float: right; } <p style=";text-align:right;direction:rtl"> Ji ber ku ev du herdu blok di hundurê 610pxê de xerîb hene, dê dîsa li nav wan 10px gutter be. </p>
<p style=";text-align:right;direction:rtl"> <strong>07 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Di Footer de zêde bike </h3><p style=";text-align:right;direction:rtl"> Îdî ku hemû rûpelê paqij e, hûn dikarin di nav pêdivî de zêde bikin. Dîtekek dawîn bi "idyek", bikar bînin û naveroka vê yekê hûn dikarin bibînin. Hûn dikarin sînor li ser jorîn zêde bikin, da ku hûn bizanin ku ew li ku derê dest pê dike. </p>
<p style=";text-align:right;direction:rtl"> HTML: </p>
<div id = "footer"> <p> Copyright © 2017 </ p> </ div> <p style=";text-align:right;direction:rtl"> CSS: </p>
#container #footer {float: left; width: 870px; border-top: # c00 solid 3px; } <p style=";text-align:right;direction:rtl"> <strong>08 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> Li Stylesên Taybet û Content </h3><p style=";text-align:right;direction:rtl"> Niha ku hûn rahiştin qedandin, hûn dikarin destnîşan bikin ku şêweyên xwe û naveroka şexsî. Bawer bikin ku sînor li serê serer û fîner zêde bûn ku ji bo beşên celeb nîşan bide, ne bi taybetî bi designê. </p>
<p style=";text-align:right;direction:rtl"> <strong>09 of 09</strong> </p>
<h3 style=";text-align:right;direction:rtl"> HTML / CSS </h3><p style=";text-align:right;direction:rtl"> Li vir hemî belgeyê, HTML û CSS heye: </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 "content =" text / html; charset = utf-8 "/> <title> Daxuyaniya Untitled </ title> <style type = "text / css"> html, body {margin: 0px; padding: 0px; sînor: 0px; } #container {width: 870px; margin: 0 0 0 20px; / * top right left bottom * / padding: 0; background-color: #fff; } #container h1 {margin: 0; padding: 0; width: 100%; height: 150px; float: çep; border-bottom: # c00 solid 3px; } #container # col1 {width: 250px; float: çep; } #container # col2outer {width: 610px; float: right; margin: 0; padding: 0; } # col2outer # col2mid {width: 300px; float: çep; } # col2outer # col2side {width: 300px; float: right; } #container #footer {float: left; width: 870px; border-top: # c00 solid 3px; } </ style> </ head> <body> <div id = "container"> <h1> My Header Row </ h1> <div id = "col1"> <p> <div> <div> <div> <div> </ P> </ div> </ div> <div id = "footer"> <p> Copyright © 2008 </ p> </ div> </ body> </ body> </ html>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/versus-font-tag-versus-cascading-style-sheets-css/">
<amp-img src="https://exse.eyewated.com/pict/6d2b7e25b9f23181-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/versus-font-tag-versus-cascading-style-sheets-css/">Versus Font Tag Versus Cascading Style Sheets (CSS)</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/absolate-vs-tekili-positionkirina-css-e-vegotin/">
<amp-img src="https://exse.eyewated.com/pict/fefb982d13993023-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/absolate-vs-tekili-positionkirina-css-e-vegotin/">Absolate vs. Têkilî - Positionkirina CSS-ê vegotin</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/ciqas-pelen-video-vebijerin-malpera-css-e-biguherinin/">
<amp-img src="https://exse.eyewated.com/pict/fdc3944c7bf13405-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/ciqas-pelen-video-vebijerin-malpera-css-e-biguherinin/">Çiqas Pelên Vîdeo Vebijêrin Malpera CSS-ê biguherînin</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/understanding-3-types-of-css-styles/">
<amp-img src="https://exse.eyewated.com/pict/4623841739de33b0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/understanding-3-types-of-css-styles/">Understanding 3 Types of CSS Styles</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/z-index-in-css/">
<amp-img src="https://exse.eyewated.com/pict/a94683f8de32307d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/z-index-in-css/">Z-Index in CSS</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/heading-fancy-with-css/">
<amp-img src="https://exse.eyewated.com/pict/64f1762bf05131d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/heading-fancy-with-css/">Heading Fancy with CSS</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/cawa-guhertina-peyv-u-peyva-bi-peyva-guhertine-biguherinin/">
<amp-img src="https://exse.eyewated.com/pict/64f1762bf05131d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/cawa-guhertina-peyv-u-peyva-bi-peyva-guhertine-biguherinin/">Çawa Guhertina Peyv û Peyva Bi Peyva Guhertinê biguherînin</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/ditina-briefe-ya-css-padding/">
<amp-img src="https://exse.eyewated.com/pict/e67f81ced2b92faa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/ditina-briefe-ya-css-padding/">Dîtina Briefê ya CSS Padding</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/how-to-style-iframes-with-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://ku.eyewated.com/how-to-style-iframes-with-css/">How to Style IFrames with CSS</a></h3>
<div class="amp-related-meta">
Design & Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/bi-van-tistan-bi-google-keep-serkefti-ya-hezdikin/">
<amp-img src="https://exse.eyewated.com/pict/fe8ad1bb33f73653-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/bi-van-tistan-bi-google-keep-serkefti-ya-hezdikin/">Bi van Tiştan bi Google Keep Serkeftî ya Hêzdikin</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/top-20-games-under-20/">
<amp-img src="https://exse.eyewated.com/pict/2893a36ea421328e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/top-20-games-under-20/">Top 20 Games Under 20 $</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/vebijerkek-ku-ji-bo-mozilla-mozilla-thunderbird-check-check-add/">Vebijêrkek ku ji bo Mozilla Mozilla Thunderbird Check Check add</a></h3>
<div class="amp-related-meta">
E-Mail û Messaging </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/produkten-rfid-project/">
<amp-img src="https://exse.eyewated.com/pict/ae212981b61033b6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/produkten-rfid-project/">Produktên RFID Project</a></h3>
<div class="amp-related-meta">
New & Next </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/afirineriya-nexseya-xfce/">
<amp-img src="https://exse.eyewated.com/pict/e22987de1c382fe2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/afirineriya-nexseya-xfce/">Afirîneriya Nexşeya XFCE</a></h3>
<div class="amp-related-meta">
Linux </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/dxf-dos-ci-ye/">
<amp-img src="https://exse.eyewated.com/pict/57d2727ae0ea3071-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/dxf-dos-ci-ye/">DXF Dos çi ye?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/li-ser-iphone-andiadaden-cable-provider-u-televizyonen-broadcastcast/">
<amp-img src="https://exse.eyewated.com/pict/7ebf12371db63124-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/li-ser-iphone-andiadaden-cable-provider-u-televizyonen-broadcastcast/">Li ser iphone andiadadên Cable Provider û Televîzyonên Broadcastcast</a></h3>
<div class="amp-related-meta">
Software & Apps </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/parking-headphones-plus-plus-earbud-roundup/">
<amp-img src="https://exse.eyewated.com/pict/7f8d1396237a3638-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/parking-headphones-plus-plus-earbud-roundup/">Parking Headphones - Plus plus Earbud Roundup</a></h3>
<div class="amp-related-meta">
Rêberên Kirînê </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/calakiya-now-ya-google-spreadsheets-di-diroka-demjimer-u-demjimer-de/">
<amp-img src="https://exse.eyewated.com/pict/a0c678339bb24148-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/calakiya-now-ya-google-spreadsheets-di-diroka-demjimer-u-demjimer-de/">Çalakiya NOW ya Google Spreadsheets di Dîroka Demjimêr û Demjimêr de</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/ji-bo-karen-malan-ji-fuel-tekilin/">
<amp-img src="https://exse.eyewated.com/pict/d8fab75479aa3470-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/ji-bo-karen-malan-ji-fuel-tekilin/">Ji bo Karên Malan Ji Fuel Têkilîn</a></h3>
<div class="amp-related-meta">
Car Tech </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/di-navbera-dates-in-google-sheets-di-rojnameyen-navfireh-de/">
<amp-img src="https://exse.eyewated.com/pict/293176ea65984242-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/di-navbera-dates-in-google-sheets-di-rojnameyen-navfireh-de/">Di navbera Dates in Google Sheets di Rojnameyên Navfireh de</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/minecraft-1-10-destpek-destpek/">
<amp-img src="https://exse.eyewated.com/pict/cf55134540cc2f7d-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/minecraft-1-10-destpek-destpek/">Minecraft 1.10 Destpêk Destpêk!</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/pirtuka-dibistana-bila-adaline-blu-ray-disc/">
<amp-img src="https://exse.eyewated.com/pict/7b3944a53e0539fb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/pirtuka-dibistana-bila-adaline-blu-ray-disc/">Pirtûka Dibistana Bila-Adaline-Blu-ray Disc</a></h3>
<div class="amp-related-meta">
Pirtûka Hilberîn </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/cawa-miroven-miroven-mac-os-x-saxen-te-e-maile-bibinin/">Çawa Mirovên Mirovên Mac OS X Şaxên Te E-Mailê bibînin</a></h3>
<div class="amp-related-meta">
Macs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/kindle-fire-hdx-7-vs-nexus-7/">
<amp-img src="https://exse.eyewated.com/pict/cce426ceedde34df-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/kindle-fire-hdx-7-vs-nexus-7/">Kindle Fire HDX 7 vs. Nexus 7</a></h3>
<div class="amp-related-meta">
Pirtûka Hilberîn </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/maya-tutorial-series-modeling-a-greek-column/">
<amp-img src="https://exse.eyewated.com/pict/d03414f9690f3389-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/maya-tutorial-series-modeling-a-greek-column/">Maya Tutorial Series - Modeling a Greek Column</a></h3>
<div class="amp-related-meta">
New & Next </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/dell-inspiron-560s-pc-ye-slim-desktop/">
<amp-img src="https://exse.eyewated.com/pict/19ff22f5534c3457-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/dell-inspiron-560s-pc-ye-slim-desktop/">Dell Inspiron 560s PC-yê Slim Desktop</a></h3>
<div class="amp-related-meta">
Pirtûka Hilberîn </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/daxuyaniye-li-linux-bikaranina-ldd-bikaranina-bikar-binin/">Daxuyaniyê li Linux-Bikaranîna "Ldd" Bikaranîna bikar bînin</a></h3>
<div class="amp-related-meta">
Linux </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/ji-bo-paint-net-bi-horizon-bihez-bikin/">
<amp-img src="https://exse.eyewated.com/pict/9e51992591e93430-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/ji-bo-paint-net-bi-horizon-bihez-bikin/">Ji bo Paint.NET Bi Horizon Bihêz bikin</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/zedetir-learn-tool-tool-in-photoshop/">
<amp-img src="https://exse.eyewated.com/pict/b7af5a3f3a8c30f8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/zedetir-learn-tool-tool-in-photoshop/">Zêdetir Learn Tool Tool in Photoshop</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/gelo-my-mp3-player-bi-xwesera-apple-itunes-kar-biki/">
<amp-img src="https://exse.eyewated.com/pict/1fe28df5d7cb4369-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/gelo-my-mp3-player-bi-xwesera-apple-itunes-kar-biki/">Gelo My MP3 Player Bi Xwesera Apple-iTunes kar bikî?</a></h3>
<div class="amp-related-meta">
Software & Apps </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://ku.eyewated.com/bluetooth-stereo-stereo-basics/">
<amp-img src="https://exse.eyewated.com/pict/dcf5bcedcc883498-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://ku.eyewated.com/bluetooth-stereo-stereo-basics/">Bluetooth Stereo Stereo Basics</a></h3>
<div class="amp-related-meta">
Car Tech </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 ku.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.228 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:59:36 -->
<!-- 0.002 -->