| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 15.02.11 Prihlásený: 22.02.11 Príspevky: 2 Témy: 1 | Napísal wiknam: 15.02.2011 13:04 | |
|
Zdravim,
velmi rad by som na mojom webe vyuzil jednu vecicku, no priznam sa, nenapada mi nic konkretne co by som mohol zadat do googlu, kedze nazov tejto veci neviem definovat
ide o nasledovnu vec: prejdite prosim na web http://www.hugorodrigues.co.uk/ a kliknite v menu na polozku CONTACT
zaujimalo by ma, ako sa nazyva tato vecicka - nove okienko na styl lightboxu, aby som si mohol na googli najst script, popripade ak mate nejaky script budem rad ak sa s nim podelite
vopred vam velmi pekne dakujem
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 15.02.2011 13:30 | |
|
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.
|
|
Registrovaný: 15.02.11 Prihlásený: 22.02.11 Príspevky: 2 Témy: 1 | Napísal autor témy wiknam: 15.02.2011 21:23 | |
|
dakujem velmi pekne za skvelu odpoved
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Nove okno v JavaScript, VBScript, Ajax | 2 | 728 | 06.08.2008 21:16 Lier | | url, nove okno v PHP, ASP | 1 | 384 | 15.10.2007 19:49 etel | | nové okno + sťaahovanie v HTML, XHTML, XML, CSS | 8 | 408 | 25.01.2011 16:10 dessert | | JAVA: nove okno v Assembler, C, C++, Pascal, Java | 2 | 427 | 16.04.2011 14:23 jarrro | | Nove okno - automatika v PHP, ASP | 5 | 439 | 05.11.2007 15:23 jsakac | | nove okno do popredia... v JavaScript, VBScript, Ajax | 14 | 1026 | 01.09.2007 11:40 rik | | Vyskakuje mi vzdy nove okno v Antivíry a antispywary | 13 | 1907 | 12.08.2009 15:34 ac.milan | | Po kliknutí na submit nové okno v HTML, XHTML, XML, CSS | 2 | 376 | 10.08.2011 22:59 scentrala | | Outlook 365 neotvori okno "Rules" v Sieťové a internetové programy | 2 | 500 | 24.01.2019 12:25 Joeyeti | | Okno "There was a problem starting winwgp32.rom" po starte v Operačné systémy Microsoft | 10 | 870 | 05.02.2010 19:58 FERDA23 | | Lancool K62 + nové okno (sklo) + Vodne chladenie v Modifikácie, návody a projekty | 7 | 1575 | 21.02.2010 9:39 Spartan.Ex | | PC "nema" rad nove hardware v Ostatné | 5 | 291 | 03.02.2012 10:11 Subie | | nove "K" - čka od intelu [ Choď na stránku: 1, 2, 3 ] v Novinky | 87 | 2279 | 19.07.2014 19:47 Daron | | Nedá sa pripojiť na nové " studio youtube " kvôli nastaveniu veku publika COPPA v Služby a webstránky | 1 | 562 | 10.02.2020 18:48 tom30 | | Nové "herné" slúchadla v Ostatné | 6 | 283 | 26.02.2015 9:03 Thomas4492 | | "Nové" auto [ Choď na stránku: 1, 2 ] v Automobily, motorky | 45 | 1694 | 14.03.2014 16:33 Xaltotun |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|