როგორ შევქმნათ ფონი

Სარჩევი:

როგორ შევქმნათ ფონი
როგორ შევქმნათ ფონი

ვიდეო: როგორ შევქმნათ ფონი

ვიდეო: როგორ შევქმნათ ფონი
ვიდეო: როგორ შევქმნათ საიტი. სრული გაკვეთილი 2024, მაისი
Anonim

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

როგორ შევქმნათ ფონი
როგორ შევქმნათ ფონი

აუცილებელია

Css ფაილის რედაქტირება

ინსტრუქციები

Ნაბიჯი 1

უმეტესწილად, საიტის დიზაინის კოდი მდებარეობს style.css ფაილში. მაგრამ თითოეული შაბლონი შეიძლება განსხვავდებოდეს წინაგან, ამიტომ დიზაინის კოდი შეიძლება განთავსდეს სხვა ფაილში, მაგრამ ასევე css გაფართოებით. იმისათვის, რომ დაადგინოთ თქვენი საიტის ფონის ფერი, უნდა შეიყვანოთ ან შეცვალოთ არსებული მნიშვნელობა შემდეგი გამოთქმით: / * white background * / body {

ფონის ფერი: #FFFFFF;} / * თეთრი სათაურის ფონი, შავი შრიფტის ფერი * / h1 {

ფერი: # 000000;

ფონის ფერი: #FFFFFF;

}

ნაბიჯი 2

იმისათვის, რომ თქვენს საიტზე ნებისმიერი სურათი ჩაიწეროს, თქვენ უნდა შეიყვანოთ ან შეცვალოთ არსებული მნიშვნელობა შემდეგი გამოთქმით: body {

ფონის ფერი: # 000000;

background-image: url ("Image-1.jpg");

}

უნდა აღინიშნოს, რომ ამ შემთხვევაში აუცილებელია სურათის ფაილის ბმული, რომელიც განთავსებული იქნება css ფაილის იმავე საქაღალდეში.

ნაბიჯი 3

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

background-განმეორება: განმეორება-x - გაიმეორეთ სურათი x ღერძის გასწვრივ;

background-განმეორება: განმეორებით-y - გაიმეორეთ სურათი y ღერძის გასწვრივ;

ფონის გამეორება: გამეორება - სურათის გამეორება ერთდროულად ორი ღერძის გასწვრივ;

background-განმეორება: არა-განმეორება - სურათი არ მეორდება;

ფონის დანართი: გადახვევა - სურათის გადახვევა გვერდზე და გვერდზე;

background-attachment: fixed - გამოსახულება არ არის გადახვეული.

ამ ბრძანების სინტაქსის გამოყენებით შეგიძლიათ ნახოთ თუ როგორ მუშაობს ის მაგალითებში:

background-position: 30px 40px - გამოსახულება ზემოდან 30 პიქსელით და მარცხნიდან მარჯვნივ 40 პიქსელი.

ფონური პოზიცია: 60% 35% - მარცხენა შემავსებელი არის 60% და ზედა შევსება 25%.

გირჩევთ: