Hallo... Wie schon der Titel sagt, ich möchte gerne eine Funktion eines Themes "Pixel" zum Theme "Slidingdoor" "rüberziehen"...
und zwar hat "pixel" bei der sidebar eine transparente graue background box.
ich konnte sie mittlerweile in den posts einfügen und auch im letzten teil der Sidbar im "Slidingdoor" aber ansonsten taucht dieser background einfach nicht auf...
folgende codes gibt es:
Original Code-Slidingdoor
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<?php wp_list_pages('title_li=' . __('Pages:')); ?>
<?php wp_list_bookmarks('title_after=&title_before='); ?>
<?php wp_list_categories('title_li=' . __('Categories:')); ?>
<?php endif; ?>
<div id="footer">
<p>Powered by <a href="http://wordpress.org/">Wordpress </a> </p><p><a href="http://mac-host.com/slidingdoor/">Slidingdoor</a> theme by <a href="http://macintoshhowto.com/">Wayne</a></p>
</div>
</div>
Alles anzeigen
Geänderter Code-Slidingdoor
<div id="sidebar">
<div id="sidebars">
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('sidebar1') ) : ?>
<div class="sidebarbox">
<?php wp_list_pages('title_li=' . __('Pages:')); ?>
</div>
<?php wp_list_bookmarks('title_after=&title_before='); ?>
<?php wp_list_categories('title_li=' . __('Categories:')); ?>
<?php endif; ?>
<div class="sidebarbox">
<div id="footer">
<p>Powered by <a href="http://wordpress.org/">Wordpress </a> </p><p><a href="http://mac-host.com/slidingdoor/">Slidingdoor</a> theme by <a href="http://macintoshhowto.com/">Wayne</a></p>
</div>
</div>
</div>
</div>
Alles anzeigen
Original-Code Pixel
<div id="sidebars">
<div id="sidebar_full">
<ul>
<li>
<?php include (TEMPLATEPATH . '/welcome.php'); ?>
</li>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_full') ) : ?>
<li>
<div class="sidebarbox">
<h2>Recent Posts</h2>
<ul>
<?php wp_get_archives('type=postbypost&limit=10'); ?>
</ul>
</div>
</li>
<li>
<div class="sidebarbox">
<h2>Browse by tags</h2>
<?php wp_tag_cloud('smallest=8&largest=17&number=30'); ?>
</div>
</li>
<?php endif; ?>
</ul>
</div><!-- Closes Sidebar_full -->
<div class="cleared"></div>
</div> <!-- Closes Sidebars -->
Alles anzeigen
Geänderter Code CSS Slidingdoor
#sidebars {
margin: 15px 0 0 0;
float: right;
width: 232px;
color: #eee;
}
#sidebar_full {
padding: 0;
margin: 0;
}
#sidebars .sidebarbox {
background: url(http://www.backstreets-underground-support.com/buble/wordpress/wp-content/themes/bg-trans.png) repeat;
padding: 8px 15px;
}
#sidebar {
width: 232px;
float: none;
padding-top: 8px;
text-align: left;
}
#sitemeter {
text-align: center;
width: 160px;
font-size: 11px;
color: #999;
}
#sitemeter img{
padding-bottom: 8px;
padding-top: 8px;
}
#sidebar h2 {
font-weight: normal;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 10px;
padding-top: 8px;
}
#sidebar a img {
border: none;
}
#sidebar ul {
margin-top: 10px;
margin-bottom: 10px;
}
#sidebar ul li {
font-size: 11px;
background: url(img/bullet.png) 0 5px no-repeat;
padding: 0 10px;
margin: 0 0 5px 5px;
}
#sidebar ul li a {
color: #999;
text-decoration: none;
}
#sidebar ul li span {
color: #666;
margin-left: 5px;
}
#sidebar ul li a:hover {
color: #CCC;
}
#sidebar ul#nav {
margin: 10px 0 20px 0;
}
#sidebar ul#nav li {
margin: 0;
padding: 0;
}
#sidebar ul#nav li a {
display: block;
height: 17px;
padding: 7px 10px;
background: url(img/nav_off.png) 0 0 no-repeat;
margin-bottom: 5px;
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #999;
}
#sidebar ul#nav li a:hover {
background: url(img/nav_off.png) 0 -31px no-repeat;
}
#sidebar ul#nav li a.active {
background: url(img/nav_on.png) 0 0 no-repeat;
color: #FFF;
}
Alles anzeigen
Original-Code CSS Pixel
/* Sidebars */
#sidebars {
margin: 15px 0 0 0;
float: right;
width: 340px;
color: #eee;
}
#sidebars .sidebarbox {
background: url(images/bg-trans.png) repeat;
padding: 8px 15px;
}
#sidebar_full {
padding: 0;
margin: 0;
}
#sidebar_left {
float: left;
width: 160px;
}
#sidebar_right {
float: right;
width: 160px;
}
#sidebars h2 {
margin: 0;
padding: 0 0 8px 0;
font-weight: normal;
font-size: 11pt;
color: #fff;
letter-spacing: -1px;
}
#sidebars table {
width: 130px;
}
#sidebars ul {
margin: 0;
padding: 0 0 5px 0;
}
#sidebars li {
margin-bottom: 20px;
list-style: none;
font-size: 9pt;
}
#sidebars li ul {
padding: 0;
}
#sidebars ul ul li {
margin: 0;
padding: 2px 2px 2px 16px;
color: #eee;
background: url(images/bullet.gif) left 8px no-repeat;
line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}
#sidebars a {
display: inline;
color: #eee;
}
#sidebars a:hover {
color: #6598b8;
text-decoration: underline;
}
#sidebars p {
padding: 2px 0;
font-size: 9pt;
color: #eee;
}
#tag_cloud a {
display: inline;
}
#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}
Alles anzeigen
hier noch ein Screenshot (unten sidebar mit box, da drüber ohne)
ich hab schon alles versucht, was mir eingefallen ist... mir war es nur gelungen auf die komplette sidebar einen background zu legen, ich möchte aber jeden teil der sidebar extra abgegrenzt haben, wie im Original "Pixel"...
ich hoffe ihr könnt mir helfen und wenn ihr noch irgendetwas braucht, sag einfach bescheid...
VIELEN DANK!
nutze WordPress 3.0.1.