Autor | Zpráva | ||
---|---|---|---|
Hostouat Profil * |
#1 · Zasláno: 13. 5. 2011, 17:34:49
Ahoj, vytvářím pro své fórum v phpbb3 tag spoiler a potřeboval bych, aby se po najetí na div změnila barva písma, něco jako je hover pro odkazy...
|
||
Ernie Profil |
#2 · Zasláno: 13. 5. 2011, 17:38:33 · Upravil/a: Ernie
Co takhle?
<style> #obal:link{color:blue} #obal:hover{color:red} </style> <div> <a id="obal" href="#"> ... </a> </div> (pokud vím, tak :hover existuje jen u odkazů - pokud nechcete být závislý na javascriptu) |
||
Hostouat Profil * |
#3 · Zasláno: 13. 5. 2011, 18:01:24
Tak v tom případě bych bral radši i ten javascript
|
||
ShiraNai7 Profil |
#4 · Zasláno: 13. 5. 2011, 18:03:50
Hostouat:
:hover jde na všechno v novějších prohlížečích (IE7+, atd) V IE6 lze řešit pomocí javascriptu (s tímto řešením lze nadále používat :hover) |
||
Hostouat Profil * |
#5 · Zasláno: 13. 5. 2011, 18:17:37
Kde mám tedy problém, když v phpbb3 mám ten tag spoiler definován takto
<style> #obal {color: #46132B; background-color: #46132B; } #obal :hover{color:red;} </style> <b>Spoiler</b> <div id="obal"> {TEXT} </div> předpokládal bych, že po najetí myší se text změní na červenou a ono nic |
||
ShiraNai7 Profil |
#6 · Zasláno: 13. 5. 2011, 18:19:58
Je třeba neudělat mezeru mezi #obal a :hover, protože pak to neznamená #obal, co má hover, ale prvek v obalu, co má hover.
#obal:hover{color:red;} |
||
Hostouat Profil * |
#7 · Zasláno: 13. 5. 2011, 19:12:05
A kdybych chtěl, aby se barva textu změnila až po kliknutí, to už by byl potřeba js asi co?
|
||
Bubák Profil |
#8 · Zasláno: 13. 5. 2011, 20:54:01
Šlo by to i bez JS, ale v tomto případě by to bylo jako drbání levou nohou za pravým uchem, takže doporučuji JS, řešení najdeš na jpw.cz v javascriptové sekci.
<mimo-téma> Nevím, nakolik je ukázka kódu zjednodušená, ale vhodnější než <b>Spoiler</b> bude použít odpovídající nadpis. </mimo-téma> |
||
Časová prodleva: 13 let
|
0