CSS- layout sizning veb-saytingiz tartibini umuman o'ylashingizni talab etadi, so'ngra ularni qismlarga ajratib, ularni birlashtiradi. CSS bilan oddiy 3-ustunli sxema tuzishni bilib oling.
01dan 09gacha
Yaratgichni chizish J.Kyrnin Mizanpajni qog'ozga yoki grafik dasturda chizishingiz mumkin. Agar sizda tel-ramka yoki undan kengroq dizayn mavjud bo'lsa, uni tashkil qiluvchi asosiy qutilarga soddalashtiring. Ushbu maqolada keltirilgan ushbu dizayn asosiy mazmun sohasidagi uchta ustunga ega, shuningdek, sarlavha va pastki qismga ega. Agar siz yaqindan ko'rib chiqsangiz, uchta ustun kengligi teng emasligini ko'rasiz.
O'zingizning rejangiz tuzilgandan keyin siz o'lchamlarni o'ylab ko'rishingiz mumkin. Ushbu misol dizayni quyidagi asosiy o'lchamlarga ega bo'ladi:
Kengligi 900 pikseldan oshmasligi kerak Chap tomonda 20 px oltindan Ustunlar va qatorlar orasidagi 10 px 250px, 300px va 300px kenglikdagi ustunlar Yuqori qator 150px balandlikda Pastki qator - uzunligi 100px 02 ning 09
Asosiy HTML / CSS yozing va konteyner elementini yarating Ushbu sahifa tegishli HTML hujjat bo'lgani uchun, bo'sh HTML konteyner bilan boshlang
Untitled Document </ sarlavha> </ head> <body> </ body> </ html> <p> <a href="https://uz.eyewated.com/css-dan-cheklovlar-va-chegara-chizigini-ochirish-uchun-foydalaning/">Sahifa chegaralarini, chegaralarini va</a> to'ldirishlarni <a href="https://uz.eyewated.com/css-dan-cheklovlar-va-chegara-chizigini-ochirish-uchun-foydalaning/">nolga o'rnatish</a> uchun asosiy CSS uslubida qo'shing. Yangi hujjatlar uchun boshqa <a href="https://uz.eyewated.com/ushbu-css-cheat-sheet-bilan-kaskadli-jadvallar-jadvallarini-bilib-oling/">standart CSS-uslublari</a> mavjud bo'lsa-da, bu uslublar siz uchun toza tartibni olishingiz kerak bo'lgan minimaldir. Ularni hujjatning boshiga qo'shing: </p>
<stili = "matn / CSS"> HTML, tanasi {margin: 0px; to'ldirish: 0px; border: 0px; } </ Style> <p> Plenkani yaratish uchun konteyner elementiga joylashtiring. Bunda ba'zida konteynerdan qutulishingiz mumkin, lekin konteyner elementiga ega bo'lgan ko'pgina sobit-kenglikdagi qatlamlar uchun turli xil veb-brauzerlarda boshqarish osonroq bo'ladi. Shunday qilib, tanada bu: </p>
<div id = "konteyner"> </ div> <p> Va CSS stil sahifasida, qo'ying: </p>
#idish { } <p> <strong>03 dan 09 gacha</strong> </p>
<h3> Konteynerni ko'rsatish </h3><p> Konteyner veb-sahifa tarkibining qanchalik kengligi, tashqi tomonning chekkalari va ichkaridagi bo'shliqni belgilaydi. Ushbu hujjat uchun konteyner 870px kengligida, chapda 20 piksellik naycha mavjud. Oltin gilamlari margarin uslubi bilan o'rnatiladi, ammo idishda to'ldirilgan idish har qanday elementlarning konteyner kabi keng bo'lishini oldini olish uchun o'chiriladi. </p>
# Container {kenglik: 870px; margin: 0 0 0 20px; / * yuqori o'ng pastki chap * / padding: 0; } <p> Agar siz hozir hujjatingizni saqlasangiz, konteynerni ko'rish qiyin bo'ladi, chunki unda hech narsa yo'q. Er yuzida matnni qo'shsangiz, konteynerni yanada aniqroq ko'rishingiz mumkin. </p>
<p> <strong>04 da 09</strong> </p>
<h3> Header uchun sarlavha yorlig'ini ishlating </h3><p> Sarlavha satrini tarbiyalashga qaror qilsangiz, undagi narsalarga juda bog'liq. Agar sarlavha satri faqatgina logo grafikasi va sarlavhasi bo'lsa, unda bosh satr tegini (<h1>) ishlatish <div> dan foydalanishga nisbatan ancha mantiqiy bo'ladi. Siz sarlavhani div deb tarjima qiladigan tarzda tarashingiz va begona teglardan qochishingiz mumkin. </p>
<p> Üstbilgi qatori uchun HTML konteynerning yuqori qismida bo'ladi va shunga o'xshash: </p>
<h1> Mening satr satrim </ h1> <p> So'ngra uning ustiga uslublar o'rnatish uchun pastki qismga qizil chegara qo'shildi, siz uning tugashini ko'rishingiz uchun, chekka bo'shliqlar va bo'shliqlar nolga aylandi, kenglik 100% va balandlik 150 pikselgacha o'rnatildi: </p>
# Container h1 {margin: 0; padding: 0; kengligi: 100%; balandligi: 150px; float: chap; pastki taglik: # c00 qattiq 3px; } <p> Ushbu elementni float bilan suzib o'tishni unutmang: chap; mulk. CSS-nizomlarini yozish kalitlari hamma narsalarni - hatto konteyner bilan bir xil kenglikdagi narsalarni almashtirishdir. Shunday qilib, siz sahifadagi elementlarning qaerda joylashganligini har doim bilasiz. </p>
<p> <a href="https://uz.eyewated.com/css-murosasiz-selektori-nima/">CSS-</a> tovar belgilari faqat # elementni ichidagi H1 elementlariga uslublar qo'llagan. </p>
<p> <strong>05 dan 09 gacha</strong> </p>
<h3> Uchta ustunni olish uchun, ikki ustunni barpo eting </h3><p> CSS bilan uchta ustunli sxema qurishda siz tartibni ikkita guruhga bo'lishingiz kerak. Shunday qilib, bu uch ustunli tartib uchun o'rta va o'ng ustun va chap kolonning yoniga ikkita ustunli tartibda joylashtiriladi va chap ustun 250px kengligida, o'ng ustun esa 610px kengligida (300 ta har ikkala ustun uchun , ular orasida arqonlar uchun 10px). </p>
<p> HTML shunga o'xshash: </p>
<div id = "col1"> <p> So'ngra, mahsulotni o'chirib qo'ying. Tez-tez ishlatib turadigan narsalar, sizning kompyuteringizga kerak. Ushbu dasturda tanlovda ishtirok etish huquqiga egalar. </ P> <div> <div id = "col2outer"> <p> Agar siz o'zingizning shaxsiy ma'lumotlaringizdan foydalanmoqchi bo'lsangiz, ushbu xizmatni ishga soling. Buning uchun mehnat qilish kerak. </ P> </ div>. </ P> </ div> <p> Ustunlardagi joylashtirish matni ularni sinashda ko'proq ko'rinadigan holga keltiradi. CSS quyidagicha ko'rinadi: </p>
#container # col1 {kenglik: 250px; float: chap; } #container # col2outer {kenglik: 610px; float: o'ng; margin: 0; padding: 0; } <p> Chapdagi ustun chapga, ikkinchisi esa o'ng tomonga suriladi. Ikkala ustunning umumiy kengligi 860px bo'lgani uchun ularning orasidagi 10px bo'shliq bor. </p>
<p> <strong>06 dan 09 gacha</strong> </p>
<h3> Ikkinchi ustunning ichida ikkita ustun qo'shing </h3><p> Uchta ustunni yaratish uchun, keyingi bosqichdagi konteyner ustuniga 2 divs qo'shgandek, kengroq ikkinchi ustun ichida ikkita div qo'shish. HTML shunga o'xshash: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> Agar siz o'zingizning shaxsiy ma'lumotlaringizdan foydalanmoqchi bo'lsangiz, ushbu xizmatni ishga soling. Buning uchun mehnat qilish kerak. </ P> <div> <div id = "col2side"> <p> Nomli erkinlik, sizning fikringizni bildiradi. Ultimately, bu ishni bajarish uchun kerakli narsalar mavjud. </ Div> </ div> </ div> </ div> <div class = <p> Va CSS shunga o'xshash: </p>
# col2outer # col2mid {kenglik: 300px; float: chap; } # col2outer # col2side {kenglik: 300px; float: o'ng; } <p> Ushbu ikkita 300px keng qutilar 610px kengligidagi qutiga kirganligi sababli ular orasida 10px bo'shliq bor. </p>
<p> <strong>07 of 09</strong> </p>
<h3> Olingan faylga qo'shing </h3><p> Endi sahifaning qolgan qismi uslubda bo'lsa, siz quyida joylashgan ma'lumotlarni qo'shishingiz mumkin. "Footer" identifikatori bilan so'nggi divdan foydalaning va siz uni ko'rishingiz uchun kontentni qo'shing. Bundan tashqari, chegarani yuqori qismga qo'shishingiz mumkin, shuning uchun u qaerdan boshlanganligini bilib olasiz. </p>
<p> HTML: </p>
<div id = "footer"> <p> Mualliflik huquqi © 2017 </ p> </ div> <p> CSS: </p>
#container #footer {float: chap; kengligi: 870px; chegara yuqori: # c00 qattiq 3px; } <p> <strong>08 of 09</strong> </p>
<h3> Shaxsiy uslublaringiz va mazmuningizni qo'shing </h3><p> Endi sizning tartibingiz tugagan bo'lsa, o'zingizning shaxsiy uslublaringizni va kontentingizni qo'shishni boshlashingiz mumkin. Unutmangki, ustun va pastki ustidagi chegara dizayn uchun maxsus emas, balki tartib bo'limlarini ko'rsatish uchun qo'shilganligini unutmang. </p>
<p> <strong>09 dan 09 gacha</strong> </p>
<h3> Yakuniy HTML / CSS </h3><p> Mana, butun hujjat, HTML va 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 "tarkibi =" matn / html; charset = utf-8 "/> <title> Untitled Document </ title> <style type = "text / css"> HTML, body {margin: 0px; to'ldirish: 0px; border: 0px; } #container {kenglik: 870px; margin: 0 0 0 20px; / * yuqori o'ng pastki chap * / padding: 0; fon-rang: #fff; } #container h1 {margin: 0; padding: 0; kengligi: 100%; balandligi: 150px; float: chap; pastki taglik: # c00 qattiq 3px; } #container # col1 {kenglik: 250px; float: chap; } #container # col2outer {kenglik: 610px; float: o'ng; margin: 0; padding: 0; } # col2outer # col2mid {kenglik: 300px; float: chap; } # col2outer # col2side {kenglik: 300px; float: o'ng; } #container #footer {float: chap; kengligi: 870px; chegara yuqori: # c00 qattiq 3px; <html> </ h1> <div id = "col1"> <p> </ li> <li> <a href="http://www.youtube.com/watch? <p> <div> <div id = "col2ill"> <div> <p> "<p> <div id =" col2mid "> </ p> </ Div> <div> <div id = "footer"> <p> Mualliflik huquqi © 2008 </ p> </ div> </ html>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/span-va-div-html-elementlarini-qanday-ishlatish-kerak/">
<amp-img src="https://exse.eyewated.com/pict/fcec918b16533154-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/span-va-div-html-elementlarini-qanday-ishlatish-kerak/">Span va Div HTML elementlarini qanday ishlatish kerak</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/ushbu-css-cheat-sheet-bilan-kaskadli-jadvallar-jadvallarini-bilib-oling/">
<amp-img src="https://exse.eyewated.com/pict/28772c417d44344a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/ushbu-css-cheat-sheet-bilan-kaskadli-jadvallar-jadvallarini-bilib-oling/">Ushbu CSS Cheat Sheet bilan kaskadli jadvallar jadvallarini bilib oling</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/css-bilan-boglangan-uslublar/">
<amp-img src="https://exse.eyewated.com/pict/b692757fd2c52f2c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/css-bilan-boglangan-uslublar/">CSS bilan bog'langan uslublar</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/css-da-z-index/">
<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://uz.eyewated.com/css-da-z-index/">CSS-da Z-Index</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/css-izohini-qanday-kiritish-kerak/">
<amp-img src="https://exse.eyewated.com/pict/eb475c938ddb317f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/css-izohini-qanday-kiritish-kerak/">CSS izohini qanday kiritish kerak</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/notepadni-yaratish-css-bilan-yaratilgan-veb-sahifa/">
<amp-img src="https://exse.eyewated.com/pict/4b7ab57836bf3365-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/notepadni-yaratish-css-bilan-yaratilgan-veb-sahifa/">Notepadni yaratish CSS bilan yaratilgan veb-sahifa</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/css3-bilan-tez-va-osonlik-bilan-glow-effektlarni-qanday-qoshish-mumkinligini-bilib-oling/">
<amp-img src="https://exse.eyewated.com/pict/5b9a32b5c36a3de7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/css3-bilan-tez-va-osonlik-bilan-glow-effektlarni-qanday-qoshish-mumkinligini-bilib-oling/">CSS3 bilan tez va osonlik bilan Glow Effektlarni qanday qo'shish mumkinligini bilib oling</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/uslublar-sinfi-va-identifikatorlarini-ishlatish/">
<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://uz.eyewated.com/uslublar-sinfi-va-identifikatorlarini-ishlatish/">Uslublar sinfi va identifikatorlarini ishlatish</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/css2-va-css3-ortasidagi-farq/">
<amp-img src="https://exse.eyewated.com/pict/cf6c8f56be612ece-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/css2-va-css3-ortasidagi-farq/">CSS2 va CSS3 o'rtasidagi farq</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/sizning-instagram-ni-takomillashtirishning-10-ta-yoli/">
<amp-img src="https://exse.eyewated.com/pict/f57ddf0513b3384c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/sizning-instagram-ni-takomillashtirishning-10-ta-yoli/">Sizning Instagram-ni takomillashtirishning 10 ta yo'li</a></h3>
<div class="amp-related-meta">
Ijtimoiy medialar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/outlookda-xabar-yuborish-uchun-ishlatiladigan-hisobni-tanlash/">
<amp-img src="https://exse.eyewated.com/pict/25cea776f7633050-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/outlookda-xabar-yuborish-uchun-ishlatiladigan-hisobni-tanlash/">Outlookda xabar yuborish uchun ishlatiladigan hisobni tanlash</a></h3>
<div class="amp-related-meta">
Email va xabarlar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/shelfari-nima/">
<amp-img src="https://exse.eyewated.com/pict/a9ff4329804a35e3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/shelfari-nima/">Shelfari nima?</a></h3>
<div class="amp-related-meta">
Ijtimoiy medialar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/eng-yaxshi-ipad-trivia-oyinlari/">
<amp-img src="https://exse.eyewated.com/pict/86556a6c894d309a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/eng-yaxshi-ipad-trivia-oyinlari/">Eng yaxshi iPad Trivia o'yinlari</a></h3>
<div class="amp-related-meta">
Dasturiy ta'minot va ilovalar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/eng-mashhur-qidiruv-mexanizmi-nima/">
<amp-img src="https://exse.eyewated.com/pict/5a1d9f084bd73458-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/eng-mashhur-qidiruv-mexanizmi-nima/">Eng mashhur qidiruv mexanizmi nima?</a></h3>
<div class="amp-related-meta">
Veb & qidiruv </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/veb-sahifalarda-mobil-qurilmalardan-xitlarni-aniqlash/">
<amp-img src="https://exse.eyewated.com/pict/a9b96278150930be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/veb-sahifalarda-mobil-qurilmalardan-xitlarni-aniqlash/">Veb-sahifalarda mobil qurilmalardan xitlarni aniqlash</a></h3>
<div class="amp-related-meta">
Veb-dizayn va Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/ipad-orqali-qanday-ilovalar-keladi/">
<amp-img src="https://exse.eyewated.com/pict/9f988c8f42403374-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/ipad-orqali-qanday-ilovalar-keladi/">IPad orqali qanday ilovalar keladi?</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/top-5-free-web-conferencing-vositalari/">
<amp-img src="https://exse.eyewated.com/pict/4635e93b500c3479-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/top-5-free-web-conferencing-vositalari/">Top 5 Free Web Conferencing Vositalari</a></h3>
<div class="amp-related-meta">
Veb & qidiruv </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/eng-yaxshi-poezd-simulyatsiyasi-oyinlari-uchun-qollanma/">
<amp-img src="https://exse.eyewated.com/pict/1250fc142fd73e6a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/eng-yaxshi-poezd-simulyatsiyasi-oyinlari-uchun-qollanma/">Eng yaxshi poezd simulyatsiyasi o'yinlari uchun qo'llanma</a></h3>
<div class="amp-related-meta">
Qo'llanmalar xarid qilish </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/microsoftning-uy-yoki-shaxsiy-hayot-uchun-eng-yaxshi-namunalari/">
<amp-img src="https://exse.eyewated.com/pict/c2b873cc367e318c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/microsoftning-uy-yoki-shaxsiy-hayot-uchun-eng-yaxshi-namunalari/">Microsoftning uy yoki shaxsiy hayot uchun eng yaxshi namunalari</a></h3>
<div class="amp-related-meta">
Dasturiy ta'minot </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/dvd-recorder-hdtv-ni-yozib-olsam-boladimi/">
<amp-img src="https://exse.eyewated.com/pict/3489727b4dc6395b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/dvd-recorder-hdtv-ni-yozib-olsam-boladimi/">DVD-Recorder HDTV-ni yozib olsam bo'ladimi?</a></h3>
<div class="amp-related-meta">
Uy teatri </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/word-va-office-2007-uchun-microsoft-ning-bepul-pdf-plagini-sifatida-saqlang/">
<amp-img src="https://exse.eyewated.com/pict/4a986f41185c3e71-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/word-va-office-2007-uchun-microsoft-ning-bepul-pdf-plagini-sifatida-saqlang/">Word va Office 2007 uchun Microsoft-ning bepul PDF-plagini sifatida saqlang</a></h3>
<div class="amp-related-meta">
Dasturiy ta'minot </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/kamerani-xavfsiz-yuborish-uchun-maslahatlar/">
<amp-img src="https://exse.eyewated.com/pict/50ec1ef738e633c9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/kamerani-xavfsiz-yuborish-uchun-maslahatlar/">Kamerani xavfsiz yuborish uchun maslahatlar</a></h3>
<div class="amp-related-meta">
Raqamli kameralar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/qanday-aniqlash-mumkin-mening-ipad-ni-kattalashtirish-yoki-kattalashtiruvchi-oynani-korsatadi/">
<amp-img src="https://exse.eyewated.com/pict/332adbaa704b31ef-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/qanday-aniqlash-mumkin-mening-ipad-ni-kattalashtirish-yoki-kattalashtiruvchi-oynani-korsatadi/">Qanday aniqlash mumkin: mening iPad-ni kattalashtirish yoki kattalashtiruvchi oynani ko'rsatadi</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/raf-fayl-nima/">
<amp-img src="https://exse.eyewated.com/pict/8ddbfbc1edcd30ee-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/raf-fayl-nima/">RAF fayl nima?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/borderlands-2-headhunter-3-marcus-savdogar-kuni-ps3-tadqiqotini-qanday-qutqargan/">
<amp-img src="https://exse.eyewated.com/pict/106c489df7133a47-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/borderlands-2-headhunter-3-marcus-savdogar-kuni-ps3-tadqiqotini-qanday-qutqargan/">Borderlands 2, Headhunter 3: Marcus Savdogar kuni PS3 Tadqiqotini qanday qutqargan</a></h3>
<div class="amp-related-meta">
O'yin </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/androidda-kik-hisobingizni-ochirib-tashlang/">
<amp-img src="https://exse.eyewated.com/pict/53ec83afde97362e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/androidda-kik-hisobingizni-ochirib-tashlang/">Androidda Kik hisobingizni o'chirib tashlang</a></h3>
<div class="amp-related-meta">
Email va xabarlar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/bugungi-kompyuterlarni-ishga-tushiradigan-ram-turlari/">
<amp-img src="https://exse.eyewated.com/pict/88077e99e1833298-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/bugungi-kompyuterlarni-ishga-tushiradigan-ram-turlari/">Bugungi kompyuterlarni ishga tushiradigan RAM turlari</a></h3>
<div class="amp-related-meta">
Yangi va keyingi </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/gmail-imap-da-papkalarni-va-teglarni-qanday-yashirish-kerak/">
<amp-img src="https://exse.eyewated.com/pict/63e2611b2abf3075-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/gmail-imap-da-papkalarni-va-teglarni-qanday-yashirish-kerak/">Gmail IMAP da papkalarni va teglarni qanday yashirish kerak</a></h3>
<div class="amp-related-meta">
Email va xabarlar </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/craigslistda-qanday-qilib-sotib-olishingiz-va-sotib-olishingiz-mumkin/">
<amp-img src="https://exse.eyewated.com/pict/5ea654fc3be4320a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/craigslistda-qanday-qilib-sotib-olishingiz-va-sotib-olishingiz-mumkin/">Craigslistda qanday qilib sotib olishingiz va sotib olishingiz mumkin</a></h3>
<div class="amp-related-meta">
Veb & qidiruv </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/nintendo-3ds-ning-yorqinlik-darajasini-qanday-ozgartirish-mumkin/">
<amp-img src="https://exse.eyewated.com/pict/b1520920e2313385-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/nintendo-3ds-ning-yorqinlik-darajasini-qanday-ozgartirish-mumkin/">Nintendo 3DS ning yorqinlik darajasini qanday o'zgartirish mumkin</a></h3>
<div class="amp-related-meta">
O'yin </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://uz.eyewated.com/photoshop-elementlaridagi-matnni-korsatish/">
<amp-img src="https://exse.eyewated.com/pict/42f212324b3431d6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://uz.eyewated.com/photoshop-elementlaridagi-matnni-korsatish/">Photoshop Elementlaridagi matnni ko'rsatish</a></h3>
<div class="amp-related-meta">
Dasturiy ta'minot </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 uz.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.235 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-04 00:31:42 -->
<!-- 0.002 -->