Links in Navigation

Links in Navigation

Link zu dem Thema "Links in Navigation" für das Forum: 

//homepage-helper.de.tl/Links-in-Navigation.htm



Wie stelle ich es ein, dass alle Links in der Navigation sich bei besonderen Zuständen
farblich verändern?

Du loggst dich ein und klickst dann auf "Design einstellen". Du musst die erweiterten Designeinstellungen aktiviert haben (Weiter unten wird beschrieben, wie du sie aktivierst). Du fügst folgenden Code in das Textfeld "Text über dem Design":


<style type="text/css">
<!--
a.rednav { font-weight: bold }
a.rednav:link { color: #HIER DER HEXA-CODE DER FARBE; }
a.rednav:active { color: #
HIER DER HEXA-CODE DER FARBE; }
a.rednav:hover { color: #
HIER DER HEXA-CODE DER FARBE; }
a.rednav:visited { color: #
HIER DER HEXA-CODE DER FARBE; }
//-->
</style>


"link" stellt dabei die normale Farbe der Links dar. "active" stellt dabei die Farbe des Links, auf dessen Seite du dich gerade befindest, dar. "hover" stellt dabei die Farbe des Links, über den du gerade mit dem Cursor gehst, dar. "visited" stellt dabei die Farbe der Links, die du schon besucht hast, dar.
Dann klickst du auf "Design einstellen" und fertig.



Wie ändere ich das Aussehen (Farbe, Größe, Schriftart,...) der Links in der Navigation?

Du loggst dich ein und klickst dann auf "Design einstellen". Du musst die erweiterten Designeinstellungen aktiviert haben (Weiter unten wird beschrieben, wie du sie aktivierst). Du fügst folgenden Code in das Textfeld "Text über dem Design" und änderst die Dinge, die dir nicht gefallen. Du musst HTML und CSS beherschen, sonst fang erst garnicht damit an den Code zu verändern!


<style type="text/css">
<!--
body {
background-color: #4a0001;
}

a {
color: black;

text-decoration: none;
}
.Stil1 {color: #999999}
.Stil2 {
color: #FFFFFF;
font-weight: bold;
}
.Stil3 {
font-family: impact;
color: #FFFFFF;
}
.Stil4 {font-size: 36px}

.shoutbox {
overflow: auto;
height: 300px;
width: 200px;
}

.rednav {
font-family: Tahoma, arial, helvetica, serif;
font-size: 13px;
}

.redcontent,TD {
font-family: Tahoma, arial, helvetica, serif;
font-size: 12px;
}
//-->
</style>

Nachdem du den Code so bearbeitet hast, wie du es möchtest, klickst du auf "Design einstellen" und fertig.



Wie aktiviere ich die erweiterten Designeinstellungen?

Du loggst dich ein und klickst dann auf "Einstellungen". Du wählst in der Liste auf die Frage "Erweiterte Designeinstellungen anzeigen?" die Antwort "Ja (nicht für Anfänger geeignet)" aus und klickst dann anschließend auf "daten editieren" und fertig.




Du gehst auf http://www.uni-magdeburg.de/counter/rgb.txt.shtml. Dort findest du sehr viele HEXA-Codes. Du musst den Code nehmen, der direkt neben dem Farbfeld ist (Der HEX-Code).
 
Uhrzeit
 
Links
 
Homepage Helper
 

Haben Sie eine Frage zur Homepagebearbeitung?

ein Bild
Partner
 
Möchten Sie offizieller Partner vom Homepage Helper werden? Dann fragen Sie an...
Besucher
 
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden