Kako stvoriti gumb?

Gumb na mjestu je jedan od najprikladnijih ipopularni alati za upravljanje njegovim sučeljem, a stvaranje nije tako teško. U ovom članku ću vam samo reći kako napraviti gumb i dodati ga na web mjesto.

Dizajn gumba

Dizajniranje dizajna gumba moguće je koristitiposebne online usluge, na primjer, ovdje. Ova je usluga vrlo jednostavna za upravljanje: možete odabrati oblik i boju gumba (boja / obrazac), njegov tip (vrsta gradacije), postaviti stupanj transparentnosti (debljina). Ako želite stvoriti gumb s uzorkom, na primjer, redak, na kartici Stripe možete odrediti njegove parametre - učestalost linije, njegovu svjetlinu i boju.

Moguće je stvoriti gumb sa slikom učitanom s računala (Slika kartica), i, naravno, odaberite željeni tekst (tekst).

Ipak, ako postoji želja za stvaranjem apsolutno jedinstvenog, dizajna gumba morat će se razviti u Photoshopu ili Adobe Illustratoru.

Umetanje gumba

Tipka je umetnuta na sljedeći način:

• <img src = "/ slike / datoteke / slika / pic1.jpg" width = "300" height = "115">,

gdje je „Datoteke / slika / pic1.jpg” - put do ključne datoteke, a „300” i „115” - gumb Mogućnosti (širina i visina u pikselima).

Gumb Link

Naravno, gumb kao ornament nije od interesa za bilo koga. Mora voditi negdje, to jest, sadržavati vezu. Kako bi gumb bio postavljen s vezom, proširujemo našu oznaku:

• <a href="http://www.elhow.ru/" target="_blank"> <img src = "/ slike / datoteke / slika / pic1.jpg alt =" Dalje "width =" 300 "height =" 115 "border =" 0 "> </a>

Razmotrimo to detaljnije:

• http://www.elhow.ru/ - adresa na koju će gumb "premjestiti" nas.
• target = "_ blank" - znači da će veza biti otvorena na novoj kartici.
• parametar "alt" - ako se slika gumba zbog nekog razloga ne može pokrenuti, umjesto toga korisnik će vidjeti pravokutnik veličine gumba, a tekst naveden nakon "alt".
• border = "0" znači da neće biti granica oko gumba. Ako to želite, umjesto "0" navedite željenu veličinu - 1,2,3 itd. Oznaka određuje broj širina okvira u pikselima.

Ovdje, zapravo, i sve - gumb je stvoren.

Kao što možete vidjeti, zadatak stvaranja gumba je vrlo jednostavan. Više o tome kako pumpati Vašu web stranicu, pogledajte članke u odjeljku Stvaranje stranice.