Როგორ ავაშენოთ 3 სვეტი განლაგება CSS- ში

CSS განლაგება მოითხოვს, რომ ფიქრობთ თქვენი საიტის განლაგება მთლიანად და შემდეგ წაიღეთ ცალი და ერთად. შეიტყვეთ, თუ როგორ უნდა ავაშენოთ მარტივი 3-სვეტი განლაგება CSS- ით.

01 09

ჩამოიყვანე შენი განლაგება

J Kyrnin

თქვენ შეგიძლიათ შეადგინოთ განლაგება ქაღალდზე ან გრაფიკული პროგრამით . თუ თქვენ უკვე გაქვთ მავთულის ჩარჩო ან უფრო ფართო დიზაინის გათვალისწინება, გაამარტივეთ ის ძირითადი ყუთები, რომლებიც ქმნიან საიტზე. ეს დიზაინი, რომელიც ახლავს ამ სტატიას, აქვს სამი სვეტი ძირითადი შინაარსის ტერიტორიაზე, ასევე სათაურისა და ძირი. თუ ყურადღებით დავაკვირდებით, ხედავთ, რომ სამი სვეტი სიგანეში არ არის თანაბარი.

მას შემდეგ, რაც თქვენ გაქვთ განლაგება, შეგიძლიათ დაიწყოთ აზროვნების ზომები. ამ მაგალითის დიზაინი აპირებს შემდეგ ძირითად ზომებს:

09 09

დაწერეთ ძირითადი HTML / CSS და შექმნა კონტეინერი ელემენტი

მას შემდეგ, რაც ეს გვერდი იქნება სწორი HTML დოკუმენტი, დაიწყე ცარიელი HTML კონტეინერი

"text / html; charset = utf-8" /> Untitled Document </ b> </ li> <a href="http://www.w3.org/1999/xhtml "> <head> <meta http- სათაური> </ head> <body> </ body> </ html> <p> დაამატეთ ძირითადი CSS სტილის <a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%94-css-to-%E1%83%9C%E1%83%A3%E1%83%9A%E1%83%9D%E1%83%95%E1%83%90%E1%83%9C%E1%83%98/">ნულიდან გვერდზე მინდვრები, საზღვრები და paddings</a> . მიუხედავად იმისა, რომ არსებობს სხვა <a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%94%E1%83%AA%E1%83%90%E1%83%9C%E1%83%98%E1%83%97-cascading-style-sheets-%E1%83%90%E1%83%9B-css-%E1%83%99%E1%83%90%E1%83%A0%E1%83%90%E1%83%95%E1%83%98/">სტანდარტული CSS სტილის</a> ახალი დოკუმენტები, ამ სტილის არის მინიმალური თქვენ უნდა მიიღოს სუფთა განლაგებას. დაამატეთ ისინი თქვენი დოკუმენტის ხელმძღვანელს: </p> <style type = "text / css"> html, სხეული {margin: 0px; padding: 0px; საზღვარი: 0px; } </ style> <p> განლაგების შესაქმნელად შეიყვანეთ კონტეინერის ელემენტში. ეს ზოგჯერ ხდება, რომ თქვენ შეგიძლიათ მოიცილოთ კონტეინერი მოგვიანებით, მაგრამ ყველაზე ფიქსირებული სიგანე სქემები, რომელსაც კონტეინერი ელემენტის ხდის უფრო ადვილად მართვა სხვადასხვა ვებ ბრაუზერები. ასე რომ, სხეულში დააყენა ეს: </p> <div id = "კონტეინერი"> </ div> <p> და CSS სტილი ფურცელი, დააყენა: </p> #container {} <p> <strong>09 09</strong> </p> <h3> სტილი კონტეინერი </h3><p> კონტეინერი განსაზღვრავს, თუ რამდენად ფართო იქნება ვებ გვერდი შინაარსი, ისევე როგორც ნებისმიერი მინდვრები გარედან და შიგნით შიგნით. ამ დოკუმენტისთვის, კონტეინერი 870px ფართოა, რომელზეც 20 პიქსელიანი წვიმაა მარცხნივ. გუთერი იქმნება მარჟის სტილით, მაგრამ კონტეინერზე padding არის ნულოვანი, რათა თავიდან იქნას აცილებული ნებისმიერი ელემენტები, როგორც ფართო როგორც კონტეინერი. </p> #container {width: 870px; ზღვარი: 0 0 0 20px; / * ზედა მარჯვენა ქვედა მარცხენა * / padding: 0; } <p> თუ თქვენ ახლა შეინახეთ დოკუმენტი, რთული იქნება ნახვის კონტეინერის ნახვა, რადგან მას არაფერი აქვს. თუ თქვენ დაამატებთ ადგილსამყოფელის ტექსტს, თქვენ შეძლებთ კონტეინერის ელემენტს უფრო ნათლად იხილოთ. </p> <p> <strong>04 09</strong> </p> <h3> გამოიყენეთ სათაურის სტრიქონი სათაურით </h3><p> როგორ გადაწყვეტთ სტილის სათაურს row დამოკიდებულია იმაზე, თუ რა არის მასში. თუ სათაურის ჯოხი მხოლოდ ლოგოს გრაფიკული და სათაურის გაკეთებას აპირებს, მაშინ სათაურის ტეგით (<h1>) გამოყენება უფრო მეტ მნიშვნელობას ანიჭებს, ვიდრე <div>. თქვენ შეგიძლიათ სტილის სათაური ისე, რომ თქვენ სტილის div, და თქვენ თავიდან ავიცილოთ extraneous tags. </p> <p> HTML for header row მიდის ზედა კონტეინერი და ასე გამოიყურება: </p> <h1> ჩემი ჰედერის ზომა </ h1> <p> ამის შემდეგ, სტილის შესაქმნელად, წითელი საზღვარი დაემატა ბოლოში, ასე რომ თქვენ შეგიძლიათ იხილოთ, სადაც ის მთავრდება, მინდვრები და პანდირება ნულოვანი აღმოჩნდა, სიგანე 100% და 150px სიმაღლე: </p> #container h1 {margin: 0; padding: 0; სიგანე: 100%; სიმაღლე: 150px; float: მარცხენა; საზღვრის ქვედა: # c00 მყარი 3px; } <p> ნუ დაივიწყებთ ამ ელემენტის float: მარცხნივ; ქონება. CSS წერილების წერის გასაღები არის ყველაფრის გაშლა - მაშინაც კი, რაც არის იგივე სიგანე, როგორც კონტეინერი. ამ გზით, თქვენ ყოველთვის იცით, სადაც ელემენტები დაეკისრება გვერდზე. </p> <p> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-css-%E1%83%A8%E1%83%97%E1%83%90%E1%83%9B%E1%83%9D%E1%83%9B%E1%83%90%E1%83%95%E1%83%90%E1%83%9A%E1%83%98/">CSS შთამომავლის არჩევა</a> გამოყენებული სტილის მხოლოდ H1 ელემენტებს, რომლებიც შიგნით #container ელემენტს. </p> <p> <strong>09 09</strong> </p> <h3> სამი სვეტის მისაღებად, დაიწყეთ ორი სვეტის შექმნა </h3><p> როდესაც თქვენ აშენებთ სამი სვეტის განლაგება CSS- სთან, თქვენ უნდა გაყოთ თქვენი განლაგება ორ ჯგუფად. ასე რომ, სამივე სვეტის განლაგება, შუა და მარჯვენა სვეტი და დაჯგუფებულია და მარცხენა სვეტის გვერდით არის განთავსებული ორ სვეტიანი განლაგებით, სადაც მარცხენა სვეტი არის 250px ფართო და მარჯვენა სვეტი 610px ფართოა (300 თითოეული ორი სვეტისთვის , პლუს 10px ამისთვის gutter მათ შორის). </p> <p> HTML ასე გამოიყურება: </p> <div id = "col1"> <p> თუ გსურთ შეიტანოთ ეს მონაცემები. უფრო მეტია, ვიდრე მინიმუმ, რომ ეს არის ყველაზე პოპულარული. რეპრეზენტაციურ ტრიუმფეტში ჩატარებული სავარჯიშო ტესტების ჩატარება </ Div> <div id = "col2outer"> <p> იმისათვის, რომ მინიმუმ მინიმუმამდე მივუდგეთ, მაშინ ჩვენმა შუაგულმა შრომა შეინარჩუნა შრომის გარეშე. დიდი ხნის განმავლობაში მუშაობდნენ <Strong> </ div> </ div> <p> კოლონტის ტექსტის სვეტში ხდის უფრო მეტად შესამჩნევი ტესტირება. CSS ასე გამოიყურება: </p> #container # col1 {width: 250px; float: მარცხენა; } #container # col2outer {width: 610px; float: უფლება; ზღვარი: 0; padding: 0; } <p> მარცხნივ სვეტი მარცხნივ მიუთითებს, ხოლო მეორე კი - მარჯვნივ. იმის გამო, რომ ორივე სვეტის მთლიანი სიგანე 860px არის, მათ შორის 10px მტვერია. </p> <p> <strong>09 09</strong> </p> <h3> დაამატეთ ორი სვეტი ფართო მეორე სვეტის შიგნით </h3><p> შექმნათ სამი სვეტი, დაამატეთ ორი divs შიგნით ფართო მეორე სვეტი, ისევე, როგორც თქვენ დასძინა 2 divs შიგნით კონტეინერი სვეტი ბოლო ნაბიჯი. HTML ასე გამოიყურება: </p> <div id = "col2outer"> <div id = "col2mid"> <p> იმისათვის, რომ მინიმუმ ვიზუალური, მაგრამ ამის გაკეთება რამდენიმე დროით შრომის შრომის გარეშე. დიდი ხნის განმავლობაში მუშაობდნენ </ Div> <div id = "col2side"> <p> გათავისუფლების დროა, როცა გაითვალისწინეთ, Ullam კორპორაცია იძლევა შრომის შემცირებას თუმცა, მას შემდეგ, რაც იშვიათია, არ იცის, რომ დროთა განმავლობაში ყველა დროის შრომისუნარიანობა და გაღიზიანება გამოიწვიოს. </ Div> </ div> <p> და CSS ასე გამოიყურება: </p> # col2outer # col2mid {width: 300px; float: მარცხენა; } # col2outer # col2side {width: 300px; float: უფლება; } <p> მას შემდეგ, რაც ამ ორი 300px ფართო ყუთები არიან 610px ფართო ყუთში, მათ შორის კვლავ იქნება 10px მავთული. </p> <p> <strong>09 09</strong> </p> <h3> სანიშნეს Footer </h3><p> ახლა, რომ დანარჩენი გვერდი არის ე.წ., თქვენ შეგიძლიათ დაამატოთ ძირი. გამოიყენეთ უკანასკნელი div "footer" ID და დაამატეთ შინაარსი, ასე რომ თქვენ შეგიძლიათ ნახოთ იგი. თქვენ ასევე შეგიძლიათ დაამატოთ საზღვარი ზედა, ასე რომ თქვენ იცით, სად იწყება. </p> <p> HTML: </p> <div id = "footer"> <p> საავტორო უფლებები © 2017 </ p> </ div> <p> CSS: </p> #container #footer {float: left; სიგანე: 870px; საზღვრის ზედა: # c00 მყარი 3px; } <p> <strong>08 09</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 გარდამავალი // EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns =" ​​http შინაარსით <content> "text / html; charset = utf-8" /> <title> Untitled Document </ b> </ li> <a href="http://www.w3.org/1999/xhtml "> <head> <meta http- სათაური> <style type = "text / css"> html, body {margin: 0px; padding: 0px; საზღვარი: 0px; } #container {width: 870px; ზღვარი: 0 0 0 20px; / * ზედა მარჯვენა ქვედა მარცხენა * / padding: 0; ფონის ფერი: # ff; } #container h1 {margin: 0; padding: 0; სიგანე: 100%; სიმაღლე: 150px; float: მარცხენა; საზღვრის ქვედა: # c00 მყარი 3px; } #container # col1 {width: 250px; float: მარცხენა; } #container # col2outer {width: 610px; float: უფლება; ზღვარი: 0; padding: 0; } # col2outer # col2mid {width: 300px; float: მარცხენა; } # col2outer # col2side {width: 300px; float: უფლება; } #container #footer {float: left; სიგანე: 870px; საზღვრის ზედა: # c00 მყარი 3px; </ style> </ head> <body> <div id = "container"> <h1> ჩემი ჰედერის ზომა </ h1> <div id = "col1"> <p> <div id = "col2outer"> <div id = "col2mid"> <p> მინიმალური სიისთვის. </ div> <div id = "col2side"> <p> <Lib> </ div> </ div> </ div> </ div> </ div> </ div> </ div> </ div> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%90%E1%83%96%E1%83%A0%E1%83%94%E1%83%91%E1%83%90-css-float/"> <amp-img src="https://exse.eyewated.com/pict/26ae6d06d2733294-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%90%E1%83%96%E1%83%A0%E1%83%94%E1%83%91%E1%83%90-css-float/">Გააზრება CSS Float</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%9B%E1%83%90%E1%83%A0%E1%83%A2%E1%83%98%E1%83%95%E1%83%98-%E1%83%92%E1%83%96%E1%83%90-%E1%83%AA%E1%83%94%E1%83%9C%E1%83%A2%E1%83%A0%E1%83%98/"> <amp-img src="https://exse.eyewated.com/pict/e7f8d4ffa9972f21-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%9B%E1%83%90%E1%83%A0%E1%83%A2%E1%83%98%E1%83%95%E1%83%98-%E1%83%92%E1%83%96%E1%83%90-%E1%83%AA%E1%83%94%E1%83%9C%E1%83%A2%E1%83%A0%E1%83%98/">Მარტივი გზა ცენტრი მაგიდის გამოყენებით 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://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%A3%E1%83%9C%E1%83%93%E1%83%90-%E1%83%95%E1%83%98%E1%83%A1%E1%83%AC%E1%83%90%E1%83%95%E1%83%9A%E1%83%9D%E1%83%97-%E1%83%A9%E1%83%94%E1%83%9B%E1%83%98-css/">Რა უნდა ვისწავლოთ ჩემი CSS სტილი ფურცელი ფაილი?</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9C%E1%83%A1%E1%83%AE%E1%83%95%E1%83%90%E1%83%95%E1%83%94%E1%83%91%E1%83%90-%E1%83%A9%E1%83%95%E1%83%94%E1%83%9C%E1%83%94%E1%83%91%E1%83%90/"> <amp-img src="https://exse.eyewated.com/pict/75b8a97b6ad9352e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9C%E1%83%A1%E1%83%AE%E1%83%95%E1%83%90%E1%83%95%E1%83%94%E1%83%91%E1%83%90-%E1%83%A9%E1%83%95%E1%83%94%E1%83%9C%E1%83%94%E1%83%91%E1%83%90/">Განსხვავება "ჩვენება: არცერთი" და "ხილვადობა: ფარული" CSS- ში</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-css-2/"> <amp-img src="https://exse.eyewated.com/pict/ca4194b55aa73239-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-css-2/">Როგორ გამოვიყენოთ CSS პოზიციონირება შექმნა Layouts გარეშე მაგიდები</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%93%E1%83%90%E1%83%95%E1%83%A1%E1%83%A2%E1%83%9D%E1%83%95%E1%83%9D%E1%83%97/">Როგორ დავსტოვოთ საკვანძო საკეტი</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-84/"> <amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-84/">Როგორ გამოვიყენოთ მრავალი 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://ka.eyewated.com/%E1%83%AE%E1%83%A8%E1%83%98%E1%83%A0%E1%83%90%E1%83%93-%E1%83%93%E1%83%90%E1%83%A1%E1%83%9B%E1%83%A3%E1%83%9A%E1%83%98-2/">Ხშირად დასმული შეკითხვები ვებ დიზაინი, HTML, CSS და ვებ უზრუნველყოფა</a></h3> <div class="amp-related-meta"> Ვებ დიზაინი და ევა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9C%E1%83%9B%E1%83%90%E1%83%A0%E1%83%A2%E1%83%94%E1%83%91%E1%83%90-css-%E1%83%A1%E1%83%90%E1%83%99%E1%83%A3%E1%83%97%E1%83%A0%E1%83%94%E1%83%91%E1%83%98%E1%83%A1/"> <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://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9C%E1%83%9B%E1%83%90%E1%83%A0%E1%83%A2%E1%83%94%E1%83%91%E1%83%90-css-%E1%83%A1%E1%83%90%E1%83%99%E1%83%A3%E1%83%97%E1%83%A0%E1%83%94%E1%83%91%E1%83%98%E1%83%A1/">Განმარტება 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://ka.eyewated.com/%E1%83%A8%E1%83%94%E1%83%9C%E1%83%98-%E1%83%A1%E1%83%90%E1%83%A3%E1%83%99%E1%83%94%E1%83%97%E1%83%94%E1%83%A1%E1%83%9D/"> <amp-img src="https://exse.eyewated.com/pict/127a7ea2e09d3038-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A8%E1%83%94%E1%83%9C%E1%83%98-%E1%83%A1%E1%83%90%E1%83%A3%E1%83%99%E1%83%94%E1%83%97%E1%83%94%E1%83%A1%E1%83%9D/">Შენი საუკეთესო პორტატული მანქანა გამათბობელი პარამეტრები</a></h3> <div class="amp-related-meta"> Მანქანა ტექნიკური </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%9E%E1%83%90%E1%83%9C%E1%83%93%E1%83%9D%E1%83%A0%E1%83%90-%E1%83%A0%E1%83%90%E1%83%93%E1%83%98%E1%83%9D/"> <amp-img src="https://exse.eyewated.com/pict/c1087b41e58e347b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%9E%E1%83%90%E1%83%9C%E1%83%93%E1%83%9D%E1%83%A0%E1%83%90-%E1%83%A0%E1%83%90%E1%83%93%E1%83%98%E1%83%9D/">Პანდორა რადიო: რადიოსიხშირული მუსიკის სამსახური</a></h3> <div class="amp-related-meta"> Პროგრამები და პროგრამები </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%9B%E1%83%9D%E1%83%95%E1%83%AB%E1%83%94%E1%83%91%E1%83%9C%E1%83%9D%E1%83%97-%E1%83%93%E1%83%90-7/"> <amp-img src="https://exse.eyewated.com/pict/0dc52b9b7dce2f03-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%9B%E1%83%9D%E1%83%95%E1%83%AB%E1%83%94%E1%83%91%E1%83%9C%E1%83%9D%E1%83%97-%E1%83%93%E1%83%90-7/">Როგორ მოვძებნოთ და გამოიყენოთ აუდიო საძიებო სისტემები</a></h3> <div class="amp-related-meta"> Ინტერნეტ - ძებნა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%98%E1%83%97%E1%83%90%E1%83%9B%E1%83%90%E1%83%A8%E1%83%9D%E1%83%A1-flip-diving/"> <amp-img src="https://exse.eyewated.com/pict/534a94a429ff3445-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%98%E1%83%97%E1%83%90%E1%83%9B%E1%83%90%E1%83%A8%E1%83%9D%E1%83%A1-flip-diving/">Როგორ ითამაშოს Flip Diving (უკეთესია, ვიდრე ახლა არის)</a></h3> <div class="amp-related-meta"> Თამაში </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%90%E1%83%A6%E1%83%90%E1%83%93%E1%83%92%E1%83%98%E1%83%9C%E1%83%9D%E1%83%97-ie10-%E1%83%9B%E1%83%98%E1%83%A1%E1%83%98/"> <amp-img src="https://exse.eyewated.com/pict/32ce5ff05e1832db-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%90%E1%83%A6%E1%83%90%E1%83%93%E1%83%92%E1%83%98%E1%83%9C%E1%83%9D%E1%83%97-ie10-%E1%83%9B%E1%83%98%E1%83%A1%E1%83%98/">Როგორ აღადგინოთ IE10 მისი ნაგულისხმები პარამეტრები</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-wep-wpa-%E1%83%93%E1%83%90-wpa2-%E1%83%A0%E1%83%9D%E1%83%9B%E1%83%94%E1%83%9A%E1%83%98%E1%83%90/"> <amp-img src="https://exse.eyewated.com/pict/d3d8fbe5f7d338a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-wep-wpa-%E1%83%93%E1%83%90-wpa2-%E1%83%A0%E1%83%9D%E1%83%9B%E1%83%94%E1%83%9A%E1%83%98%E1%83%90/">Რა არის WEP, WPA და WPA2? რომელია საუკეთესო?</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"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%90%E1%83%92%E1%83%96%E1%83%90%E1%83%95%E1%83%9C%E1%83%9D%E1%83%97-12/"> <amp-img src="https://exse.eyewated.com/pict/22e2adf1b7203da7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%90%E1%83%92%E1%83%96%E1%83%90%E1%83%95%E1%83%9C%E1%83%9D%E1%83%97-12/">Როგორ გააგზავნოთ შეტყობინება Gmail- ის უბრალო ტექსტში</a></h3> <div class="amp-related-meta"> Ელ-ფოსტა და მიმოწერა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-ncsc-tg-025-%E1%83%9B%E1%83%94%E1%83%97%E1%83%9D%E1%83%93%E1%83%98/"> <amp-img src="https://exse.eyewated.com/pict/ada9ae4c7d1941e9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-ncsc-tg-025-%E1%83%9B%E1%83%94%E1%83%97%E1%83%9D%E1%83%93%E1%83%98/">Რა არის NCSC-TG-025 მეთოდი?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%93%E1%83%90%E1%83%90%E1%83%98%E1%83%9C%E1%83%A1%E1%83%A2%E1%83%90%E1%83%9A%E1%83%98%E1%83%A0%E1%83%94%E1%83%97-microsoft-office/"> <amp-img src="https://exse.eyewated.com/pict/9a8179a6d5153023-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%93%E1%83%90%E1%83%90%E1%83%98%E1%83%9C%E1%83%A1%E1%83%A2%E1%83%90%E1%83%9A%E1%83%98%E1%83%A0%E1%83%94%E1%83%97-microsoft-office/">Დააინსტალირეთ Microsoft Office</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%A0%E1%83%97%E1%83%9D%E1%83%97-add-ons-in-internet-explorer-6-7/"> <amp-img src="https://exse.eyewated.com/pict/927443836e013005-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%A0%E1%83%97%E1%83%9D%E1%83%97-add-ons-in-internet-explorer-6-7/">Როგორ გამორთოთ Add-ons in Internet Explorer 6 & 7</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%9D%E1%83%9C%E1%83%9A%E1%83%90%E1%83%98%E1%83%9C-backup-%E1%83%A8%E1%83%94%E1%83%93%E1%83%90%E1%83%A0%E1%83%94%E1%83%91%E1%83%90/"> <amp-img src="https://exse.eyewated.com/pict/062852593af633ca-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%9D%E1%83%9C%E1%83%9A%E1%83%90%E1%83%98%E1%83%9C-backup-%E1%83%A8%E1%83%94%E1%83%93%E1%83%90%E1%83%A0%E1%83%94%E1%83%91%E1%83%90/">Ონლაინ Backup შედარება</a></h3> <div class="amp-related-meta"> Პროგრამები და პროგრამები </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%98%E1%83%97%E1%83%90%E1%83%9B%E1%83%90%E1%83%A8%E1%83%9D%E1%83%A1-flac-%E1%83%A4%E1%83%90%E1%83%98%E1%83%9A%E1%83%94%E1%83%91%E1%83%98-windows/"> <amp-img src="https://exse.eyewated.com/pict/b2837947ef1b3449-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%98%E1%83%97%E1%83%90%E1%83%9B%E1%83%90%E1%83%A8%E1%83%9D%E1%83%A1-flac-%E1%83%A4%E1%83%90%E1%83%98%E1%83%9A%E1%83%94%E1%83%91%E1%83%98-windows/">Როგორ ითამაშოს FLAC ფაილები Windows Media Player 12</a></h3> <div class="amp-related-meta"> Პროგრამები და პროგრამები </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%93%E1%83%90%E1%83%A4%E1%83%98%E1%83%A5%E1%83%A1%E1%83%98%E1%83%A0%E1%83%94%E1%83%91%E1%83%90-cygwin1-dll-%E1%83%90%E1%83%A0/"> <amp-img src="https://exse.eyewated.com/pict/7c6f0799802d3737-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%93%E1%83%90%E1%83%A4%E1%83%98%E1%83%A5%E1%83%A1%E1%83%98%E1%83%A0%E1%83%94%E1%83%91%E1%83%90-cygwin1-dll-%E1%83%90%E1%83%A0/">Როგორ დაფიქსირება Cygwin1.dll არ არის ნაპოვნი ან დაკარგული შეცდომები</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/gimp-%E1%83%90%E1%83%9C%E1%83%98%E1%83%9B%E1%83%90%E1%83%AA%E1%83%98%E1%83%A3%E1%83%A0%E1%83%98-gif-tutorial/">GIMP ანიმაციური GIF Tutorial</a></h3> <div class="amp-related-meta"> Პროგრამული უზრუნველყოფა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%98%E1%83%A1%E1%83%AC%E1%83%90%E1%83%95%E1%83%9A%E1%83%94%E1%83%97-%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-12/"> <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://ka.eyewated.com/%E1%83%98%E1%83%A1%E1%83%AC%E1%83%90%E1%83%95%E1%83%9A%E1%83%94%E1%83%97-%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-12/">Ისწავლეთ როგორ წავიკითხოთ RSS სიახლეები RSS Mac OS X 10.7 და ადრე Mail</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-xbox-360-core-%E1%83%A1%E1%83%98%E1%83%A1%E1%83%A2%E1%83%94%E1%83%9B%E1%83%90/"> <amp-img src="https://exse.eyewated.com/pict/c72f1aba94f735c7-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-xbox-360-core-%E1%83%A1%E1%83%98%E1%83%A1%E1%83%A2%E1%83%94%E1%83%9B%E1%83%90/">Რა არის Xbox 360 Core სისტემა?</a></h3> <div class="amp-related-meta"> Თამაში </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-92/"> <amp-img src="https://exse.eyewated.com/pict/5ecefcbf1ff938a4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%9D%E1%83%92%E1%83%9D%E1%83%A0-%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%95%E1%83%98%E1%83%A7%E1%83%94%E1%83%9C%E1%83%9D%E1%83%97-92/">Როგორ გამოვიყენოთ ანიმაციური მხატვარი PowerPoint 2010 წელს</a></h3> <div class="amp-related-meta"> Პროგრამული უზრუნველყოფა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-webm-%E1%83%A4%E1%83%90%E1%83%98%E1%83%9A%E1%83%98/"> <amp-img src="https://exse.eyewated.com/pict/dcccd93524ee3183-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A0%E1%83%90-%E1%83%90%E1%83%A0%E1%83%98%E1%83%A1-webm-%E1%83%A4%E1%83%90%E1%83%98%E1%83%9A%E1%83%98/">Რა არის WEBM ფაილი?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/%E1%83%A1%E1%83%90%E1%83%A4%E1%83%A0%E1%83%97%E1%83%AE%E1%83%98%E1%83%A1-facebook-oversharing/"> <amp-img src="https://exse.eyewated.com/pict/815ccc22db3a318e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%A1%E1%83%90%E1%83%A4%E1%83%A0%E1%83%97%E1%83%AE%E1%83%98%E1%83%A1-facebook-oversharing/">Საფრთხის Facebook Oversharing</a></h3> <div class="amp-related-meta"> Ინტერნეტ - ძებნა </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/8-%E1%83%A1%E1%83%90%E1%83%A3%E1%83%99%E1%83%94%E1%83%97%E1%83%94%E1%83%A1%E1%83%9D-pc-%E1%83%A1%E1%83%90%E1%83%97%E1%83%90%E1%83%9B%E1%83%90%E1%83%A8%E1%83%9D/">8 საუკეთესო PC სათამაშო აქსესუარები შეიძინეთ 2018 წელს</a></h3> <div class="amp-related-meta"> Თამაში </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/%E1%83%92%E1%83%90%E1%83%9B%E1%83%9D%E1%83%A7%E1%83%94%E1%83%9C%E1%83%94%E1%83%91%E1%83%90-windows-efs-%E1%83%93%E1%83%90%E1%83%A8%E1%83%98%E1%83%A4%E1%83%A0%E1%83%A3%E1%83%9A%E1%83%98/">Გამოყენება Windows EFS (დაშიფრული ფაილი სისტემა)</a></h3> <div class="amp-related-meta"> Ინტერნეტ - ძებნა </div> </div> </div> <div class="amp-related-content"> <a href="https://ka.eyewated.com/pac-man-world-cheats-for-playstation-ps1/"> <amp-img src="https://exse.eyewated.com/pict/8a5d5d94f4172ec7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ka.eyewated.com/pac-man-world-cheats-for-playstation-ps1/">Pac-Man World Cheats for PlayStation (PS1)</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 ka.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.247 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:48:03 --> <!-- 0.002 -->