Bună ziua tuturor, pentru a scrie lecția de astăzi am fost solicitat de oferta de utilizator al designerului nostru Mikhail. trimis cu ajutorul recenziilor și sugestiilor widget. Iată textul real al propoziției:
Totul este bine, dar îți sugerez să faci Temko pe butonul "sus". pare să fie simplu, dar nu ușor. Nu totul funcționează pe Okis. Ar fi grozav.
Pentru a instala scriptul de butoane în sus, copiați codul de mai jos și plasați-l în locurile specificate:
Pasul 1. Să începem instalarea conectând biblioteca jQuery și scriptul de parcurgere netedă. Pentru a face acest lucru, mergeți la Settings - SEO, iar în câmpul "Meta Tags", lipiți următorul cod:
Pasul 2. Acum scriem coduri css care oferă butonului un aspect elegant, indicând locația și relațiile cu alte elemente de pe pagină:
# back-top a
lățime: 108px;
afișare: bloc;
text-align: centru;
font: 11px / 100% Arial, Helvetica, sans-serif;
text-transform: majuscule;
text-decoration: nici unul;
culoare: #bbb;
-webkit-tranziție: 1s;
-moz-tranziție: 1s;
tranziție: 1s;
>
# span-back-top
lățime: 108px;
înălțime: 108px;
afișare: bloc;
margin-bottom: 7px;
fundal: #ddd url (/file/pro-okis_ru/up-arrow.png) centru de centre repetate;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
raza de graniță: 15 pixeli;
-webkit-tranziție: 1s;
-moz-tranziție: 1s;
tranziție: 1s;
>
La dorință și dacă este necesar vsvyazi cu caracteristici de înregistrare a site-ului dvs., puteți modifica ajustările css și corecții simple în codul de a emite butonul în sine. Acest stil de design este mai potrivit pentru modele mai întunecate, dar schimbând valorile culorilor, puteți rezolva cu ușurință situația.
Pasul 3. Acum trebuie să plasăm direct codul HTML al butonului și facem acest lucru prin copierea codului de mai jos și plasarea acestuia pe pagina Setări - Statistici în câmp pentru plasarea contoarelor suplimentare:
Imaginea butonului este încărcată pe serverul site-ului prookis.ru și va fi postată permanent aici. Dar dacă doriți să vă asigurați că puteți reîncărca butonul de pe site-ul dvs. și puteți schimba linkul din codul css.