Hallo! Ich habe in mein Kubrick Theme (lokale Installation also kein Link möglich) in den Footer Buttons für XHTML, CSS, RSS und Comments RSS integriert. Funktioniert soweit auch ohne Probleme.
Allerdings wenn jetzt eine Seite aufgerufen wird die keine Sidebar hat, werden die Buttons und die Footer Grafik auf der die Sidebar anders eingefärbt ist trotzdem angezeigt.
Dies sieht nicht schön aus. Nun würde ich gerne für Seiten die keine Sidebar verwenden einen (zusätzlichen) Footer verwenden der die gleiche Farbe hat wie die kubrickwide.jpg Grafik und auch keine Buttons anzeigt.
Wie löse ich dies am Besten? Einen neuen Footer machen und diesen in Seiten ohne Sidebar aufrufen oder ist mit HTML sowas möglich wie /if "no sidebar" then "display footer2"?
Der Code meiner footer.php
<hr />
<div id="footer">
<div id="icons" class="clearfix">
<ul>
<li id="icon-comments-rss"><a href="<?php bloginfo('comments_rss2_url'); ?>">Kommentar RSS</a></li>
<li id="icon-rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
<li id="icon-css"><a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></li>
<li id="icon-xhtml"><a href="http://validator.w3.org/check?uri=referer">XHTML</a></li>
</ul>
</div>
</div>
</div>
<?php wp_footer(); ?>
</body>
</html>und der CSS für die betreffenden Stellen
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
#icon-css a {
background: url(images/icon_css.gif) no-repeat 0px 0px;
float: right;
height: 15px;
margin: 0px 5px 0px 0px;
text-indent: -9999px;
width: 26px;
}
#icon-css a:hover {
background-position: 0px -15px;
}
#icon-rss a {
background: url(images/icon_rss.gif) no-repeat 0px 0px;
float: right;
height: 15px;
margin: 0px 5px 0px 0px;
text-indent: -9999px;
width: 27px;
}
#icon-rss a:hover {
background-position: 0px -15px;
}
#icon-comments-rss a {
background: url(images/icon_comments_rss.gif) no-repeat 0px 0px;
float: right;
height: 15px;
margin: 0px 5px 0px 0px;
text-indent: -9999px;
width: 79px;
}
#icon-comments-rss a:hover {
background-position: 0px -15px;
}
#icons {
margin: 0px;
padding: 0px 25px 15px 0px;
}
#icons li {
display: inline;
}
#icon-xhtml a {
background: url(images/icon_xhtml.gif) no-repeat 0px 0px;
float: right;
height: 15px;
margin: 0px 5px 0px 0px;
text-indent: -9999px;
width: 38px;
}
#icon-xhtml a:hover {
background-position: 0px -15px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}Danke. :)