CSS-də 3 kolon Layihəsi qurmaq necədir

CSS düzeni, veb-sayt layoutunu bir bütün olaraq düşünməyi, sonra da parçaları götürməyi və onları birləşdirməyi tələb edir. CSS ilə sadə 3 sütunlu sxem qurmağı öyrənin.

01/09

Layihənizi çəkin

J Kyrnin

Layihənizi kağız üzərində və ya qrafik proqramında çəkə bilərsiniz. Zaten bir tel çerçevesi ya da daha geniş bir tasarıma sahip olursanız, siteyi oluşturan temel kutulara basitleştirin. Bu məqaləyə istinad edən bu dizayn, əsas məzmun sahəsindəki üç sütun, həmçinin üstbilgi və altbilgiyə malikdir. Əgər yaxından baxdığınız zaman, üç sütunun eni bərabər olmadığını görə bilərsiniz.

Layihə hazırlandıqdan sonra ölçüləri düşünməyə başlaya bilərsiniz. Bu nümunə dizayn aşağıdakı əsas ölçülərə malik olacaq:

02/09

Əsas HTML / CSS yaz və Konteyner elementi yaradın

Bu səhifə düzgün bir HTML sənədi olduğundan, boş HTML konteynerlə başlayın

Untitled Document < title> </ head> <body> </ body> </ html> <p> Əsas <a href="https://az.eyewated.com/marjinlerinizi-v%C9%99-s%C9%99rh%C9%99dl%C9%99rinizi-s%C9%99rb%C9%99stl%C9%99sdirm%C9%99k-uecuen-css-ni-istifad%C9%99-edin/">marjinləri, sərhədləri və həcmlərini sıfırlamaq</a> üçün əsas CSS üslublarına əlavə edin. Yeni sənədlər üçün digər <a href="https://az.eyewated.com/bu-css-cheat-sheet-il%C9%99-cascading-style-sheets-bilm%C9%99k/">standart CSS üslubları</a> olsa da, bu üslublar təmiz layout əldə etmək üçün minimum olmalıdır. Sənədinizin başlığına əlavə edin: </p> <style type = "text / css"> html, body {margin: 0px; padding: 0px; sərhəd: 0px; } </ style> <p> Layihəni qurmağa başlamaq üçün bir konteyner elementinə qoyun. Bəzən konteynerdən daha sonra qurtarmaq olar, amma konteyner elementi olan müxtəlif sabit genişlikli layouts üçün müxtəlif Web-brauzerlərdən daha asan idarə etməyə imkan verir. Beləliklə, bədəndə bu: </p> <div id = "konteyner"> </ div> <p> Və CSS stilində, qoy: </p> #container {} <p> <strong>03 09</strong> </p> <h3> Konteynerin tərzi </h3><p> Konteyner, veb səhifənin məzmununun nə qədər geniş olacağını, həmçinin kənar ətrafındakı boşluqları və içərisində dolğunluğu müəyyənləşdirir. Bu sənəd üçün, konteyner 870px enində, solda 20 piksellik bir boşluq var. Xəndək margin stili ilə qurulur, lakin konteynerdə olan boşluq hər hansı elementin konteyner kimi geniş olmasını qarşısını almaq üçün sıfırlanır. </p> # konteyner {genişlik: 870px; margin: 0 0 0 20px; / * yuxarı sağ aşağı sol * / padding: 0; } <p> Sənədinizi indi saxlasanız, konteynerin görünməsi çətin olacaq, çünki heç bir şey yoxdur. Yer tutucu mətni əlavə etsəniz, konteyner elementini daha aydın görmək mümkün olacaq. </p> <p> <strong>04/09</strong> </p> <h3> Başlıq üçün başlıq etiketini istifadə edin </h3><p> Başlıq satırına üslubu necə qərar verdiyinizə görə çox asılıdır. Başlıq satırında bir logo graphic və başlıq varsa, bir başlıq tag istifadə (<h1>) bir <div> istifadə daha mənalı edir. Başlığı div kimi tərtib etməklə tərtib edə bilərsiniz və kənar etiketlərdən qaçın. </p> <p> Başlıq sırası üçün HTML konteynerin üst tərəfində gedir və aşağıdakı kimi görünür: </p> <h1> Başlıq Satırım </ h1> <p> Sonra üzərinə üslub qurmaq üçün altındakı qırmızı bir sərhəd əlavə edildi, buna görə başa gəldiyi yeri görə bilərsiniz, marjlar və padding sıfırlandı, genişlik 100% -ə və hündürlüyü 150px-ə bərabər idi: </p> #container h1 {margin: 0; padding: 0; genişlik: 100%; boy: 150px; float: sol; Sərhədsiz: # c00 solid 3px; } <p> Bu elementi float ilə float unutmayın: sol; əmlak. CSS layouts yazmaq üçün əsas hər şeyi - hətta konteyner ilə eyni genişlik olan şeylər. Beləliklə, həmişə elementlərin səhifənin yerində yalan olduğunu bilirsiniz. </p> <p> <a href="https://az.eyewated.com/css-l%C9%99rin-selektoru-n%C9%99dir/">CSS</a> descendant seçicisi yalnız # Container elementinin içərisində olan H1 elementlərinə üslub tətbiq etmişdir. </p> <p> <strong>05/09</strong> </p> <h3> Üç sütunu almaq üçün, iki sütun qurmaqla başlayın </h3><p> CSS ilə üç sütun düzeni qurduğunuzda, düzeni iki qrup halına bölmək lazımdır. Beləliklə, bu üç sütun düzeni üçün orta və sağ sütun və sol sütunun yanında iki sütunlu düzəldilmiş və sol sütunun 250px enində yerləşdiyi və sağ sütun 610px (300 ədəd hər iki sütun üçün) , aralarında boşluq üçün 10px). </p> <p> HTML bu kimi görünür: </p> <div id = "col1"> <p> Sonrakı bir nəticə. Daha çox məlumat üçün bu düyməyə basın. Bizim Şərtləri və Qaydalarıoxuyub və başa düşdünuz? Təxminən bir aylıq müddətdə təlim-məşq toplanışı keçirilir. </ P> </ div> <div id = "col2outer"> <p> Sifariş etmək istəmirsinizsə, özünüzü işə salmayın. Uğur işlə məşğul olmağı bacar. </ P> </ div>. </ P> </ div> <p> Sütunlardakı yerləşdirici mətn onları sınaqdan keçirərkən daha aydın görünür. CSS bu kimi görünür: </p> #container # col1 {genişlik: 250px; float: sol; } #container # col2outer {genişlik: 610px; float: sağ; margin: 0; padding: 0; } <p> Solda olan sütun sola, ikincisi isə sağa süzülür. Hər iki sütunun ümumi genişliyi 860px olduğundan, onların arasında 10px boşluq var. </p> <p> <strong>06-dan 09-dək</strong> </p> <h3> Geniş İkinci Sütun daxilində İki Sütun əlavə edin </h3><p> Üç sütunu yaratmaq üçün, son addımda konteyner sütununda 2 divs əlavə etdiyiniz kimi, geniş sütun daxilində iki div əlavə edin. HTML bu kimi görünür: </p> <div id = "col2outer"> <div id = "col2mid"> <p> Bu saytda qeydiyyatdan keçmək üçün, istədiyiniz zaman, işə yaramayın. Uğur işlə məşğul olmağı bacar. </ P> </ div> <div id = "col2side"> <p> Sifariş zamanı gündəmə gəldikdə, bir sıra problemlər yarana bilər. Əvvəlcədən işə yarayacaqsınız, amma bu, sizin üçün çox vacibdir. </ Div> </ div> </ div> </ div> </ div> <div> <p> Və CSS belədir: </p> # col2outer # col2mid {genişlik: 300px; float: sol; } # col2outer # col2side {width: 300px; float: sağ; } <p> Bu iki 300px geniş qutuları 610px genişlikdə olan qutuda olduğundan, onlar arasında 10px boşluq olacaq. </p> <p> <strong>07-də ​​09</strong> </p> <h3> Footer əlavə edin </h3><p> İndi səhifənin qalan hissəsi səpkili olduğundan, altbilgiyə əlavə edə bilərsiniz. "Footer" id ilə son div istifadə edin və onu görə bilərsiniz ki, məzmun əlavə edin. Üstəlik bir sərhəd əlavə edə bilərsiniz, buna görə başlanacağını biləcəksiniz. </p> <p> HTML: </p> <div id = "footer"> <p> Copyright © 2017 </ p> </ div> <p> CSS: </p> #container #footer {float: sol; eni: 870px; sərhədsiz: # c00 solid 3px; } <p> <strong>08-də 09</strong> </p> <h3> Kişisel Stil ve İçeriğinize əlavə edin </h3><p> İndi layout başa çatdıqda, öz şəxsi üslub və məzmununuzu əlavə edə bilərsiniz. Unutmayın ki, başlıq və altbilginin sərhədləri dizayn üçün deyil, layout hissələrini göstərmək üçün əlavə edildi. </p> <p> <strong>09/09</strong> </p> <h3> Final HTML / CSS </h3><p> Bütün sənəd, HTML və CSS: </p> <! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 keçid // 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; sərhəd: 0px; } #container {width: 870px; margin: 0 0 0 20px; / * yuxarı sağ aşağı sol * / padding: 0; fon-rəng: #fff; } #container h1 {margin: 0; padding: 0; genişlik: 100%; boy: 150px; float: sol; Sərhədsiz: # c00 solid 3px; } #container # col1 {genişlik: 250px; float: sol; } #container # col2outer {genişlik: 610px; float: sağ; margin: 0; padding: 0; } # col2outer # col2mid {genişlik: 300px; float: sol; } # col2outer # col2side {width: 300px; float: sağ; } #container #footer {float: sol; eni: 870px; sərhədsiz: # c00 solid 3px; </ style> </ head> <body> <div id = "konteyner"> <h1> Başlıq satırım </ h1> <div id = "col1"> <p> </ div> <div id = "col2outer"> <div> <div id = "col2mid"> <p> <p> <p> </ Div> </ div> <div id = "footer"> <p> Copyright © 2008 </ p> </ div> </ html> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://az.eyewated.com/import-v%C9%99-css-uecuen-link-arasindaki-f%C9%99rq-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/e1ef7baeb7f72ff1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/import-v%C9%99-css-uecuen-link-arasindaki-f%C9%99rq-n%C9%99dir/">@import və CSS üçün link arasındakı fərq nədir?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/css-style-v%C9%99r%C9%99q-dosyasini-n%C9%99-adlandirmaliyim/">CSS Style Vərəq Dosyasını Nə Adlandırmalıyım?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/bir-notepadin-css-l%C9%99rl%C9%99-yaradildigi-veb-s%C9%99hif%C9%99-yaratmaq/"> <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://az.eyewated.com/bir-notepadin-css-l%C9%99rl%C9%99-yaradildigi-veb-s%C9%99hif%C9%99-yaratmaq/">Bir notepadin CSS-lərlə yaradıldığı veb səhifə yaratmaq</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/css-d%C9%99-3-kolon-layih%C9%99si-qurmaq-nec%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/4b2ea51168c33485-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/css-d%C9%99-3-kolon-layih%C9%99si-qurmaq-nec%C9%99dir/">CSS-də 3 kolon Layihəsi qurmaq necədir</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/css3-%C9%99-giris/"> <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://az.eyewated.com/css3-%C9%99-giris/">CSS3-ə Giriş</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/span-v%C9%99-div-html-elements-istifad%C9%99-nec%C9%99/"> <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://az.eyewated.com/span-v%C9%99-div-html-elements-istifad%C9%99-nec%C9%99/">Span və Div HTML Elements istifadə necə</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/css-t%C9%99svir-ueslublari/"> <amp-img src="https://exse.eyewated.com/pict/b99552b45c483465-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/css-t%C9%99svir-ueslublari/">CSS təsvir üslubları</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/css-selector-n%C9%99-m%C9%99lumat-%C9%99ld%C9%99-edin/"> <amp-img src="https://exse.eyewated.com/pict/6fe96cd6b2ae3300-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/css-selector-n%C9%99-m%C9%99lumat-%C9%99ld%C9%99-edin/">CSS Selector nə məlumat əldə edin</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/marjinlerinizi-v%C9%99-s%C9%99rh%C9%99dl%C9%99rinizi-s%C9%99rb%C9%99stl%C9%99sdirm%C9%99k-uecuen-css-ni-istifad%C9%99-edin/"> <amp-img src="https://exse.eyewated.com/pict/dd39682dc1123505-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/marjinlerinizi-v%C9%99-s%C9%99rh%C9%99dl%C9%99rinizi-s%C9%99rb%C9%99stl%C9%99sdirm%C9%99k-uecuen-css-ni-istifad%C9%99-edin/">Marjinlerinizi və Sərhədlərinizi Sərbəstləşdirmək üçün CSS-ni istifadə edin</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/javada-yeni-bir-s%C9%99hif%C9%99y%C9%99-istiqam%C9%99tl%C9%99ndir%C9%99n-bir-acilan-menyunu-nec%C9%99-yaratmaq-olar/">Java'da yeni bir səhifəyə istiqamətləndirən bir açılan menyunu necə yaratmaq olar</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/ipad-uecuen-iwork-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/62578f99d88c3317-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/ipad-uecuen-iwork-n%C9%99dir/">IPad üçün iWork nədir?</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/web-s%C9%99hif%C9%99-link-m%C9%99tn-v%C9%99-ya-pdf-kimi-goend%C9%99rm%C9%99k-uecuen-nec%C9%99/"> <amp-img src="https://exse.eyewated.com/pict/fa18dad289af34a1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/web-s%C9%99hif%C9%99-link-m%C9%99tn-v%C9%99-ya-pdf-kimi-goend%C9%99rm%C9%99k-uecuen-nec%C9%99/">Web-səhifə (Link, Mətn və ya PDF kimi) göndərmək üçün necə</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/windows-8-8-1-editions-aciklamasi/"> <amp-img src="https://exse.eyewated.com/pict/7a72ac40988237d7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/windows-8-8-1-editions-aciklamasi/">Windows 8 / 8.1 Editions Açıklaması</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/hastaqlarin-tarixi/"> <amp-img src="https://exse.eyewated.com/pict/804e537b872c3506-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/hastaqlarin-tarixi/">Haştaqların tarixi</a></h3> <div class="amp-related-meta"> Sosial Mediya </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/drupal-views-n%C9%99dir/"> <amp-img src="https://exse.eyewated.com/pict/82e2fa5725bd3524-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/drupal-views-n%C9%99dir/">Drupal "Views" nədir?</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://az.eyewated.com/bitkil%C9%99r-vs-zombies-garden-warfare-review-xone-x360/"> <amp-img src="https://exse.eyewated.com/pict/cde0c4a6ded531d0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/bitkil%C9%99r-vs-zombies-garden-warfare-review-xone-x360/">Bitkilər vs Zombies: Garden Warfare Review (XONE, X360)</a></h3> <div class="amp-related-meta"> Oyun </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/android-tv-i%CC%87ncelemesi/"> <amp-img src="https://exse.eyewated.com/pict/facba387ef523340-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/android-tv-i%CC%87ncelemesi/">Android TV İncelemesi</a></h3> <div class="amp-related-meta"> Oyun </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/suelfue-virusun-m%C9%99qs%C9%99di-v%C9%99-nec%C9%99-aradan-qaldirilmasi-uecuen-m%C9%99lumat-%C9%99ld%C9%99-edin/"> <amp-img src="https://exse.eyewated.com/pict/0c3ef4dbeb3a3d16-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/suelfue-virusun-m%C9%99qs%C9%99di-v%C9%99-nec%C9%99-aradan-qaldirilmasi-uecuen-m%C9%99lumat-%C9%99ld%C9%99-edin/">Sülfü Virusun məqsədi və necə aradan qaldırılması üçün məlumat əldə edin</a></h3> <div class="amp-related-meta"> Antivirus </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/hdr-fayl-nedir/"> <amp-img src="https://exse.eyewated.com/pict/c72c1ee02f9e3159-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/hdr-fayl-nedir/">HDR Fayl nedir?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/tezlikl%C9%99-%C9%99n-cox-ist%C9%99diyi-hileler-v%C9%99-sirl%C9%99r-t%C9%99l%C9%99b-olunur-gamecube/"> <amp-img src="https://exse.eyewated.com/pict/c2761dba04183807-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/tezlikl%C9%99-%C9%99n-cox-ist%C9%99diyi-hileler-v%C9%99-sirl%C9%99r-t%C9%99l%C9%99b-olunur-gamecube/">Tezliklə ən çox istədiyi hileler və sirlər tələb olunur - Gamecube</a></h3> <div class="amp-related-meta"> Oyun </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/dial-up-modem-baglantinizi-suer%C9%99tl%C9%99ndirin/"> <amp-img src="https://exse.eyewated.com/pict/fb7ca20aaae53096-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/dial-up-modem-baglantinizi-suer%C9%99tl%C9%99ndirin/">Dial-Up modem bağlantınızı sürətləndirin</a></h3> <div class="amp-related-meta"> İnternet və Şəbəkə </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/html-v%C9%99-ya-duez-m%C9%99tnd%C9%99-mesajlarin-yaratilmasi/"> <amp-img src="https://exse.eyewated.com/pict/cfb0b2fe1afb30cc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/html-v%C9%99-ya-duez-m%C9%99tnd%C9%99-mesajlarin-yaratilmasi/">HTML və ya Düz Mətndə Mesajların Yaratılması</a></h3> <div class="amp-related-meta"> Email və Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/video-qeydiyyati-bitrates-explained/"> <amp-img src="https://exse.eyewated.com/pict/d7ff7c40add63476-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/video-qeydiyyati-bitrates-explained/">Video qeydiyyatı Bitrates Explained</a></h3> <div class="amp-related-meta"> Rəqəmsal kameralar </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/pure-sine-wave-inverters-lazimli-v%C9%99-ya-overkill/"> <amp-img src="https://exse.eyewated.com/pict/2207276748d23477-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/pure-sine-wave-inverters-lazimli-v%C9%99-ya-overkill/">Pure Sine Wave Inverters: Lazımlı və ya Overkill?</a></h3> <div class="amp-related-meta"> Car Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/kisisellestirilmis-bir-baslangic-sayfasi-olaraq-protopagee-bir-goezden-gecirme/"> <amp-img src="https://exse.eyewated.com/pict/c69d5d0a7deb346e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/kisisellestirilmis-bir-baslangic-sayfasi-olaraq-protopagee-bir-goezden-gecirme/">Kişiselleştirilmiş bir Başlanğıc Sayfası olaraq Protopage'e bir gözden geçirme</a></h3> <div class="amp-related-meta"> Proqram və Proqramlar </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/gmail-d%C9%99-telefon-z%C9%99ngl%C9%99ri-qurmaq-uecuen-istifad%C9%99ci-dostu-bir-t%C9%99limat/"> <amp-img src="https://exse.eyewated.com/pict/29c45f7e2fce444a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/gmail-d%C9%99-telefon-z%C9%99ngl%C9%99ri-qurmaq-uecuen-istifad%C9%99ci-dostu-bir-t%C9%99limat/">Gmail-də telefon zəngləri qurmaq üçün istifadəçi dostu bir təlimat</a></h3> <div class="amp-related-meta"> Email və Mesajlaşma </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/top-5-pulsuz-veb-konfrans-tools/"> <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://az.eyewated.com/top-5-pulsuz-veb-konfrans-tools/">Top 5 Pulsuz Veb Konfrans Tools</a></h3> <div class="amp-related-meta"> Web və axtarış </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/10-%C9%99n-maraqli-android-oyunlar/"> <amp-img src="https://exse.eyewated.com/pict/3998b15e611c34b9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/10-%C9%99n-maraqli-android-oyunlar/">10 ən maraqlı Android Oyunlar</a></h3> <div class="amp-related-meta"> Oyun </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/mac-os-x-10-7-v%C9%99-daha-%C9%99vv%C9%99l-maild%C9%99-rss-x%C9%99b%C9%99rl%C9%99r-axini-oxumaq-haqqinda-m%C9%99lumat-%C9%99ld%C9%99-edin/"> <amp-img src="https://exse.eyewated.com/pict/e6975b8703e23353-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/mac-os-x-10-7-v%C9%99-daha-%C9%99vv%C9%99l-maild%C9%99-rss-x%C9%99b%C9%99rl%C9%99r-axini-oxumaq-haqqinda-m%C9%99lumat-%C9%99ld%C9%99-edin/">Mac OS X 10.7 və daha əvvəl Mail'də RSS Xəbərlər axını oxumaq haqqında məlumat əldə edin</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/quotient-funksiyasi-il%C9%99-excel-d%C9%99-boeluenm%C9%99/"> <amp-img src="https://exse.eyewated.com/pict/37399ccab6524167-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/quotient-funksiyasi-il%C9%99-excel-d%C9%99-boeluenm%C9%99/">QUOTIENT funksiyası ilə Excel-də bölünmə</a></h3> <div class="amp-related-meta"> Proqram təminatı </div> </div> </div> <div class="amp-related-content"> <a href="https://az.eyewated.com/2018-ci-ild%C9%99-satin-almaq-uecuen-11-%C9%99n-yaxsi-amazon-cihazi/"> <amp-img src="https://exse.eyewated.com/pict/21e7b1e07d1e3ae7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://az.eyewated.com/2018-ci-ild%C9%99-satin-almaq-uecuen-11-%C9%99n-yaxsi-amazon-cihazi/">2018-ci ildə satın almaq üçün 11 ən yaxşı Amazon Cihazı</a></h3> <div class="amp-related-meta"> Kılavuzların alınması </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 az.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.187 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:32:58 --> <!-- 0.002 -->