Suche im Forum:
Suchen


Autor Nachricht
Beitrag05.12.2009 um 16:18 (UTC)    
Titel: [erledigt]CSS:Verschiedene Linkattribute auf einer Website

Hi Leute,

ich möchte auf meiner Homepage andere Links, also andere Linkfarben, -hover usw. in meiner selber gebastelten Navigation haben, als im Textfeld. Kann ich bei den unterstehenden Klassen #navi, #abc und #suche andere Attributwerte für die Links definieren?

Jetzt schon einmal Danke für die Hilfe Smile

Zitat:
/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}


body {
position:absolute;
width: 100%;
height: 100%;
background-color:#B8D8D5;}


*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 98px;
height:50px;
background-image:url(http://img.webme.com/pic/s/stopferbedia/bannerstopfer.jpg);}
<div id="Mein_Bild"></div>

#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 921px;
height:104px;
background-color:#XXXXXX;
background-image:url(http://img.webme.com/pic/s/stopferbedia/bannerstopfer.jpg);
color:#XXXXXX;
font-size:13px;
border: 0px solid #FFFFFF;}

#content {
position: absolute;
left: 40%;
top: 140px;
margin-left:-320px;
margin-bottom: 1px;
width: 83%;
padding: 10px;
color: #000000;
font-size:13px;
background-color:#FFFFFF;
background-image:url();
border: 1px solid #003344;
}



#sidebar_container{
visibility:hidden;
position: absolute;
right: 85%;
top:580px;
margin-left: 300px;
width: 185px;
height: 100%;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:#000000;}



#nav_container{
visibility:hidden;}

/* Link und Textformatierung */
p, div, b{color: #000000;}

td.nav a{
color:#000000;
text-decoration: none;}

a:hover {
color: #000000;
text-decoration: none;}

a: link {
color: #000000;
text-decoration: none;}

a:active {
color: #000000;
text-decoration: none;}

#counter {
visibility:hidden;}


#nav_wappen{
right: 85%;
top:0px;
margin-left: 3px;
width: 185px;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:#000000;}

#navi{
right: 85%;
top:280px;
margin-left: 3px;
width: 185px;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:#000000;}


#suche{
right: 85%;
top:400px;
margin-left: 3px;
width: 185px;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:#000000;}


#abc{
right: 85%;
top:510px;
margin-left: 3px;
width: 185px;
background-color:#FFFFF7;
background-image:url;
border:1px solid #000000;
color:black;
}


äh...P.S.: Die Homepage, für die dieser Code ist, ist www.stopferbedia.de.tl !


Zuletzt bearbeitet von stopfermaxi am 06.12.2009, 14:34, insgesamt 2-mal bearbeitet
Beitrag06.12.2009 um 13:34 (UTC)    
Titel:

ich hab´s jetzt selber herausgefunden Very Happy
Weil es bestimmt auch andere interessiert, schreib ich, wie es funktioniert:

Bei "CSS-Code ohne tags" musst du eine neue Klasse einfügen, z.B. diese:



Zitat:
/* Link und Textformatierung */
p, div, b{color: #000000;
text-decoration: none;}

td.nav a.eins{
color:#000066;
text-decoration: none;}

a:visited.eins {
color: #000056;
text-decoration: none;}

a:hover.eins {
color: #777777;
border:1 dotted; border-color:#000000;
text-decoration: none;}

a: link.eins {
color: #000066;
text-decoration: none;}

a:active.eins {
color: #000066;
text-decoration: none;}


Die neue Klasse braucht einen anderen Namen, als die erste Klasse. Diese habe ich jetzt "eins" genannt, deswegen schrieb ich neben a:hover, a:link usw. immer die Klassenbezeichnung "eins".


Nun schreibe ich ich einfach class:"eins" in den jeweiligen Link, so wie hier:

Zitat:
<a href="http://stopferbedia.de.tl/Startseite.htm" class="eins">


Fertig!
Beiträge der letzten Zeit anzeigen:   


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