Nepoviem ti presne, ako sa to vola, ale funguje to uplne jednoducho. Tych moznosti, ako to spravit, je viac, ponuknem ti mozno taku pre teba najlepsiu - najprv si takyto box vloz do HTML kodu (moj kod pocita s id="contact-box") a klasicky nastyluj pomocou CSS. Potom si este vloz do CSS nasledovne - defaultne ten box skryjes a v pripade, ze povedzme element <html> bude mat nejaku triedu (nazvime ju "box-zobrazeny"), zobrazi sa. Cize takto:
Kód:
#contact-box {
/* sem vsetky pravidla na nastylovanie boxu */
display: none;
}
.box-zobrazeny #contact-box {
display: block;
}
Teraz uz len zabezpecit, aby sa elementu <html> pri kliknuti na nejake tlacitko alebo cokolvek pridelila tato trieda:
Kód:
<a onclick="document.documentElement.className = 'box-zobrazeny';">Zobraz box</a>
A dovnutra boxu zasa vlozit tlacitko ci odkaz, na ktory ked kliknes, trieda sa odoberie:
Kód:
<a onclick="document.documentElement.className = '';">Skry box</a>
Je mozne samozrejme stylovat aj cokolvek ine ako ten #contact-box, napriklad to cierne pozadie na zvysku stranky, skratka vyuzijes to, ze defaultne sa to nezobrazi, ale ked bude mat <html> triedu .box-zobrazeny, to zobrazenie pridas pomocou display:block alebo visibility:visible.
Ak budu nejake problemy, poprosim pridat aj odkaz na zivu ukazku s problemovym kodom.
Presuvam.
Choď na stránku: