Butoane pentru site

Site Butoane

Butoanele site-ului sunt designul grafic al link-ului, "tinuta" acestuia, ca să spunem așa. Pictogramele originale, frumoase, fac ca site-ul să fie mai atractiv, să-l "învieze".







Orice desen poate fi ușor făcut un buton prin plasarea lui în "ancora" linkului. Acest lucru necesită numai cunoașterea HTML.

Dacă faceți clic pe următorul, familiarizați-vă cu o altă tehnică interesantă pentru crearea de butoane originale și frumoase.

Dar astfel de butoane mici, la prima vedere fără valoare, de fapt vă permit să creați cu ușurință galerii foto și galerii de imagini simple și eficiente pe site.

Un buton: conectat pentru a afișa un desen frumos.

Și încă 3 butoane: conectate la o singură fotografie, deoarece toate cele trei sunt în aceeași formă (și are un atribut "acțiune"). Cum ar fi, inutil?

În pagina "Galerie" (se deschide într-o fereastră nouă), puteți vedea cum puteți crea galerii foto, galerii foto întregi, de la butoane atât de mici și disparate.







În continuare, vă voi arăta ce oportunități minunate se deschid celor care au stăpânit utilizarea CSS.
Aceasta este abilitatea de a crea butoane dinamice pentru site-urile dvs.

Butoane dinamice

Se numesc butoane dinamice, care reacționează prin schimbarea aspectului lor în orice acțiune a vizitatorului.

Mai multe informații despre tehnologiile folosite pentru a le crea pot fi găsite pe pagina "Pseudo-selectori" (se deschide într-o fereastră nouă).

Aici este primul buton. Conectat la secțiunea BIG din "Photoshop".

Un alt buton, cu încărcătorul (!). Aceasta este, în timp ce imaginea frumoasă va fi încărcată, va afișa săgeți - simbolul de descărcare.

Plasați mouse-ul peste buton - se va schimba. Faceți clic pe - se deschide imaginea. Încă o dată veți ghida - inscripția va apărea. Faceți clic din nou - dispare. Pe scurt, încercați!

Pentru a readuce butonul la starea inițială, pagina trebuie reîncărcată.

Ultima metodă prezentată are un bun avantaj: schimbările se întâmplă instantaneu! Browserul nu are nevoie să deschidă o pagină nouă.

concluzie

Pe pagina "Galerie", uitați-vă la aplicarea practică a acestor tehnologii Internet de bază: galerii de imagini, galerii foto (se va deschide într-o fereastră nouă).

Ei bine, și în sfârșit.

Acestea sunt butoanele folosite pentru a crea navigatoare numite meniul MEGA. Codul și scenariul din ele sunt toate "deasupra acoperișului", dar.
Pe scurt, a se vedea: "jQuery MEGA-menu" (se deschide într-o fereastră nouă).







Articole similare

Trimiteți-le prietenilor: