Tag Wolke Linkfarbe verändern

Hanno

Tag Wolke Linkfarbe verändern

Wie kann ich die Linkfarbe der Tags in der Sidebar verändern?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

In der style.css deines Themes. Schau nach welche ID die Tagcloud bekommt, darüber kannst du die Links stylen.

Hanno

?

PHP

/*  
Theme Name: Finestripes
Theme URI: http://www.seo-themes.com/
Description: Two colums theme decorated with stripes presented by <a href="http://www.seo-themes.com/" title="Seo Themes">Seo Themes</a>.
Version: 1.0
Author: Georgio
Author URI: http://www.seo-themes.com/
Latest updated: March 24th, 2007
*/




/* ----------------------- Base -------------------- */


html {
 height: 100%;
 zoom: 1.0;
}


body {
 background: black;
 color: black;
 margin: 0; padding: 20px 0 20px 0;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center; /* IE hack Part 1 */ 
}


#container {
 width: 800px;
 margin: 0 auto 0 auto; padding: 0;
 background: url('images/bg.png') repeat-y top left;
}


#top {
 width: 800px;
 height: 50px;
 margin: 0; padding: 0;
 background: url('images/top.png') no-repeat top left;
}


#left {
 width: 594px;
 margin: 0; padding: 0;
 float: left;
 background-color: white;
}


#header {
 width: 594px;
 height: 88px;
 margin: 0; padding: 0;
}


#headerphoto {
 width: 594px;
 height: 165px;
 margin: 0; padding: 0;
 background: url('images/yourphotohere.jpg') no-repeat top left;
 border-top: 3px solid black;
 border-bottom: 3px solid black;
 border-left: 0px solid black;
 border-right: 0px solid black;
}
#right {
 width: 203px;
 margin: 0; padding: 0;
 background-color: #444444;
 border-left: 3px solid black;
 float: right;
}
#bottom {
 width: 800px;
 height: 50px;
 margin: 0; padding: 0;
 background: url('images/bottom.png') no-repeat top left;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
}


#header h1 {
 font-family: Impact, Arial Narrow, Arial;
 font-size: 40px;
 font-weight: bold;
 padding: 0 0 0 10px; margin: 0;
 text-align: left;
}
#header h1 a, #header h1 a:link, #header h1 a:visited {
 text-decoration: none;
 color: black;
}
#header h1 a:hover {
 text-decoration: none;
 color: #660000;
}
#header h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin: 0; padding: 0 0 0 10px; 
 text-align: left;
 font-weight: normal;
}


#footer a {
 color: #FF9D9D;
}


small {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
}


/* ----------------------- Main -------------------- */


#main {
 width:574px;
 margin: 0; padding: 10px;
}
.info {
 text-align: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #C17B71;
 text-transform:lowercase;
 padding: 0; margin: 0 0 20px 0;
}
.post {
 padding: 0; margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: black;
 text-align: justify;
}
.post img {
 padding: 2px; margin: 0 3px 0 3px;
}
.post a {
 color: #990000;
}
.post blockquote {
 background: url('images/blockquote.gif') repeat-y left top;
 padding: 0px 0px 0px 20px; margin: 2px 0 2px 0;
}
.post h3 {
 width: 574px;
 height: 27px;
 font-family: Impact, Arial Narrow, Arial;
 font-size: 20px;  font-weight: normal;
 background: url('images/h3.png') no-repeat left bottom;
 color: black;
 padding: 0; margin: 0;
 text-decoration: none;
}
.title h2 {
 width: 574px;
 height: 40px;
 font-family: Impact, Arial Narrow, Arial;
 font-size: 30px;  font-weight: normal;
 background: url('images/h2.png') no-repeat left bottom;
 color: black;
 padding: 0; margin: 0;
 text-decoration: none;
}
.title h2 a {
 width: 574px;
 height: 40px;
 color: black;
 font-family: Impact, Arial Narrow, Arial;
 font-size: 30px;
 text-decoration: none;
 padding: 0; margin: 0;
}
.title h2 a:hover {
 text-decoration: none;
 padding: 0; margin: 0;
}
.posted, .meta, .feedback, .info {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 font-weight: normal;
 text-transform:uppercase;
 margin: 0; padding: 0; 
 text-align: right;
 color: grey;
}
.meta a, .meta a:visited, .meta a:link, .feedback a, .feedback a:visited, .feedback a:link {
 color: #C17B71;
 margin: 0; padding: 0; 
}
.space {
 width: 100%;
 padding: 0; margin: 0;
 height: 40px;
}


/* ----------------------- Navigation Bar -------------------- */


.postnavigation {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 height: 13px;
 padding: 4px; margin: 0 0 20px 0;
 background: #EEEEEE;
}
.postnavigation a {
 color: #C17B71;
 text-decoration: none;
 text-transform: uppercase;
}
.left {
 float: left;
}
.right {
 float: right;
}
.leftdouble {
 float: left;
}
.rightdouble {
 float: right;
}


/* ----------------------- Sidebar -------------------- */




#sidebar {
 width:180px;
 margin: 0; padding: 10px 10px 0 0;
 font-family: Arial, Helvetica, sans-serif;
 float: right;
}
#sidebar ul {
 padding: 0; margin: 0;
}
#sidebar ul li {
 list-style-type: none;
 list-style-image: none;
 padding: 0; margin: 0 0 10px 0;
}
#sidebar ul li h2 {
 font-size: 20px;
 font-weight: normal;
 text-align: right;
 width: 180px;
 height: 27px;
 padding: 0; margin: 0;
 font-family: Impact, Arial Narrow, Arial;
 background: url('images/sidebarh2.png') no-repeat left bottom;
 color: #FF9900;
}
#sidebar ul li ul, #sidebar ul li ul li {
 padding: 0; margin: 0;
 font-size: 12px;
 line-height: 16px;
 text-align: right;
 color: white;
}
#sidebar ul li ul li, #sidebar ul li ul li a, #sidebar ul li ul li a:visited, #sidebar ul li ul li a:link, #sidebar ul li ul a {
 padding: 0; margin: 0;
 color: white;
}


#sidebar ul li ul li a:hover {
 padding: 0; margin: 0;
 color: #FF9900;
}
.page_item {
 padding: 0; margin: 0;
}
/* ----------------------- Search -------------------- */
#searchform {
 padding: 0; margin: 0;
}
#searchform input {
 width : 135px;
 height: 16px;
 margin : 5px 5px 2px 0;
 padding: 4px 5px 1px 5px;
 font-size: 13px;
 color: black;
 vertical-align : middle;
 background:  #EFEFEF;
 border: 0px solid;
}
#searchform #searchbut {
 color: black;
 width: 25px;
 height: 21px;
 padding: 0 0 2px 0; margin: 3px 0 0 0;
 background: #EFEFEF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 border: 0;
}


/* ----------------------- Comments -------------------- */
#response textarea {
 width: 558px;
 height: 142px;
 padding: 4px;  margin: 0;
 background: #EFEFEF;
 border-left: 4px solid black;
 border-right: 4px solid black;
 border-top: 0px solid black;
 border-bottom: 0px solid black; 
 overflow: hidden;
}


#response h3 {
 width: 574px;
 height: 27px;
 font-family: Impact, Arial Narrow, Arial;
 font-size: 20px;  font-weight: normal;
 background: url('images/h3.png') no-repeat left bottom;
 color: black;
 padding: 0; margin: 0;
 text-decoration: none;
 text-align: left;
}


#response #author, #response #email, #response #url, #response #url {
 width: 246px;
 height: 15px;
 background: #EFEFEF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 margin: 0 0 0 10px; padding: 3px 2px 3px 2px;
 border: 0px;
}
#response #submitcomment {
 width: 120px;
 height: 21px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 margin: 0; padding: 0;
 border: 0;
 background: #EFEFEF;
 float: left;
}
#response .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 text-align: left;
 height: 30px;
 color: black;
}
#response .postedby {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 font-size: 9px;
 color: #C17B71;
 text-align: right;
 text-transform:uppercase;
 margin: 0; padding: 0;
}
#response .postedby a, #response .postedby a:link, #response .postedby a:visited {
 color: white;
}
#response .commentlist {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 font-size: 9px;
 color: black;
 text-align: justify;
 list-style-type: none;
 width:425px; margin: 0; padding: 0;
}
#response .commentlist p {
 margin: 0; padding: 0;
}
#response .commentlist li {
 width: 558px;
 padding: 4px;  margin: 10px 0 0 0;
 background: #EFEFEF;
 border-left: 4px solid black;
 border-right: 4px solid black;
 border-top: 0px solid black;
 border-bottom: 0px solid black; 
}




/* ----------------------- Credits -------------------- */
#credits {
 width: 594px;
 height: 30px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 padding: 4px; margin: 0;
}
#credits a {
 color: #C17B71;
}

Alles anzeigen

Ich habe keinen Plan...

marX

Dort gibts noch keine Regel für die Tagcloud, also leg dir einfach eine neue an. Dazu musst du wie schon gesgat nachschauen, welche ID bzw. Klasse die Tagcloud im HTML bekommen hat. Dann gehts etwa so (ausgehend davon dass die Tagcloud class="tagcloud" zugewiesen bekommen hat):

Code

#sidebar .tagcloud a:link { /* unbesuchte Tag-Links */
  color:...;
}
#sidebar .tagcloud a:visited { /* besuchte Tag-Links */
  color:...;
}
#sidebar .tagcloud a:hover { /* Mouseover Tag-Links */
  color:...;
}

Hanno

Zitat

Klasse die Tagcloud im HTML bekommen hat. Dann gehts etwa so (ausgehend davon dass die Tagcloud class="tagcloud" zugewiesen bekommen hat):

Wie oder Wo finde ich diese ID raus?

marX

Lass die in deinem Browser den Quelltext deiner Webseite anzeigen und suche dort nach den Tag-Links. Direkt davor solltest du das entsprechende id- oder class-Attribut finden.

Hanno

So habe ich nun gemacht

Hanno

Besten Dank an den MarX , ich habe es nun irgendwie hinbekommen, wiess zwar nicht wie, aber es ist jetzt wie ich es haben wollte

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Tag Wolke Linkfarbe verändern

Jetzt mitmachen!

Benutzer online in diesem Thema