Bună ziua, azi hai sa vorbim despre cum să creați un buton plutitoare de pe site-ul dvs., care va oferi site-ul original.
Descărcați codul sursă pentru acest articol poate fi de mai jos
De exemplu, ia în considerare tema WordPress Standard - Douăzeci Eleven.
Asta e modul în care vom crea va arata ca un buton:
Demo exemplu poate fi găsit aici:
După ce în partea de jos a fișierului style.css inserați următorul cod:
în cazul în care:
lățime: 30px; - lățimea butonului.
height: 150px; - înălțimea butonului.
stânga: 0; - Margine la stânga, dacă modificați această linie la dreapta: 0; - buton va fi plasat la dreapta, puteți specifica, de asemenea, indentarea, în pixeli, de exemplu: stânga: 20px;
top: 200px; - marginea de sus.
z-index: 99999; - stabilește locația elementului de pe partea de sus a tuturor celorlalte, de exemplu, în antetul imaginii în tema Douăzeci Unsprezece din acest parametru este 9999 și dacă butonul ar avea o valoare mai mică decât această setare, acesta va fi localizat dedesubt.
Puteți adăuga, de asemenea, o linie:
fundal: # 2B96C6; - stabilește fundalul butonului, puteți seta atât culoarea și imaginea.
Acesta imediat după eticheta corpului introdus în ieșirea butonului nostru:
După cum puteți vedea codul este link-ul normal, numai pentru că este dat o clasă specială -
class = »add_comment», stilul de care ne-am prevăzut în paragraful 1 al acestui articol.
3. Pentru a face designul butonului, trebuie să creați pentru imaginea ei.
Am primit următoarea imagine:
Puteți să-l descărcați și să încerce să-l lipiți pe site-ul sau pe un site de test pe orice hosting gratuit (eu folosesc hostinger.ru).
Acum să lege această imagine pentru un buton, acest buton se va schimba codul de ieșire, pe care am propus în paragraful 2 al acestui articol, următoarele:
Aici și gata noastre un buton, acesta rămâne doar pentru a adăuga un link către pagina pe care ne dorim sa, ca aceasta: