Am decis să scrie o astfel de notă aici, pentru cei care nu sunt pro in HTML si CSS. Eu spun eu, de asemenea, nu sunt un profesionist, dar eu pot reface orice șablon de dincolo de recunoaștere, inclusiv stilul de editare și adăugarea unui model de chips-uri diferite.
Deci, de multe ori am la început, când nu a avut încă lucrat îndeaproape cu stiluri și aspectul de utilizare DIV (tabelul preferat) a apărut, ca și cum ar spune, nu înțelege cum de a lega într-o anumită pagină internă sau alt site face ca un buton.
Am găsit acest lucru pentru un buton de pe CSS prin intermediul Google, și adăugați-l pe site. Acum, când am început să studieze mai în detaliu structura și CSS DIV-uri, se înțelege că acesta este de fapt foarte simplu.
Acum vreau să-ți arăt câteva modalități de a evidenția imaginea sau transforma un simplu link-ul într-un buton.
Să presupunem că ați găsit undeva o imagine normală și doriți să-l folosească ca un buton de pe pagina.
Aici presupunem următoarea imagine:
Adăugați la pagina dvs. este foarte simplu. Dacă-l arunci în rădăcina site-ului, codul este după cum urmează:
Fă-l referință prea ușor, înfășurați codul suficient pentru a eticheta linkuri
Rezultatul unei imagini simplu, cu referință fără iluminare:
Dar tu vrei să fii atunci când treci buton se aprinde. Acest lucru se poate face în mai multe moduri. Acum, uita-te la ei.
Metode de iluminare prin substituirea o altă imagine
Primul lucru pe care trebuie - este de a face o altă imagine de altă culoare mai deschisă sau (mai întunecat) și să-l înlocuiască cu cursorul.
De exemplu, o imagine care este mai mare decât am descoperit prin intermediul Microsoft Office Picture Manager, a făcut-o aproape alb-negru și-a păstrat numele knopka_bablo-1.png. Sa dovedit cele două imagini (le umple cu găzduire, în acest caz, se completează în site-ul rădăcină):
Cine este să planeze schimbările de imagine cursorul mouse-ului de la alb-negru la culoare, utilizați următorul cod în șablonul de text sau site-ul:
Și aici este rezultatul (Hover):
Se poate face în mod diferit. Într-un foi de stil CSS (de obicei style.css de șablon) codul, numele de identificare vă puteți gândi la orice, în cazul mai img-bablo:
Și tag-ul nostru div link-ul de ambalaj cu identificatorul corect (pur și simplu, codul de mai jos pentru a insera în locul în care doriți să arate o imagine):
Obține același rezultat (Hover)