Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 1. 10. 2004, 09:20:56 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
ahoj,
rad bych se zeptal:
kdyz mam v hlavicce HTML kodu napsanej napriklad styl

<style>
a { color: white }
a:hover { color: orange; text-decoration: none },
</style>

a v druhy casti kodu (na jinym miste na strance) bych chtel, aby se po prejeti mysi prebarvovalo na jinou barvu, jak to udelam ?

dik moc
david
habendorf
Profil
#2 · Zasláno: 1. 10. 2004, 10:42:17
Odpovědět Citovat

<style>
a { color: white }
a:hover { color: orange; text-decoration: none },
.jinylink:hover { color: green; text-decoration: none },
</style>

a pak

<a href="..." >oranžový link</a>
<a href="..." class="jinylink">zelený link</a>
Anonymní
Profil *
#3 · Zasláno: 1. 10. 2004, 11:17:43
Odpovědět Citovat
dik moc, jdu to vyzkouset !!
Časová prodleva: 5 dní
Anonymní
Profil *
#4 · Zasláno: 6. 10. 2004, 09:07:29
Odpovědět Citovat
a kdyz bych chtel zmenit nejen najeti mysi, ale i barvu pred najetim, aby byla jina v jine casti stranky ??
tak jak to udelam ??

diky
habendorf
Profil
#5 · Zasláno: 6. 10. 2004, 09:42:30
Odpovědět Citovat
takhle:

<style>
a { color: white }
.modrylink { color: blue; text-decoration: none },
.zelenylink { color: green; text-decoration: none },
</style>

a pak v body:

<a href="..." class="modrylink">modrý link</a>
<a href="..." class="zelenylink">zelený link</a>
SuE
Profil
#6 · Zasláno: 6. 10. 2004, 10:29:47
Odpovědět Citovat
nebo , když to máš na stránce v různých divech, řekněme .menu a .obsah,
tak se to dá napsat i takhle:
.menu a:visited { .....}
.menu a:link { .....}
.menu a:hover { .....}

.obsah a:visited { .....}
.obsah a:link { .....}
.obsah a:hover { .....}

a v kodu bude
<div class="menu"> <a href= ... >
<a href= > ..... text cokoli - všechny linky budou mít vlastnost pro menu</div>

<div class="obsah"> <a href= ....> všechny linky budou mí vlastnost def pro obsah
..... jakýkoli text ,,, další linky ...
</div>


P.S. jo, já vím, že by tam mohlo/mělo být id místo class ale to ať si každý vybere sám :-)
Anonymní
Profil *
#7 · Zasláno: 6. 10. 2004, 14:57:08
Odpovědět Citovat
ale ja bych chtel, aby v jedny casti stranek bylo:

pred najetim = barva1
po najeti = barva2

a na jinym miste stranek:

pred najetim = barva3
po najeti = barva4


nevim, ale asi mi na toto nebylo odpovezeno :-)
diky !
habendorf
Profil
#8 · Zasláno: 6. 10. 2004, 15:51:53 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
V tom případě třeba takhle:

<style>
a { color: white }
.modrylink { color: blue; text-decoration: none },
.zelenylink { color: green; text-decoration: none },
</style>

a pak:


<a href="..." class="modrylink" onMouseOver="this.style.color='red';"
onMouseOut="this.style.color='blue';">modrý-&egrave;ervený link</a>
<a href="..." class="zelenylink" onMouseOver="this.style.color='yellow';"
onMouseOut="this.style.color='green';">zelený-žlutý link</a>
SuE
Profil
#9 · Zasláno: 6. 10. 2004, 16:46:17
Odpovědět Citovat
habendorf: tohle by měl řešit a:hover nebo mi ještě něco uniklo?
david
Profil *
#10 · Zasláno: 6. 10. 2004, 17:12:26
Odpovědět Citovat
dik moc !! funguje to !
habendorf
Profil
#11 · Zasláno: 6. 10. 2004, 17:21:18
Odpovědět Citovat
SuE: Jasně, máš pravdu. Prostě jsem to vzal přes události. Přes a:hover:


<style>
a { color: white }
a.modrylink { color: blue },
a:hover.modrylink { color: red },
a.zelenylink { color: green },
a:hover.zelenylink { color: yellow }
</style>

a pak:


<a href="..." class="modrylink">modrý-červený link</a>
<a href="..." class="zelenylink">zelený-žlutý link</a>
Yuhů
Profil
#12 · Zasláno: 7. 10. 2004, 03:33:09
Odpovědět Citovat
jenom malý dotaz...

ty čárky za CSS pravidlem tam mají být?
a.modrylink { color: blue },
myslím tu čárku na konci. Nedělá to neplechu?
david
Profil *
#13 · Zasláno: 7. 10. 2004, 09:12:45
Odpovědět Citovat
nedela :-)
habendorf
Profil
#14 · Zasláno: 7. 10. 2004, 10:40:02
Odpovědět Citovat
Yuhů: ty čárky tam sice nevadí, ale samozřejmě tam nemají co dělat. Ani sám nevím jak se mi tam dostaly, prostě omyl.
Časová prodleva: 20 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0