Creați o panglică translucidă în colțul site-ului

Creați o panglică translucidă în colțul site-ului
Creați o panglică translucidă în colțul site-ului

Pasul 1. Plasați panglica

Prima etapă a lucrării noastre va fi plasarea panglicii noastre. Mai întâi de toate, trebuie să faceți o astfel de panglică sau să găsiți ceva similar pe undeva pe Internet. De exemplu, iau panglica originală de pe site-ul lui Marco Folio. Deci, ne vom plasa banda în colțul din stânga al site-ului folosind stilurile CSS. În principiu, nu este nimic complicat aici, dar mai jos voi da codul stilurilor utilizate:







Pasul 2. Actualizări privind plasarea.

Ultima etapă rămâne, în care trebuie doar să modificăm partea html a panglicii. Pentru a face acest lucru, imediat după ce ați deschis eticheta corporală, plasați următorul cod:

Privind practic la codul de mai sus, toată lumea înțelege că este foarte ușor, dar facem o panglică translucidă și, prin urmare, trebuie să setăm mai multe stiluri imaginii, ceea ce ne va ajuta să obținem transparența de care avem nevoie.

  • filtru: alfa (opacitate = 60) - acest stil stabilește vizibilitatea imaginii la 60% pentru afișarea corectă în Internet Explorer;
  • opacitate: 0.60 - acest stil stabilește vizibilitatea imaginii la 0.6 de la 1.0 pentru afișarea corectă în browserul Opera;
  • -moz-opacitate: 0.60 - acest stil stabilește vizibilitatea imaginii la 0.6. de la 1.0 pentru afișarea corectă în Mozilla Firefox etc.






P. S. Puteți regla vizibilitatea imaginii prin modificarea parametrului de opacitate în primul caz de la 0 la sută (invizibil) la 100 (vizibilitate absolută), în al doilea caz de la 0 unități (invizibil) la 1.0 (vizibilitate absolută)

Asta e tot. Lectia noastra interesanta este gata. Până data viitoare!

Cu sinceritate, Maxim Kurochkin

Creați o panglică translucidă în colțul site-ului

Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți în mod constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

Creați o panglică translucidă în colțul site-ului

Creați o panglică translucidă în colțul site-ului

Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

Creați o panglică translucidă în colțul site-ului

Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

Creați o panglică translucidă în colțul site-ului

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!







Articole similare

Trimiteți-le prietenilor: