+- net-board.net Archiv (https://net-board.net)
+-- Forum: Deine eigene Homepage (https://net-board.net/forumdisplay.php?fid=26)
+--- Forum: Communitysysteme (https://net-board.net/forumdisplay.php?fid=25)
+---- Forum: wBB Support (Fragen und News) (https://net-board.net/forumdisplay.php?fid=8)
+---- Thema: farb wechsel auf linktabelle ändern (/showthread.php?tid=2353)
farb wechsel auf linktabelle ändern - cHAp - 12.08.2003
Hallo,
Und zwar habe ich mal ne frage wie kann ich das machen das ich in meinen Forum.
http://board.boardseven.de das so machen kann wie in der
http://www.boardseven.de die links links das die als #476687 angezeigt werden und
wenn ich über die links gehe dann in einer anderen farbe. Also nich der text sondern
das linkfeld. schau dir das mal an unter http://www.boardseven.de .
Denn ich möchte das in meinen Forum auch so haben wie auf der Homepage.
Nur leider bekomme ich das net hin
Gruß, Cliff
- pattex - 12.08.2003
Kannst du mir den code geben wie du das bei boardseven gemacht hast?
ich glaube das geht mit css aber ich kann kein css *g*
- cHAp - 12.08.2003
also das is der code:
Der wahr schon so drin
Zitat:<style type="text/css">
<!--
.tabrand {
border-collapse: collapse;
width: 700px;
}
.top {
border: 1px solid #e2ebef;
font-family: Verdana, Arial;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
background-color: #415472;
padding: 0px;
height: 70px;
vertical-align: top;
}
.toptrenner {
border: 1px solid #e2ebef;
font-family: Verdana, Arial;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
background-color: #3f516b;
padding: 3px;
height: 20px;
}
.content {
border: 1px solid #e2ebef;
font-family: Verdana, Arial;
font-size: 11px;
color: #FFFFFF;
background-color: #415472;
padding: 3px;
height: 350px;
vertical-align: top;
}
.nl { font-weight:bold; color: #eeeccc; text-decoration:none; font-size: 11px;}
.nl:visited { font-weight:bold; color: #ebebeb; text-decoration:none; font-size: 11px;}
.nl:hover { font-weight:bold; color: #ff0000; text-decoration:none; font-size: 11px;}
.nl:active { font-weight:bold; color: #e8d99b; text-decoration:none; font-size: 11px;}
#links {
width: 140px;
border-collapse:collapse;
}
#links a {
display: block;
background: #476687;
color: #FFFFFF;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 2px 2px;
text-decoration: none;
width: 140px;
}
#links a:hover {
background: #648ca8;
color: #f0f0f0
}
.td {
border-bottom:1px solid #e2ebef;
background-color:#476687;
width:140px;
}
.tdnews {
border-bottom:1px solid #e2ebef;
background-color:#476687;
width:140px;
font: bold 11px Verdana,Arial;
height: 150px;
padding: 3px;
vertical-align: top;
color: #ffffff;
}
-->
</style>
So und das müßte da der Code Sein:
Zitat:#links {
width: 140px;
border-collapse:collapse;
}
#links a {
display: block;
background: #476687;
color: #FFFFFF;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 2px 2px;
text-decoration: none;
width: 140px;
}
#links a:hover {
background: #648ca8;
color: #f0f0f0
}
Gruß, Cliff
- pattex - 12.08.2003
soetwas habe ich doch mal als hack gesehen..
http://wbb-help.de/forum/thread.php?threadid=2571&sid=&hilight=hover
ps: hast du die buttons aus diesem board hier?
- cHAp - 12.08.2003
welche buttons ???
- pattex - 12.08.2003
in deinem board. welche denn sonst *g*
- kickedINtheHEAD - 12.08.2003
du hast ja für die ganzen tables eine css defination
du brauchst einfach zu denen die du so haben willst mit einem onmouseover und onmouseout effekt versehn tutorial dazu gibts hier
http://www.netboard.sunsonic.de/wbboard/thread.php?threadid=2159&sid= (oben der code is etwas lang weiter unten steht ein kürzerer)
- cHAp - 12.08.2003
jo habe mal in denn thema geantwortet so und nu ???