Autor
Nachricht
tw-nekromancers
03.09.2009 um 07:45 (UTC) Titel: [closed]Design CSS : Problem mit Navi Linkfarben
Hallo,
also mein navi elemant funktioniert soweit, allerdings hätte ich gerne das der angeklickte link in der navileiste eine andere farbe hat als die die nicht angeklickt sind.
ich kopiern mal den code hierrein vieleicht kann mir ja jemand bei dem problem helfen.
a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color: #C9C9C9;
font-size: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
vilen dank und liebe grüße mimi
Zuletzt bearbeitet von tw-nekromancers am 05.09.2009, 19:40, insgesamt 2-mal bearbeitet
↑
24939
03.09.2009 um 07:53 (UTC) Titel:
Hallöö,
dir kann geholfen werden
Es ist die Reihenfolge, die ist sehr wichtig :
Zitat:
a:link
/* noch nicht besuchter Link */
a:visited
/* schon besuchter Link */
a:hover
/* hover bei Mouseover */
a:active
/* Link wird ausgewählt */
Wenn es auf die baukasten-navi angewendet werden soll,
schreibe bitte vor alle :
li.nav_element
Gruß Wolfgang
______________
Zuletzt bearbeitet von 24939 am 03.09.2009, 08:56, insgesamt 3-mal bearbeitet
↑
tw-nekromancers
03.09.2009 um 08:17 (UTC) Titel:
geht leider immer noch nicht
↑
24939
03.09.2009 um 08:23 (UTC) Titel:
Ja, wie ich geschrieben hatte ,
- wenn für Baukasten-Navi , dann ein li.nav_element vor alle schreiben.
- in deinem Quellcode sehe ich deine ohne das li.nav_element
- das bezieht sich dann nur auf Links im Seiten-Inhalt
Nocheinmal für dich, so muss es aussehen :
Zitat:
li.nav_element a
li.nav_element a:visited
li.nav_element a:hover
li.nav_element a:active
↑
tw-nekromancers
03.09.2009 um 08:48 (UTC) Titel:
also so meinst du oder?
li.nav_element a {
color:#FFFFFF;
text-decoration: none;
font-size:13px;}
li.nav_element a:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}
li.nav_element a:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}
li.nav_element a:hover {
color: #C9C9C9;
font-size: 13px;
text-decoration: none;}
li.nav_element a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
↑
tw-nekromancers
03.09.2009 um 10:16 (UTC) Titel:
geht irgendwie immer noch nicht
irgendwas mach ich wohl falsch
lg mimi
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.09.2009 um 11:43 (UTC) Titel:
Hi, der Code muss so lauten:
Zitat: a.menu{
color:#FFFFFF !important;
text-decoration: none !important;
font-size:13px !important; }
a.menu:hover {
color:#FFFFFF !important;
font-size: 13px !important;
text-decoration: none !important; }
a.menu:link {
color:#FFFFFF !important;
font-size: 13px !important;
text-decoration: none !important; }
a.menu:active {
color: #C9C9C9 !important;
font-size: 13px !important;
text-decoration: none !important; }
a.menu:visited {
color: #4A9AF6 !important;
font-size: 13px !important;
text-decoration: none !important; }
Die Farbcodes kannst du dann noch anpassen,
eine Erklärung zu den einzelnen Punkten hast du ja schon von "Wolle" bekommen
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 03.09.2009, 16:36, insgesamt einmal bearbeitet
↑
tw-nekromancers
03.09.2009 um 13:21 (UTC) Titel:
also ich hoffe ich nerve nicht mit den thema, aber ich hab jetzt beide varianten ausprobiert, aber es geht leider nicht
gibt es denn noch eine möglichkeit wie ich das hinkriegen könnte??
glg mimi
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.09.2009 um 15:37 (UTC) Titel:
Hi, ich habe meinen Code nochmal geändert
Mit dem zusätzlichen Befehl "
!important " sollte es klappen...
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
tw-nekromancers
03.09.2009 um 15:56 (UTC) Titel:
es geht auch nicht mit dem neuen code
kann es sein das der befehl irgendwo später in meinem code wieder nichtig gemacht wird?!?!
soll ich mal alles hier reinsetzen also den kompletten code??
LG mimi
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
03.09.2009 um 15:59 (UTC) Titel:
Deinen ganzen Code sehe ich
Allerdings wird mein Code nicht viel bringen,
wenn noch folgender Code vorhanden ist (rot makiert):
Zitat: li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#4A9AF6;
background-color:#343434;
background-image:url();
border: 2px solid #000000;}
li.nav_element a:hover{
color: #F2F2F2 ;
background-color: :#343434;
background-image:url(http://img.webme.com/pic/t/tw-nekromancers/twoworlds-cover.jpg);}
Am besten mal den
roten Code löschen...
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator
↑
tw-nekromancers
03.09.2009 um 16:29 (UTC) Titel:
also ich hab die zeilen jetzt gelöscht,
aber es geht leider immer noch nicht
GLG mimi
↑