ბმულები მნიშვნელოვნად აისახება ვებ – გვერდის გამოჩენაზე. იქნება ეს თქვენი ვებსაიტი ან ბლოგი, ლამაზად მორგებული ბმულები უკეთესობისკენ შეცვლის თქვენი ვებსაიტის დიზაინს. Html და css ცოდნის გარეშეც, ლამაზი ბმულის შექმნა საკმაოდ მარტივია.
ინსტრუქციები
Ნაბიჯი 1
უპირველეს ყოვლისა, მოდით შევქმნათ რეგულარული ბმული. ეს ხდება შემდეგი კოდის გამოყენებით: ბმულის სახელი ამ კოდში, ნიშანი წარმოადგენს ბმულს. მისი "href" ატრიბუტი მიუთითებს იმ გვერდის მისამართზე, რომელსაც მივყავართ ბმულის საშუალებით. "ბმულის სათაურის" ნაცვლად დაწერეთ ისეთი სიტყვა ან ფრაზა, რომელიც წარმოადგენს ბმულს
ასევე შეგიძლიათ დაამატოთ ტექსტი, რომელიც გამოჩნდება ბმულზე დაწკაპუნებისას. ამაში დაგეხმარებათ თეგის "სათაურის" ატრიბუტი.
ნაბიჯი 2
მოდით გადავდგათ ბმულზე. ამის გაკეთება უმარტივესი გზაა კასკადური სტილის ფურცლებში (css). გახსენით ფაილი, რომელიც შეიცავს სტილებს თქვენი საიტისთვის და იქ დაწერეთ დამატებითი კოდი. გარდა ამისა, სტილის ჩასმა შეგიძლიათ პირდაპირ html გვერდზე. ამისათვის გამოიყენეთ საიტის სტილის პერსონალური კოდი.
ნაბიჯი 3
მოდით გავეცნოთ დიზაინს. ჩანაწერის სინტაქსი იქნება {სტილის პარამეტრები}. რა უნდა დავწერო აქ?
პირველი, შეცვალეთ ბმულების ფერი თქვენი გემოვნებით. ეს კოდი დაგეხმარებათ ამაში:
a {ფერი: # 00000;}. რა თქმა უნდა, "# 00000" –ის ნაცვლად უნდა ჩასვათ თქვენი საკუთარი ფერი. ამ ფორმაში ფერის კოდი შეგიძლიათ გაიგოთ სხვადასხვა გრაფიკულ პროგრამაში (მაგალითად, Photoshop- ში) ან იპოვოთ ვებ-პალიტრა.
ნაბიჯი 4
სტანდარტულად, ბრაუზერი ხაზს უსვამს ბმულებს. ამის გაუქმება შესაძლებელია შემდეგი კოდის საშუალებით: a {text-decoration: none;}
თამამი ბმულების შესაქმნელად გამოიყენეთ font-weight: bold; პარამეტრი. იგი ჩასმულია სტილის კოდში ისევე, როგორც ფერი, ხაზგასმული.
ნაბიჯი 5
თქვენ ალბათ შენიშნეთ, რომ ზოგიერთ საიტზე ბმულის გადაფრენისას მისი გარეგნობა იცვლება. ამის გაკეთება თქვენც შეგიძლიათ. მსგავსი კოდი დაგეხმარებათ: a: hover {სტილის პარამეტრები}. პარამეტრები მითითებულია ისევე, როგორც ჩვეულებრივი ბმული, ერთადერთი მნიშვნელობა არის "hover" ფსევდო კლასი, რომელიც აცნობებს ბრაუზერს, რომ ეს პარამეტრები უნდა იქნას გამოყენებული ბმულზე გადაფრენისას.
ანალოგიურად, შეგიძლიათ მონიშნოთ მონახულებული ბმულები:
