ფერადი ფონი საიტზე არა მხოლოდ სტუმრების ყურადღებას იპყრობს, არამედ რესურსის განწყობასაც გადმოსცემს. კოსმოსური თემების საიტები ქმნის საიდუმლოებით მოცულ ატმოსფეროს, ვარსკვლავური ცის სახით, გასართობი რესურსები თბილი ფერის მდიდარი ფერებით, ქალაქის სერვისების ვებ – სერვისები აჩვენებენ თავიანთ ოფიციალობას მკაცრი დიზაინით და ძირითადად ნაცრისფერი და ლურჯი ჩრდილების ფონზე.. არსებობს რამდენიმე გზა, რომლითაც საკუთარი ვებ გვერდი ფერადი გახდება.
Ეს აუცილებელია
- - თქვენი საიტი
- - მინიმუმ საბაზისო ცოდნა HTML– ზე
ინსტრუქციები
Ნაბიჯი 1
მყარი ფონის შესაქმნელად იპოვნეთ შემდეგი ტეგები და HTML კოდში. შეცვალეთ პირველი ნიშანი ასე:
ამ კონსტრუქციაში # FFFF33 არის დაშიფრული ყვითელი ჩრდილი.
ნაბიჯი 2
გვერდის ფერი შეიძლება დაზუსტდეს არა მხოლოდ კოდით, არამედ სპეციალური სიტყვებით - ძირითადი ფერების სახელები. ფონის ფერით რომ მიუთითოთ, დაწერეთ შემდეგი კოდი:
აქ "ყვითელი" არის ყვითელი ფერის სახელი.
ნაბიჯი 3
ყვითელი კოდის ნიშნის ან მისი სახელის ნაცვლად, თაგს დაამატეთ თქვენთვის სასურველი ფერის ფერის აღნიშვნა ამ მინიშნების გამოყენებით:
წითელი - "წითელი" ("# FF0000")
ლურჯი - "ლურჯი" ("# 0000FF")
მწვანე - "მწვანე" ("# 008000")
ვარდისფერი - "ვარდისფერი" ("# FFC0CB")
მეწამული - "იისფერი" ("# EE82EE")
ნარინჯისფერი - "ნარინჯისფერი" ("# FFA500")
შავი - "შავი" ("# 000000")
ნაბიჯი 4
თუ გსურთ განმეორებითი სურათი გქონდეთ საიტის ფონზე, აირჩიეთ პატარა სურათი, რომლის საწინააღმდეგოდ კარგად გამოჩნდება ტექსტი. ატვირთეთ სურათი საიტზე. სურათის ფონის დასადებად შეიყვანეთ ეს კოდი თეგში
ამ ჩანაწერში "/images/fon.jpg" - ის ნაცვლად მიუთითეთ სასურველი სურათის გზა.
ნაბიჯი 5
ვებგვერდების ფერის დაყენება შესაძლებელია არა მხოლოდ HTML კოდში, არამედ CSS სტილის გამოყენებით. ამ სტილის გამოყენებით, თქვენ არ გჭირდებათ ფონის დაყენება ყოველ ჯერზე ახალი გვერდის კოდში. CSS– ში ფონის განსაზღვრა თეგებს შორის და მსგავსი ჩანაწერის განთავსება:
სხეული {
ფონი: # FFFF33;
}
აქ ფონის ფერი განისაზღვრება ფონის პარამეტრით.
ნაბიჯი 6
თუ გსურთ შექმნათ ფონი CSS– ში, სურათის გამოყენებით, შემდეგ დაწერეთ შემდეგი კოდი, ნაცვლად "/images/fon.jpg" მითითებული გეზის სასურველი სურათისკენ:
სხეული {
background-image: url ('/ images / fon.jpg');
ფონის გამეორება: გამეორება;
}
აქ ფონური სურათის პარამეტრი განსაზღვრავს ფონის სურათს, ფონის გამეორება - სურათის გამეორება. გვერდზე.
