Hi Leute,
ich probiere gerade ein Wordpress Theme nach meinen Wünschen anzupassen.
Nun stellt sich mir ein Problem in den Weg, wovon ich behaupten möchte, dass es ein Anfängerfehler ist.
Ich erläutere kurz das Problem und dann gebe ich auch den Code zum Besten.
Also ich möchte schlicht und ergreifend einen:
Link in rot haben.
:hover rosa
Sollte an sich nicht so schwer sein, doch wo stelle ich in der style.css ein, dass die Färbung des Links NUR für diesen Link gilt. Zur Zeit kann ich nur Alle oder garnichts ändern.
hier ein Ausschnitt aus der php:
CODE
<div id="sidebar">
<ul>
<li class="nodots"><h5><?php _e('Suche','avenue'); ?></h5>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<li class="nodots"><div id="end_a">&nbsp;</div></li>
<h5>Network</h5>
<li><a href="http://website.com/" title="Website">Click here</a></li>
.
. HIER STEHT NORMALERWEISE NOCH EINE MENGE MEHR !!!!
.
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress-deutschland.org/" title="WordPress Deutschland">WPD</a></li>
<?php wp_meta(); ?>
</ul>
</li>
Wie gesagt sollen die Links ganz unten im code nicht von den Änderungen betroffen sein sondern nur dieser Teil:
CODE <li><a href="http://website.com/" title="Website">Click here</a></li>
Und soweit ich das einschätzen kann müsste das der Teil in der css sein:
CODE
#sidebar a {background: #ffffff; color: #4d4d4d;}
#sidebar a:hover {background: none; color: #00b3b3;}
#sidebar li {
color: #86b0b3;
line-height: 1.5em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
background: url(images/dot.gif) bottom left repeat-x transparent;}
Vielleicht kann mir ja jemand sagen wie ich es richtig einstellen kann.
Sollte jemand den gesamten code brauchen, stelle ich diesen natürlich hier zur Verfügung. Sollte aber eigentlich auch so klappen.!? Glaube ich zumindest
Vielen Dank im Voraus,
Gruß,
ich probiere gerade ein Wordpress Theme nach meinen Wünschen anzupassen.
Nun stellt sich mir ein Problem in den Weg, wovon ich behaupten möchte, dass es ein Anfängerfehler ist.
Ich erläutere kurz das Problem und dann gebe ich auch den Code zum Besten.
Also ich möchte schlicht und ergreifend einen:
Link in rot haben.
:hover rosa
Sollte an sich nicht so schwer sein, doch wo stelle ich in der style.css ein, dass die Färbung des Links NUR für diesen Link gilt. Zur Zeit kann ich nur Alle oder garnichts ändern.
hier ein Ausschnitt aus der php:
CODE
<div id="sidebar">
<ul>
<li class="nodots"><h5><?php _e('Suche','avenue'); ?></h5>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</li>
<li class="nodots"><div id="end_a">&nbsp;</div></li>
<h5>Network</h5>
<li><a href="http://website.com/" title="Website">Click here</a></li>
.
. HIER STEHT NORMALERWEISE NOCH EINE MENGE MEHR !!!!
.
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<li><a href="http://wordpress-deutschland.org/" title="WordPress Deutschland">WPD</a></li>
<?php wp_meta(); ?>
</ul>
</li>
Wie gesagt sollen die Links ganz unten im code nicht von den Änderungen betroffen sein sondern nur dieser Teil:
CODE <li><a href="http://website.com/" title="Website">Click here</a></li>
Und soweit ich das einschätzen kann müsste das der Teil in der css sein:
CODE
#sidebar a {background: #ffffff; color: #4d4d4d;}
#sidebar a:hover {background: none; color: #00b3b3;}
#sidebar li {
color: #86b0b3;
line-height: 1.5em;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
background: url(images/dot.gif) bottom left repeat-x transparent;}
Vielleicht kann mir ja jemand sagen wie ich es richtig einstellen kann.
Sollte jemand den gesamten code brauchen, stelle ich diesen natürlich hier zur Verfügung. Sollte aber eigentlich auch so klappen.!? Glaube ich zumindest
Vielen Dank im Voraus,
Gruß,