- Top Users"
Place №1
Place №2
სოფი ვარ კარგარეთელი ツ❣Place №3
Place №4
Place №5
leluka elashviliPlace №6
Nino BichikoPlace №7
ნათია ირემაშვილიPlace №8
SooFPlace №9
ბუსა'ს სტატუსებიPlace №10
Irina biberPlace №11
- We Heart It"
- Statistics"
სულ
მომხმ.
სტუმარი
სულ ონლაინში: 1
სტუმარი: 1
მომხმარებელი: 0
ონლაინში არავინაა : (
- Welcome !! ♥"

- Mini Chat"
შეტყობინების დასამატებლად გაიაროთ ავტორიზაცია ან რეგისტრაცია
- Banner"
- New Comments"
ຫອმຕ♪♫™ : 
Σε♥αγαπώ : 
Σε♥αγαπώ : 
- Photo Gallery"
 hdmaxo05    85     0
 Irinka    189     1
 ຫອმຕ♪♫™    303     0

- ყველა სურათის ნახვა..

   ຫອმຕ♪♫™    2015-01-02    359    (0)
5:11 PM
სურათის ატვირთვა და გაფორმება

სურათის ატვირთვა და გაფორმება

1. სურათის ჩარჩო

მაგალითი კოდი
border: 3px dotted #FF0000;

 

border: 3px dashed #FF0000;

 

border: 3px solid #FF0000;

 

border: 3px double #FF0000;

 

border: 3px groove #FF0000;

 

border: 3px ridge #FF0000;

 

border: 3px inset #FF0000;

 

border: 3px outset #FF0000;


როგორ გავაფორმოთ?
სურათის სიახლის ჩასმის შემდეგ გადავანაცვლოთ კოდებზე, დააკოპირეთ სასურველი კოდი სურათის გაფორმების და ქვემოთ მოცემული სურათის მიხედვით განათავსეთ დაკოპირებული კოდი - 



 
როგორ შევუცვალოთ ზომა და ფერი ?
3px - ჩარჩოს ზომა | შეცვალეთ სასურველ რიცხვზე
#FF0000 - ჩარჩოს ფერი | შეცვალეთ სასურველი ფერის კოდზე - იხილეთ თემა ფერების კოდები
 

2. სურთის კუთხეების მომრგვალება

მაგალითი კოდი
border-radius: 10px;

 

border-radius: 10px 50px;

 

border-radius: 10px 0px 10px 0px;


  როგორ ჩავსვათ კოდი?
კოდის ჩასმა ხდება ისევე როგორც ჩარჩოს კოდებზე გაჩვენეთ.  რადიუსის შეცვლა შესაძლებელია.. სასურველ რიცხვზე შეცვალეთ მოცემული კოდი. შეგიძლიათ მხოლოდ ერთი კუთხე მოამრგვალოთ, ან მხოლოდ ორო, ან კიდე საერთოდ ოთხივე.  + შესაძლებელია ეს ორივე კოდი ერთ სურათზე გამოვიყენოთ. ჩარჩო და  კუთხეების მომრგვალება. მაგალითად -  
 

border: 3px dotted #FF0000;         border-radius: 10px 50px;

 3. სურათის ჩრდილი

მაგალითი კოდი
box-shadow: 0 8px 6px -6px #000000;

 

box-shadow: 4px 4px #999;

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

border: 3px dotted #FF0000;
border-radius: 10px 50px;
box-shadow: 0 8px 6px -6px #000000;

4. სურათის ატვირთვა

რაც შეეხება სურათის ატვირთვას.. თუ სიახლეში ბევრი სურათის განთავსება გსურთ, მაშინ გამოიყენეთ ეს საიტი, უკეთესი იქნება თუ დარეგისტრირდებით - Radikal.Ru.. გუგლედან ნაპოვნი სურათები გადმოწერეთ და ატვირთეთ ამ საიტზე, შემდეგ დააკოპირეთ სურათის ბმული და ჩასვით სიახლეში.. რატომ არ დავაკოპიროთ პირდაპირ გუგლედან სურათის ბმული? იმიტომ რომ ხშირ შემთხვევაში სურათის ავტორი შლის თავის ატვირთულ სურათს და შემდგომ სიახლეში ეს ფოტო გამოჩნდება ასე - .. რაც დადებულ სიახლეს სილამაზეს და შინაარს დაუკარგავს.. ვისაც გაქვთ პროფილი WeHeartIt.com, Pinterest.com, Favim.com, Rebloggy.com, Tumblr.com-ზე შეგიძლიათ იქ ატვირთული სურათები და ჩასვათ სიახლეში.. რადგან ავტორი თავად თქვენ ხართ და სურათებს არაფერი ემუქრება :))..
 
თუ რამე ვერ გაიგეთ მკითხეთ და დაგეხმარებით <3 წარმატებები ყველას : ) ♥

0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს. გთხოვთ გაიაროთ ავტორიზაცია ან რეგისტრაცია