Sfaturi sunt o modalitate foarte bună de a afișa mai multe informații, cu un simplu mouseover pe un text sau o imagine. Ele pot fi folosite, de exemplu, pentru a afișa imaginile de titluri, descrieri, link-uri, sau orice alte informații care pot fi utile pentru utilizator pe site. Și pentru a sparge tiparul de proiectare nu este necesară.
Creați un aspect simplu pentru referință. Definiți atributul titlu la acesta. care va conține textul vârfului, și clasa:
Definim un stil de bază pentru clasa tooltip:
Acum indiciu va fi afișat într-o singură linie cu referință cu ierarhia relativă. Acum defini colțuri rotunjite pentru sfaturi bloc și poziționați-l pe partea de sus de referință:
colțuri rotunjite sunt create folosind atributul border-radius. Culoarea textului face alb. În concluzie, suntem de poziționare sfaturi bloc și se adaugă umplutură.
În plus față de definirea stiluri și de poziționare am stabilit proprietatea de conținut:
Acum, când treceți peste un link este afișat în partea de sus a vârfului nostru. Dar există o problemă - informația este afișată de două ori în browser-ul nostru prompt și implicit. Pentru a elimina necesitatea de a schimba codul HTML nostru:
Pentru a termina aveți nevoie să adăugați la partea de jos a vârfurile de săgeți. Utilizați pseudo-clasă: înainte și stiluri pentru cadru:
Pentru a crea o săgeată, am folosit un truc cu cadru: setați culoarea cadrului pe lățimea cadrului transparent, stânga și dreapta și ușor de gestionat. De asemenea, săgeata este poziționată la vârf.
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!