როგორ გავაკეთოთ რეზინის ქუდი

Სარჩევი:

როგორ გავაკეთოთ რეზინის ქუდი
როგორ გავაკეთოთ რეზინის ქუდი

ვიდეო: როგორ გავაკეთოთ რეზინის ქუდი

ვიდეო: როგორ გავაკეთოთ რეზინის ქუდი
ვიდეო: როგორ დავხუროთ ნაქსოვი ქუდი - ორი ტექნიკა 2024, ნოემბერი
Anonim

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

როგორ გავაკეთოთ რეზინის ქუდი
როგორ გავაკეთოთ რეზინის ქუდი

აუცილებელია

გქონდეთ საკუთარი ვებსაიტი

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

Ნაბიჯი 1

რეზინის ქუდის შესაქმნელად, ჯერ დახაზეთ იგი Photoshop- ში. შემდეგ გამოყოფეთ სურათის 3 ნაწილი: 2 მხარე და შუა. ამ ნაწილების სიგანე უნდა იყოს 10-20 პიქსელი და გსურთ თქვენთვის სასურველი სათაურის სიმაღლე. შეინახეთ თითოეული ელემენტი ისე, რომ გქონდეთ 3 განსხვავებული ფაილი: 1.gif, 2.gif, 3.gif. განათავსეთ ეს სურათები საიტზე.

ნაბიჯი 2

შემდეგ, შექმენით ცხრილი, რომელიც ინახავს ელემენტებს საიტის ზედა ნაწილში. ამისათვის დაწერეთ HTML კოდი:

მაგიდის 100% სიგანე გაიჭიმება ან შემცირდება, რაც დამოკიდებულია მომხმარებლის ეკრანის ზომაზე.

ნაბიჯი 3

გააკეთეთ სტრიქონი ცხრილში, რომლის უჯრედში მოათავსეთ 1

ნაბიჯი 4

შექმენით საიტის სათაურის შუა განყოფილება, რომელიც შედგება განმეორებითი 2

.header {background-image: url ('images / 2.gif');}

ნაბიჯი 5

ახლა, ცხრილის ზედიზედ, შექმენით სხვა უჯრედი და მოათავსეთ მასში საიტის ზედა შუა ელემენტი, CSS კოდში მიუთითეთ მისი სახელის სათაური:

საიტის სახელი

>

ნაბიჯი 6

ცხრილის რიგის მესამე უჯრის შექმნის შემდეგ, ამ უჯრაში მოათავსეთ 3

საიტის სახელი

გირჩევთ: