În lecția simplă de astăzi vom examina mai multe moduri de a crea o bară laterală, care este întotdeauna în zona de vizibilitate. Cu o defilare pe bara laterală cu informațiile necesare va fi în fața ochilor vizitatorilor.
Cea mai ușoară cale este să utilizați o poziționare fixă. Bara noastră laterală se află în interiorul stratului # wrap-up cu poziționare relativă, astfel încât bara laterală se va potrivi perfect - trebuie doar să o mutăm spre stânga folosind proprietatea marginii.
Cu această tehnică, bara laterală rămâne întotdeauna în același loc.
În această tehnică nu există nimic special, cu excepția unui efect bun, care poate atrage atenția vizitatorilor.
Aceasta este o soluție destul de interesantă. Linia de jos este că bara laterală are un top cu un fundal pe ea. Pentru antet, puteți utiliza o margine negativă de top. Imaginea din antet trebuie să fie transparentă și să folosească z-index. Se pare că poziția de sus a imaginii se află sub antetul site-ului, dar imediat ce utilizatorul scroll în jos - imaginea iese din antetul site-ului și se rotește în jos împreună cu bara laterală.
Ar trebui să lucreze în toate browserele.
Sper că veți avea nevoie de ea! Până la noi lecții! Mult noroc!
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!
Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!
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.
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: