html css trikovi css stilovi z index

html css trikovi css stilovi z index

Besplatni online kurs web dizajna

Nastavna jedinica: Trick 24 - Pop Up window - Z index



Nazad


Pop Up window - Z index


Stil "Z index" omogućava da se na odredjenoj web stranici pojavi iskačući prozor (div tag klase Cover), koji ide preko celog ekrana, odredjene providnosti (opacity) ide kao div tag iznad svih ostalih - Z index definiše poziciju Div Tag-a prema vertikalnom rasporedu - koji div tag ide po kom redu. U Div Tag-u klase Cover može biti tekst, slika, login formular i naravno dugme koje zatvara Pop Up Window tako što usmerava link ka nekoj stranici. Ovakvi efekti se koriste kad se pre učitavanja neke stranice želi naglasiti nešto ili dati informacija posetiocu da je odredjena web strana samo za registrovane korisnike (na primer kod Web Shop-ova gde su artikli na popustu ili posebne pogodnosni kupovine za pravna lica itd).

U CSS fajl idu stilovi

    
    
  <style type="text/css">
   #cover {
     opacity:    0.85; 
     background: #000; 
     width:      100%;
     height:     100%; 
     z-index:    10;
     top:        0; 
     left:       0; 
     position:   fixed; 
   }
        </style>    
 
    
    

U odeljak BODY

     
        
        <div id="cover">
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <h1 style="text-align:center; color:#FFFFFF;"> Ovo je Pop Up Window <br> koji ide preko celog ekrana </h1>  
             <p style="text-align:center;"> <a class="btn btn-default" href="#" role="button">NAZAD</a> </p>
        </div>
        
    
    

Prikaz u Browseru

NOVO - DOPUNITE ZNANJE - WEB PROGRAMIRANJE (PHP, SQL)

Posle pređenih svih nastavnih jedinica u okviru Besplatne online obuke za web dizajn, obuku možete nadograditi odnosno dopuniti svoje znanje tako što će naučiti i web programiranje - PHP, SQL - izrada dinamičkih sajtova, online prodavnica. Kurs prati napisana skripta, izvorni kodovi i nekoliko desetina video nastavnih jedinica gde polaznik hronološki uči pisanje koda u PHP-u, testiranje skripti, korišćenje i rad sa Local serverom.

UPLATNICA ONLINE KURS WEB PROGRAMIRANJA
PRIMALAC: Tekoms d.o.o, Stanoja Glavaša 8, 11000 Beograd
SVRHA: Online kurs web programiranja
IZNOS: 2.000 din. za 4 meseca obuke
BROJ RAČUNA (Societe generale banka): 275 - 10221173971 - 80