Suche im Forum:
Suchen


Autor Nachricht
Beitrag03.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
Beitrag03.09.2009 um 07:53 (UTC)    
Titel:

Hallöö,

dir kann geholfen werden Very Happy
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
Beitrag03.09.2009 um 08:17 (UTC)    
Titel:

geht leider immer noch nicht Crying or Very sad
Beitrag03.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



natürlich mit gewünschten Anweisungen ,also farben ect. Wink

Gruß Wolfgang
______________
Beitrag03.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;}
Beitrag03.09.2009 um 10:16 (UTC)    
Titel:

geht irgendwie immer noch nicht Sad

irgendwas mach ich wohl falsch Embarassed

lg mimi
Beitrag03.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 Wink

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
Beitrag03.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 Crying or Very sad

gibt es denn noch eine möglichkeit wie ich das hinkriegen könnte??

glg mimi
Beitrag03.09.2009 um 15:37 (UTC)    
Titel:

Hi, ich habe meinen Code nochmal geändert Wink
Mit dem zusätzlichen Befehl "!important" sollte es klappen...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag03.09.2009 um 15:56 (UTC)    
Titel:

es geht auch nicht mit dem neuen code Crying or Very sad

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
Beitrag03.09.2009 um 15:59 (UTC)    
Titel:

Deinen ganzen Code sehe ich Wink
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
Beitrag03.09.2009 um 16:29 (UTC)    
Titel:

also ich hab die zeilen jetzt gelöscht,

aber es geht leider immer noch nicht Crying or Very sad

GLG mimi
Beiträge der letzten Zeit anzeigen:   


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