Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag16.07.2009 um 15:26 (UTC)    
Titel: Mouseover

Es gibt ja dieses Mouseover Effekt bei Links.
Wenn man mit der Maus drüber geht, dann kommt eine andere Farbe bei diesem Link.

Ich möchte gerne, dass dann bei diesem Link die Farbe Rot erscheint.
Kann mir vielleicht sagen, wie dieser CSS-Code lautet?
Oder sofort am besten den HTML-Code Wink
______________

Beitrag16.07.2009 um 21:45 (UTC)    
Titel: Mouseover

Hier mal ein kleiner HTML Code hoffe ich konnt helfen

Code:
<a href="HIER DEIN LINK"><span style="color: #000000" onMouseOver="this.innerHTML='HIER DER TEXT DER BEIM MOUSEOVER ANGEZEIGT WIRD';this.style.color='#FF0000';" onMouseOut="this.innerHTML='TEXT DER NACH DEM MOUSEOVER ENGEZEIGT WIRD';this.style.color='#000000';">HIER DER ANGEZEIGTE TEXT</span></a>

[/code]

einfach auspobieren is eigentlich nich sehr schwer ^^
Beitrag17.07.2009 um 18:07 (UTC)    
Titel:

Ich meinte, dass man es beim Design ändert, damit es automatisch bei allen Links ist.
______________

Beitrag17.07.2009 um 18:21 (UTC)    
Titel:

Hast du schon CSS-Code?

Dann einfach dem dies hier hinzufügen:

Zitat:
a:hover {
color: #000000;
}


Bei dem fetten musst du deine Schriftfarbe einfügen.

Erklärung:
Die Pseudoklasse :hover bezeichnet die Aktivität eines Selektors (hier a) wenn man mit einer Maus über ihn fährt. Er ist das CSS Gegenstück zu mouseover bei JavaScript.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING
Beitrag17.07.2009 um 18:30 (UTC)    
Titel:

Das bei Text über dem Design eingeben:

Zitat:
<style type="text/css">
a{font-family: Schriftart; color: Farbe; text-decoration: underline; font-weight: normal; font-style: normal;}
a:hover{font-family: Schriftart; color: Farbe; text-decoration: underline; font-weight: normal; font-style: normal;}
</style>


Bei a{...} kannst du die Einstellungen für normale Links festlegen, bei a:hover{...} die für Links beim Überfahren mit der Maus. Wenn du willst, kannst du den Code noch erweitern: a:visited{...} für bereits besuchte Links, a:focus{...} für markierte Links, a:active{...} für gerade angeklickte Links.

Beim roten kannst du die Schriftart festlegen (z. B. arial, times new roman, comic sans)
Beim blauen kannst du die Schriftfarbe festlegen (z. B. black, green, #ffffff}
Beim grünen kannst du die "Text-Dekoration" festlegen. "underline" für unterstrichen, "overline" für überstrichen, "none" für keine.
Beim violetten kannst du festlegen, ob die Schrift fett sein soll. "bold" für fett, "normal" für normal.
Beim braunen kannst du festlegen, ob die Schrift kursiv sein soll. "italic" für kursiv, "normal" für normal.
______________

Beitrag17.07.2009 um 20:42 (UTC)    
Titel:

Cool, danke. Very Happy
______________

Beitrag21.07.2009 um 05:07 (UTC)    
Titel:

was ist aber wenn ich das im fertigen design schon unter "CSS Code ohne Style Tags hab und die Naviationslinks in weißer Schrift und auch in weißer "visited" Form möchte?



<style type="text/css">
<!--
Zitat:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#FF0000;}

a{color:#000080; font-size: 15px; text-decoration: none;}
a:hover {color: #000080; font-size: 15px; text-decoration: none;}
a:visited{color: #000080; font-size: 15px; text-decoration: none;}
a:link {color: #000080; font-size: 15px; text-decoration: none;}
a:active {color: #000080; font-size: 15px; text-decoration: none;}
a:visited {color: #000080; font-size: 15px; text-decoration: none;}


die besuchten seite egal was ich für einen Farbcode eingebe gleich bleiben
Beitrag21.07.2009 um 05:27 (UTC)    
Titel: <erledigt>

Surprised
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de