CSS-ийн 3 баганын дүрсийг хэрхэн бүтээх

CSS байршуулалт нь вэбсайтынхаа байршлын талаар бүхэлд нь бодож, дараа нь хэсгүүдийг авч тэдгээрийг нэгтгэхийг шаарддаг. CSS-тэй энгийн 3-баганын байрлалыг хэрхэн бүтээх талаар суралцаарай.

01 - 09

Өөрийнхөө байрлалыг зур

J Kyrnin

Та өөрийн загварыг цаасан дээр эсвэл график програмаар зурж болно. Хэрвээ та утсан хүрээ эсвэл илүү өргөн хүрээтэй дизайнтай бол сайтын бүрдүүлэх үндсэн хайрцагт хялбаршаарай. Энэ нийтлэлд орсон энэхүү загвар нь үндсэн контентын талбарт гурван багана, түүнчлэн толгой ба хөлөө байрлуулдаг. Хэрэв та анхааралтай харвал гурван баганын өргөн нь тэнцүү биш гэдгийг харж болно.

Хийсвэр зураглалаа хийсний дараа та хэмжээсийн талаар бодож эхлэх боломжтой. Энэ жишээ загвар нь дараах үндсэн хэмжигдэхүүнүүдтэй байна:

09 сарын 02

Үндсэн HTML / CSS бичих ба Container Element-ийг үүсгэнэ

Энэ хуудас нь хүчинтэй HTML баримт байх тул, хоосон HTML контейнерээс эхлээрэй

Untitled Document </ title> </ head> <body> </ body> </ html> <p> CSS үндсэн хэв маягийг нэмж <a href="https://mn.eyewated.com/css-%D0%B1%D0%B0-%D1%85%D0%B8%D0%BB-%D1%85%D1%8F%D0%B7%D0%B3%D0%B0%D0%B0%D1%80%D1%8B%D0%B3-zero-%D0%B0%D1%88%D0%B8%D0%B3%D0%BB%D0%B0%D1%85/">хуудасны хил хязгаар, хил хязгаар, орон зайг оруул</a> . Шинэ баримт бичгүүдэд зориулж өөр <a href="https://mn.eyewated.com/%D1%8D%D0%BD%D1%8D-css-%D1%81%D1%85%D0%B5%D0%BC-%D0%B1%D2%AF%D1%85%D0%B8%D0%B9-cascading-style-sheets-%D1%8B%D0%B3-%D0%BC%D1%8D%D0%B4%D1%8D%D1%85%D0%B8%D0%B9%D0%B3-%D1%85%D2%AF%D1%81%D1%8C%D0%B5/">CSS стандарт</a> байдаг боловч эдгээр загварууд нь цэвэрхэн байршилтай байх шаардлагатай. Документийнхаа толгойд нэмнэ үү: </p> <style type = "text / css"> html, body {margin: 0px; padding: 0px; border: 0px; } </ style> <p> Төлөвлөлтийг эхлүүлэхийн тулд контейны элементийг оруулах хэрэгтэй. Зарим тохиолдолд та дараа нь контейнерээс салж болно. Харин ихэнх өргөн хэрэглэгддэг товчлууруудын хувьд контейнер элемент нь өөр өөр Вэб хөтчүүдийг удирдахад хялбар болгодог. Тиймээс биенд: </p> <div id = "container"> </ div> <p> Мөн CSS загварын хуудсан дээр дараахийг тавь: </p> #container {} <p> <strong>03 - 09</strong> </p> <h3> Контейнерийг хэвлэ </h3><p> Контейнер нь хэр өргөн цар хүрээтэй вэб хуудасны агуулга, түүнчлэн гаднах хүрээ, доторх гадаргууг тусгана. Энэхүү баримт бичигт контейнер нь 870px өргөнтэй бөгөөд зүүн талд нь 20 пикселтэй. Энэ суваг нь захын хэв маягийг тогтоодог, гэхдээ ямар нэгэн элементийг савны өргөн шиг байлгахын тулд контейнер дээр тавьна. </p> #container {width: 870px; margin: 0 0 0 20px; / * дээд баруун доод ёроол * / padding: 0; } <p> Хэрэв та документээ хадгалж байгаа бол энэ нь чингэлэгийг харахад хэцүү байх болно. Хэрэв та агуулах текстийг нэмэх бол чингэлгийн элементийг илүү тодорхой харах боломжтой болно. </p> <p> <strong>04-р сарын 09</strong> </p> <h3> Толгой дахь гарчгийн гарчигийг ашиглана уу </h3><p> Толгойн мөрийг яаж хэв загвараар гаргахаа шийдэх нь юунд байгаагаас их хамаарна. Хэрэв толгой мөр нь лографын график болон гарчигтай бол headline таг (<h1>) ашиглан <div> ашиглахаас илүү утгатай болно. Та гарчгийн хэв маягийг хэв маягийн диплегийн аргаар хэвлүүлж, гадны тэмдэглэгээнээс зайлсхийх боломжтой. </p> <p> Толгой мөрний HTML нь контейнерийн дээд хэсэгт байрлана. </p> <h1> Миний толгойн мөр </ h1> <p> Дараа нь хэв маягийг нь байрлуулахын тулд доод талыг улаан дэвсгэр дээр нэмж байрлуулсан бөгөөд ингэснээр хааш хаашаа хаана байгааг харж болно. Тэгш өнцөгтийн хэмжээ, тэгшилсэн хэмжээ нь 100%, өндөр нь 150 х болно. </p> #container h1 {margin: 0; Налуу: 0; өргөн: 100%; өндөр: 150px; float: left; border-bottom: # c00 хатуу 3px; } <p> Энэ элементийг хөвөгч хөвөгчөөр хөвөхийг бүү мартаарай: зүүн; өмч. CSS байршуулах түлхүүр нь бүх зүйлсийг хаагаад, бүр чингэлэгтэй ижил өргөнтэй зүйл юм. Ингэснээр та элементүүд хуудсан дээр хаана байхыг мэддэг. </p> <p> <a href="https://mn.eyewated.com/css-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%8F%D0%B0%D0%B6-%D1%81%D0%BE%D0%BD%D0%B3%D0%BE%D1%85-%D0%B2%D1%8D/">CSS удам сонгон шалгаруулагч нь</a> зөвхөн # контейнерийн элементэд байгаа H1 элементүүдийг хэрэглэдэг. </p> <p> <strong>05-р сарын 09</strong> </p> <h3> Гурван баганыг авахын тулд хоёр багана байгуулах хэрэгтэй </h3><p> CSS-тэй гурван багана байрлуулахдаа өөрийн байршлыг хоёр бүлэгт хуваах хэрэгтэй. Энэ баганын гурван багана нь дунд ба баруун баганад, баганын зүүн талын баганын хажууд байрлуулж, зүүн багана нь 250px өргөн, баруун багана нь 610px өргөн (300 тус бүр нь хоёр баганад , тэдгээрийн хоорондын ус суваг дээр 10px нэмэх). </p> <p> HTML дараах байдалтай байна: </p> <div id = "col1"> <p> Товчлолыг дахин эхлүүлэх хэрэгтэй. Хэрэв та хүсэж байгаа бол, энэ нь таны хүсэж байгаа зүйл биш юм, Лорим ipsum dolor sit amet. Эрх мэдэлтэй тэмцэх үйл ажиллагаа нь сайн дурын үндсэн дээр хэрэгждэг. </ P> </ div> <div id = "col2outer"> <p> Хэрэв та хүсэж байгаа бол, энэ нь түр зуур ажиллах болно. Ut labore et dolore magna aliqua. Velit esse cillum dolore eu fugiat nulla pariatur. </ P> </ div> <p> Багананд байрлах текст байрлал нь тест хийхэд тэдгээрийг илүү харуулдаг. CSS нь дараах байдалтай байна: </p> #container # col1 {өргөн: 250px; float: left; } #container # col2outer {width: 610px; float: right; margin: 0; Налуу: 0; } <p> Зүүн талын багана зүүн тийш хөвж, нөгөө нь баруун тийш хөвж байна. Хоёр баганын нийт өргөн 860px байгаа тул тэдгээрийн хоорондох 10px суваг байна. </p> <p> <strong>06-р сарын 09</strong> </p> <h3> Хоёр өргөн баган дээр хоёр багана нэмнэ </h3><p> Гурван баганыг үүсгэхийн тулд хоёр дахь баганыг 2-р мөрөнд нэмэх хэрэгтэй. HTML дараах байдалтай байна: </p> <div id = "col2outer"> <div id = "col2mid"> <p> Хэрэв та хүсэхгүй байгаа бол түр хүлээнэ үү. Ut labore et dolore magna aliqua. </ P> </ div> <div id = "col2side"> <p> Уншихыг хүсч байна уу, аль нэгийг нь сонгохыг хүсч байна. Ullam corporis suscipit laboriosam, өөрөөр хэлбэл, өөрөөр хэлбэл. Энэ нь таны компьютер дээр ажиллах чадвартай байх болно. Энэ нь таны компьютер дээр ажиллах чадварыг шаарддаг. </ P> </ div> </ div> <p> CSS нь иймэрхүү харагдана: </p> # col2outer # col2mid {өргөн: 300px; float: left; } # col2outer # col2side {width: 300px; float: right; } <p> Эдгээр хоёр 300px өргөн хайрцаг нь 610px өргөн хайрцаг дотор байгаа тул тэдгээрийн хоорондох 10px суваг дахин гарч ирнэ. </p> <p> <strong>09-р сарын 07</strong> </p> <h3> Footer дээр нэмэх </h3><p> Одоо хуудасны үлдсэн хэсэг нь нэрлэгддэг тул та footer-д нэмэх боломжтой. Сүүлийн серверийг "footer" id ашиглан сонгож, контентыг нэмж үзэх боломжтой болно. Та мөн дээд хэсэгт хил залгаж болно, ингэснээр хаана эхлэхээ мэдэх болно. </p> <p> HTML: </p> <div id = "footer"> <p> Copyright © 2017 </ p> </ div> <p> CSS: </p> #container #footer {float: left; өргөн: 870px; border-top: # c00 хатуу 3px; } <p> <strong>08-ийн 08</strong> </p> <h3> Өөрийн хувийн стиль болон агуулгыг нэмэх </h3><p> Одоо дууссаны дараа та өөрийн хувийн хэв маягаа болон контентоо нэмж болно. Зөвхөн загвар, дизайныг харуулахгүйн тулд толгой ба хажуугийн хил хязгаарыг нэмж байрлуулсан гэдгийг санаарай. </p> <p> <strong>09-р сарын 09</strong> </p> <h3> Эцсийн HTML / CSS </h3><p> Энд бүхэл баримт, HTML болон CSS байна: </p> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transition // 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> Untitled Document </ title> <style type = "text / css"> html, body {margin: 0px; padding: 0px; border: 0px; } #container {width: 870px; margin: 0 0 0 20px; / * дээд баруун доод ёроол * / padding: 0; background-color: #fff; } #container h1 {margin: 0; Налуу: 0; өргөн: 100%; өндөр: 150px; float: left; border-bottom: # c00 хатуу 3px; } #container # col1 {өргөн: 250px; float: left; } #container # col2outer {width: 610px; float: right; margin: 0; Налуу: 0; } # col2outer # col2mid {өргөн: 300px; float: left; } # col2outer # col2side {width: 300px; float: right; } #container #footer {float: left; өргөн: 870px; border-top: # c00 хатуу 3px; } </ style> </ head> <body> <div id = "контейнер"> <h1> Миний толгойн мөр </ h1> <div id = "col1"> <p> <p> </ div> <div id = "col2outer"> <div id = "col2mid"> <p> Нууц үгээ мартсан. </ p> </ P> </ div> </ p> </ div> </ div> <div id = "footer"> <p> Copyright © 2008 </ p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://mn.eyewated.com/z-%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D0%B4%D1%8D%D1%85-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://mn.eyewated.com/z-%D0%B8%D0%BD%D0%B4%D0%B5%D0%BA%D1%81-%D0%B4%D1%8D%D1%85-css/">Z-Индекс дэх CSS</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D0%B2%D1%8D%D0%B1-%D1%85%D1%83%D1%83%D0%B4%D1%81%D0%B0%D0%BD-%D0%B4%D1%8D%D1%8D%D1%80%D1%85-%D1%84%D0%BE%D0%BD%D1%82%D1%8B%D0%B3-css-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD/"> <amp-img src="https://exse.eyewated.com/pict/2290be1f74fa346f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D0%B2%D1%8D%D0%B1-%D1%85%D1%83%D1%83%D0%B4%D1%81%D0%B0%D0%BD-%D0%B4%D1%8D%D1%8D%D1%80%D1%85-%D1%84%D0%BE%D0%BD%D1%82%D1%8B%D0%B3-css-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD/">Вэб хуудсан дээрх Фонтыг CSS хэрхэн ашиглах вэ?</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/css-%D3%A9%D0%BC%D1%87%D0%B8%D0%B9%D0%BD-%D1%82%D0%BE%D0%B4%D0%BE%D1%80%D1%85%D0%BE%D0%B9%D0%BB%D0%BE%D0%BB%D1%82/"> <amp-img src="https://exse.eyewated.com/pict/3a2920899cf83249-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/css-%D3%A9%D0%BC%D1%87%D0%B8%D0%B9%D0%BD-%D1%82%D0%BE%D0%B4%D0%BE%D1%80%D1%85%D0%BE%D0%B9%D0%BB%D0%BE%D0%BB%D1%82/">CSS өмчийн тодорхойлолт</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/css-line-spacing/">CSS Line Spacing</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/css3-%D1%82%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0/"> <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://mn.eyewated.com/css3-%D1%82%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0/">CSS3 танилцуулга</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/css-%D0%B4%D1%8D%D0%B2%D1%81%D0%B3%D1%8D%D1%80%D1%82%D0%B8%D0%B9%D0%BD-%D1%82%D0%BE%D0%B2%D1%87-%D1%82%D0%BE%D0%B9%D0%BC/"> <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://mn.eyewated.com/css-%D0%B4%D1%8D%D0%B2%D1%81%D0%B3%D1%8D%D1%80%D1%82%D0%B8%D0%B9%D0%BD-%D1%82%D0%BE%D0%B2%D1%87-%D1%82%D0%BE%D0%B9%D0%BC/">CSS дэвсгэртийн товч тойм</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/css-%D0%B7%D0%B0%D1%85%D0%B8%D0%B0%D0%BB%D0%B0%D0%B3%D1%87%D0%B8%D0%B9%D0%BD-%D0%B4%D0%B0%D0%B2%D1%83%D1%83-%D1%82%D0%B0%D0%BB/"> <amp-img src="https://exse.eyewated.com/pict/dbab36fbadbf3679-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/css-%D0%B7%D0%B0%D1%85%D0%B8%D0%B0%D0%BB%D0%B0%D0%B3%D1%87%D0%B8%D0%B9%D0%BD-%D0%B4%D0%B0%D0%B2%D1%83%D1%83-%D1%82%D0%B0%D0%BB/">CSS Захиалагчийн давуу тал</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/html5-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-css3-%D0%B4-scrollable-content-%D0%B8%D0%B9%D0%B3-%D0%B1%D0%B8%D0%B9-%D0%B1%D0%BE%D0%BB%D0%B3%D0%BE%D1%85-%D0%BD%D1%8C-marquee-%D0%B8%D0%B9%D0%B3/"> <amp-img src="https://exse.eyewated.com/pict/049d95d89eac3a60-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/html5-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-css3-%D0%B4-scrollable-content-%D0%B8%D0%B9%D0%B3-%D0%B1%D0%B8%D0%B9-%D0%B1%D0%BE%D0%BB%D0%B3%D0%BE%D1%85-%D0%BD%D1%8C-marquee-%D0%B8%D0%B9%D0%B3/">HTML5 болон CSS3-д Scrollable Content-ийг бий болгох нь MARQUEE-ийг ашигладаггүй</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/css-%D0%B0%D1%88%D0%B8%D0%B3%D0%BB%D0%B0%D0%BD-%D0%BB%D0%B8%D0%BD%D0%BA%D0%B8%D0%B9%D0%B3-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D0%BD%D1%83%D1%83%D1%85-%D0%B2%D1%8D/">CSS ашиглан линкийг хэрхэн нуух вэ?</a></h3> <div class="amp-related-meta"> Вэб дизайн & Дев </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://mn.eyewated.com/windows-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B0%D0%B0%D1%80-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B8%D0%B9%D0%BD-%D0%B0%D1%81%D0%B3%D0%B0%D1%80%D0%B0%D0%BB%D1%82-%D0%B4%D1%8D%D1%8D%D1%80/"> <amp-img src="https://exse.eyewated.com/pict/a009bf6f65133711-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/windows-%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%B0%D1%82%D0%B0%D0%B0%D1%80-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B8%D0%B9%D0%BD-%D0%B0%D1%81%D0%B3%D0%B0%D1%80%D0%B0%D0%BB%D1%82-%D0%B4%D1%8D%D1%8D%D1%80/">Windows Автоматаар Системийн Асгаралт дээр Автоматаар Restart-ийг идэвхгүй болгох</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/outlook-2007-%D1%82%D1%8D%D0%B9-%D1%82%D3%A9%D1%81%D1%82%D1%8D%D0%B9-%D0%B7%D1%83%D1%80%D0%B0%D0%B3-%D0%BE%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85/"> <amp-img src="https://exse.eyewated.com/pict/5a6abb0f68585227-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/outlook-2007-%D1%82%D1%8D%D0%B9-%D1%82%D3%A9%D1%81%D1%82%D1%8D%D0%B9-%D0%B7%D1%83%D1%80%D0%B0%D0%B3-%D0%BE%D1%80%D1%83%D1%83%D0%BB%D0%B0%D1%85/">Outlook 2007-тэй төстэй зураг оруулах</a></h3> <div class="amp-related-meta"> Имэйл & Зурвас </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/adobe-illustrator-cc-2014-%D0%B4-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%83%D1%80%D1%82-%D1%81%D2%AF%D2%AF%D0%B4%D1%8D%D1%80-%D0%B1%D2%AF%D1%82%D1%8D%D1%8D%D1%85-%D0%B2%D1%8D/"> <amp-img src="https://exse.eyewated.com/pict/ecd6684aaf293056-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/adobe-illustrator-cc-2014-%D0%B4-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%83%D1%80%D1%82-%D1%81%D2%AF%D2%AF%D0%B4%D1%8D%D1%80-%D0%B1%D2%AF%D1%82%D1%8D%D1%8D%D1%85-%D0%B2%D1%8D/">Adobe Illustrator CC 2014-д хэрхэн урт сүүдэр бүтээх вэ?</a></h3> <div class="amp-related-meta"> Програм хангамж </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/2018-%D0%BE%D0%BD%D0%B4-9-%D1%88%D0%B8%D0%BB%D0%B4%D1%8D%D0%B3-playstation-4-%D1%83%D1%80%D0%B0%D0%BD-%D0%B7%D3%A9%D0%B3%D0%BD%D3%A9%D0%BB%D1%82-%D1%82%D0%BE%D0%B3%D0%BB%D0%BE%D0%BE%D0%BC/">2018 онд 9 Шилдэг Playstation 4 Уран зөгнөлт тоглоом худалдаж авах</a></h3> <div class="amp-related-meta"> Тоглоом </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%82%D0%BE%D0%BF-21-%D0%B8-%D0%BC%D1%8D%D0%B9%D0%BB-%D1%85%D0%B0%D0%B9%D1%85-%D1%81%D0%B0%D0%B9%D1%82%D1%83%D1%83%D0%B4-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-%D1%85%D0%B0%D1%8F%D0%B3%D0%B8%D0%B9%D0%BD/"> <amp-img src="https://exse.eyewated.com/pict/7e3f1950bc4f2fd8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%82%D0%BE%D0%BF-21-%D0%B8-%D0%BC%D1%8D%D0%B9%D0%BB-%D1%85%D0%B0%D0%B9%D1%85-%D1%81%D0%B0%D0%B9%D1%82%D1%83%D1%83%D0%B4-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-%D1%85%D0%B0%D1%8F%D0%B3%D0%B8%D0%B9%D0%BD/">Топ 21 И-мэйл хайх сайтууд болон хаягийн сангууд</a></h3> <div class="amp-related-meta"> Имэйл & Зурвас </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/if-statement-%D1%8B%D0%B3-bash-script-%D0%B4%D1%8D%D1%8D%D1%80-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D0%B1%D0%B8%D1%87%D0%B8%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80/"> <amp-img src="https://exse.eyewated.com/pict/41601cec3fa7337b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/if-statement-%D1%8B%D0%B3-bash-script-%D0%B4%D1%8D%D1%8D%D1%80-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D0%B1%D0%B8%D1%87%D0%B8%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80/">IF-Statement -ыг Bash-Script дээр хэрхэн бичих талаар</a></h3> <div class="amp-related-meta"> Линукс </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/2018-%D0%BE%D0%BD%D0%B4-%D1%85%D1%83%D0%B4%D0%B0%D0%BB%D0%B4%D0%B0%D0%B0%D0%BB%D0%B0%D0%B3%D0%B4%D0%B0%D1%85-6-%D1%88%D0%B8%D0%BB%D0%B4%D1%8D%D0%B3/">2018 онд худалдаалагдах 6 шилдэг борлуулагчтай</a></h3> <div class="amp-related-meta"> Интернет ба Сүлжээ </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/wi-fi-%D0%B0%D1%88%D0%B8%D0%B3%D0%BB%D0%B0%D0%BD-google-%D0%BD%D2%AF%D2%AF%D1%80%D0%B8%D0%B9%D0%B3-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%85%D0%BE%D0%BB%D0%B1%D0%BE%D1%85/"> <amp-img src="https://exse.eyewated.com/pict/1201807556b033f6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/wi-fi-%D0%B0%D1%88%D0%B8%D0%B3%D0%BB%D0%B0%D0%BD-google-%D0%BD%D2%AF%D2%AF%D1%80%D0%B8%D0%B9%D0%B3-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%85%D0%BE%D0%BB%D0%B1%D0%BE%D1%85/">Wi-Fi ашиглан Google Нүүрийг хэрхэн холбох талаар</a></h3> <div class="amp-related-meta"> Шинэ & Дараа </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/hal-dll-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%81%D1%8D%D1%80%D0%B3%D1%8D%D1%8D%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80-windows-xp-cd-%D1%8D%D1%8D%D1%81/"> <amp-img src="https://exse.eyewated.com/pict/39c064fc5e0c32f2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/hal-dll-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%81%D1%8D%D1%80%D0%B3%D1%8D%D1%8D%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80-windows-xp-cd-%D1%8D%D1%8D%D1%81/">Hal.dll хэрхэн сэргээх талаар Windows XP CD-ээс</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/microsoft-edge-%D0%B4%D1%8D%D1%8D%D1%80%D1%85-image-%D0%B8%D0%B9%D0%BD-%D0%B2%D1%8D%D0%B1-%D1%85%D0%B0%D1%8F%D0%B3%D0%B8%D0%B9%D0%B3-%D1%85%D1%83%D1%83%D0%BB%D0%B0%D1%85/"> <amp-img src="https://exse.eyewated.com/pict/5ee6291ce45c37f0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/microsoft-edge-%D0%B4%D1%8D%D1%8D%D1%80%D1%85-image-%D0%B8%D0%B9%D0%BD-%D0%B2%D1%8D%D0%B1-%D1%85%D0%B0%D1%8F%D0%B3%D0%B8%D0%B9%D0%B3-%D1%85%D1%83%D1%83%D0%BB%D0%B0%D1%85/">Microsoft Edge дээрх Image-ийн вэб хаягийг хуулах</a></h3> <div class="amp-related-meta"> Имэйл & Зурвас </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%88%D0%B8%D0%BD%D1%8D-nokia-8-%D0%B4%D0%B0%D1%85%D1%8C-%D1%88%D0%B8%D0%BB%D0%B4%D1%8D%D0%B3-%D0%BD%D1%83%D1%83%D1%86%D0%BB%D0%B0%D0%B3-%D1%88%D0%B8%D0%BD%D0%B6%D2%AF%D2%AF%D0%B4/"> <amp-img src="https://exse.eyewated.com/pict/4cb84413b4303095-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%88%D0%B8%D0%BD%D1%8D-nokia-8-%D0%B4%D0%B0%D1%85%D1%8C-%D1%88%D0%B8%D0%BB%D0%B4%D1%8D%D0%B3-%D0%BD%D1%83%D1%83%D1%86%D0%BB%D0%B0%D0%B3-%D1%88%D0%B8%D0%BD%D0%B6%D2%AF%D2%AF%D0%B4/">Шинэ Nokia 8 дахь шилдэг нууцлаг шинжүүд</a></h3> <div class="amp-related-meta"> Андройд </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%82%D0%B0%D0%BD%D1%8B-%D0%B1%D0%BB%D0%BE%D0%B3-%D0%B7%D0%B0%D1%80%D0%B6-%D0%BC%D3%A9%D0%BD%D0%B3%D3%A9-%D0%BE%D0%BB%D0%BE%D1%85-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BC%D0%B6%D1%82%D0%BE%D0%B9/"> <amp-img src="https://exse.eyewated.com/pict/7530d588ebc4338f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%82%D0%B0%D0%BD%D1%8B-%D0%B1%D0%BB%D0%BE%D0%B3-%D0%B7%D0%B0%D1%80%D0%B6-%D0%BC%D3%A9%D0%BD%D0%B3%D3%A9-%D0%BE%D0%BB%D0%BE%D1%85-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BC%D0%B6%D1%82%D0%BE%D0%B9/">Таны блог зарж, мөнгө олох боломжтой тэмдэгтүүд</a></h3> <div class="amp-related-meta"> Вэб ба хайлт </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/forza-motorsport-5-%D1%82%D0%BE%D0%B9%D0%BC-xone/"> <amp-img src="https://exse.eyewated.com/pict/baaa5e580a5731a3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/forza-motorsport-5-%D1%82%D0%BE%D0%B9%D0%BC-xone/">Forza Motorsport 5 тойм (XONE)</a></h3> <div class="amp-related-meta"> Тоглоом </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%8F%D0%BC%D0%B0%D1%80-%D1%84%D0%B0%D0%B9%D0%BB%D1%8B%D0%BD-%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B8%D0%B9%D0%B3-gimp-%D0%B4%D1%8D%D0%BC%D0%B6%D0%B4%D1%8D%D0%B3%D0%B8%D0%B9%D0%B3/"> <amp-img src="https://exse.eyewated.com/pict/cec871d8f8182f61-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%8F%D0%BC%D0%B0%D1%80-%D1%84%D0%B0%D0%B9%D0%BB%D1%8B%D0%BD-%D1%85%D1%8D%D0%BB%D0%B1%D1%8D%D1%80%D0%B8%D0%B9%D0%B3-gimp-%D0%B4%D1%8D%D0%BC%D0%B6%D0%B4%D1%8D%D0%B3%D0%B8%D0%B9%D0%B3/">Ямар файлын хэлбэрийг GIMP дэмждэгийг сурах</a></h3> <div class="amp-related-meta"> Програм хангамж </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%88%D0%B8%D0%BD%D1%8D-xbox-one-owners-%D0%B8%D0%B9%D0%BD-%D0%B1%D1%8D%D0%BB%D1%8D%D0%B3-%D1%81%D0%B0%D0%BD%D0%B0%D0%B0%D0%BD%D1%83%D1%83%D0%B4/"> <amp-img src="https://exse.eyewated.com/pict/2d572fd56bc331b7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%88%D0%B8%D0%BD%D1%8D-xbox-one-owners-%D0%B8%D0%B9%D0%BD-%D0%B1%D1%8D%D0%BB%D1%8D%D0%B3-%D1%81%D0%B0%D0%BD%D0%B0%D0%B0%D0%BD%D1%83%D1%83%D0%B4/">Шинэ Xbox One Owners-ийн бэлэг санаанууд</a></h3> <div class="amp-related-meta"> Тоглоом </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/itunes-%D0%B0%D0%B0%D1%81-%D2%AF%D0%BD%D1%8D%D0%B3%D2%AF%D0%B9-%D0%B0%D0%B2%D0%B0%D1%85%D1%8B%D0%BD-%D1%82%D1%83%D0%BB%D0%B4-redownload-%D0%B3-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD/"> <amp-img src="https://exse.eyewated.com/pict/387fe167f66136f5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/itunes-%D0%B0%D0%B0%D1%81-%D2%AF%D0%BD%D1%8D%D0%B3%D2%AF%D0%B9-%D0%B0%D0%B2%D0%B0%D1%85%D1%8B%D0%BD-%D1%82%D1%83%D0%BB%D0%B4-redownload-%D0%B3-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD/">ITunes-аас үнэгүй авахын тулд Redownload-г хэрхэн татаж авах талаар</a></h3> <div class="amp-related-meta"> IPhone & iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/cat5-%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D0%B8%D1%83%D0%B4-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-%D0%B0%D0%BD%D0%B3%D0%B8%D0%BB%D0%B0%D0%BB-5-ethernet-%D0%B4%D1%8D%D1%8D%D1%80%D1%85%D0%B8/"> <amp-img src="https://exse.eyewated.com/pict/80736959bcd92fe5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/cat5-%D0%BA%D0%B0%D0%B1%D0%B5%D0%BB%D0%B8%D1%83%D0%B4-%D0%B1%D0%BE%D0%BB%D0%BE%D0%BD-%D0%B0%D0%BD%D0%B3%D0%B8%D0%BB%D0%B0%D0%BB-5-ethernet-%D0%B4%D1%8D%D1%8D%D1%80%D1%85%D0%B8/">CAT5 кабелиуд болон Ангилал 5 Ethernet дээрхи өгүүлэл</a></h3> <div class="amp-related-meta"> Интернет ба Сүлжээ </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%80%D0%B5%D1%8E%D0%BD%D0%B8%D0%B3%D0%B8%D0%B9%D0%BD-%D0%B3%D1%8D%D1%80%D1%8D%D0%BB-%D0%B7%D1%83%D1%80%D0%B3%D0%B8%D0%B9%D0%BD-%D0%B7%D3%A9%D0%B2%D0%BB%D3%A9%D0%BC%D0%B6%D2%AF%D2%AF%D0%B4/"> <amp-img src="https://exse.eyewated.com/pict/e7356b64623e3471-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%80%D0%B5%D1%8E%D0%BD%D0%B8%D0%B3%D0%B8%D0%B9%D0%BD-%D0%B3%D1%8D%D1%80%D1%8D%D0%BB-%D0%B7%D1%83%D1%80%D0%B3%D0%B8%D0%B9%D0%BD-%D0%B7%D3%A9%D0%B2%D0%BB%D3%A9%D0%BC%D0%B6%D2%AF%D2%AF%D0%B4/">Реюнигийн гэрэл зургийн зөвлөмжүүд</a></h3> <div class="amp-related-meta"> Дижитал камер </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/instagram-%D1%8B%D0%BD-explore-tab-%D0%B4%D1%8D%D1%8D%D1%80-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%81%D0%BE%D0%BD%D0%B3%D0%BE%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80/"> <amp-img src="https://exse.eyewated.com/pict/0d9e9dd925de3388-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/instagram-%D1%8B%D0%BD-explore-tab-%D0%B4%D1%8D%D1%8D%D1%80-%D1%85%D1%8D%D1%80%D1%85%D1%8D%D0%BD-%D1%81%D0%BE%D0%BD%D0%B3%D0%BE%D1%85-%D1%82%D0%B0%D0%BB%D0%B0%D0%B0%D1%80/">Instagram-ын Explore Tab дээр хэрхэн сонгох талаар</a></h3> <div class="amp-related-meta"> Олон нийтийн сүлжээ </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%85%D0%B0%D0%BD%D0%B4%D0%B0%D1%85-%D0%BC%D1%8D%D0%B4%D1%8D%D1%8D%D0%BB%D0%BB%D0%B8%D0%B9%D0%BD-%D0%B1%D0%B0%D0%B0%D0%B7%D1%8B%D0%BD-%D1%85%D0%B0%D1%80%D0%B8%D0%BB%D1%86%D0%B0%D0%B0%D0%B3/"> <amp-img src="https://exse.eyewated.com/pict/50c2b0a48bff3605-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%85%D0%B0%D0%BD%D0%B4%D0%B0%D1%85-%D0%BC%D1%8D%D0%B4%D1%8D%D1%8D%D0%BB%D0%BB%D0%B8%D0%B9%D0%BD-%D0%B1%D0%B0%D0%B0%D0%B7%D1%8B%D0%BD-%D1%85%D0%B0%D1%80%D0%B8%D0%BB%D1%86%D0%B0%D0%B0%D0%B3/">Хандах мэдээллийн баазын харилцааг үүсгэх</a></h3> <div class="amp-related-meta"> Програм хангамж </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/review-black-case-iphone-waterproof-pro/"> <amp-img src="https://exse.eyewated.com/pict/5f4564a7c77c3449-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/review-black-case-iphone-waterproof-pro/">Review: Black Case iPhone Waterproof Pro</a></h3> <div class="amp-related-meta"> Худалдан авах зааварчилгаа </div> </div> </div> <div class="amp-related-content"> <a href="https://mn.eyewated.com/%D1%81%D2%AF%D0%BB%D0%B6%D1%8D%D1%8D%D0%BD%D0%B8%D0%B9-%D3%A9%D0%B3%D3%A9%D0%B3%D0%B4%D0%BB%D0%B8%D0%B9%D0%B3-%D0%B3%D0%B0%D1%80-%D1%83%D1%82%D0%B0%D1%81%D0%BD%D1%8B/"> <amp-img src="https://exse.eyewated.com/pict/5bc930c7832540af-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://mn.eyewated.com/%D1%81%D2%AF%D0%BB%D0%B6%D1%8D%D1%8D%D0%BD%D0%B8%D0%B9-%D3%A9%D0%B3%D3%A9%D0%B3%D0%B4%D0%BB%D0%B8%D0%B9%D0%B3-%D0%B3%D0%B0%D1%80-%D1%83%D1%82%D0%B0%D1%81%D0%BD%D1%8B/">Сүлжээний өгөгдлийг гар утасны хэрэглээний хэрэглээг удирдах арга замууд</a></h3> <div class="amp-related-meta"> Интернет ба Сүлжээ </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 mn.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.236 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:25:32 --> <!-- 0.002 -->