liebe blogger,
ich möchte in meiner sidebar eine linkliste per html einfügen und diese genauso stylen, wie die listenausgabe in den ebenfalls dort vorhandenen widgets.
zur verdeutlichung bitte die beigefügte grafik ansehen.
es gelingt mir allerdings nicht, die entsprechende anweisung in meiner style.css aufzufinden und der von hand erstellten liste in der sidebar.php zuzuweisen.
hier die sidebar-rubrik meiner style.css:
/* sidebar*/
div#blog #blog_right #blog_right_pad #sidebar{
padding-top:25px;
padding-left:35px;
}
div#blog #blog_right #blog_right_pad #sidebar ul{
padding:0px;
margin:0px;
}
div#blog #blog_right #blog_right_pad #sidebar li{
padding:0px;
margin:0px;
list-style-type:none;
}
div#blog #blog_right #blog_right_pad #sidebar h2{
color:#52ADAD;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px;
padding-left:36px;
padding-right:0px;
padding-top:7px;
padding-bottom:0px;
height:27px;
background:url(images/h2_bg.png) no-repeat left top;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
color:#52ADAD;
}
div#blog #blog_right #blog_right_pad #sidebar table ul li{
color:#7b7b7b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
background:url(images/sidebar_title_bg.png) no-repeat top;
padding-left:14px;
padding-bottom:7px;
padding-top:3px;
}
div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
color:#7b7b7b;
}
div#blog #blog_right #blog_right_pad #sidebar li a{
color:#7b7b7b;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:normal;
line-height:19px;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
color:#7b7b7b;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
padding-left:7px;
padding-right:25px;
padding-bottom:5px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:0px;
padding-right:0px;
background:none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
border-bottom:0;
background: url(images/solid_li.png)left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
border-bottom:0;
background: url(images/solid_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li{
border-bottom:0;
background: url(images/solid_li.png) left bottom no-repeat;
}
div#blog #blog_right #blog_right_pad #sidebar ul li.widget_categories ul li ul li{
border-bottom:0;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
padding-left:5px;
}
div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
border:0px;
background: none;
}
div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
background: url(images/line_li.png) left bottom no-repeat;
padding-left:7px;
}
div#blog #blog_right #sidebar ul li ul li a{
padding-left:8px;
background: url(images/line_li.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li.widget_meta ul li a{
padding-left:8px;
background: url(images/line_li.png) no-repeat left;
}
div#blog #blog_right #sidebar td.td_right ul li ul li a{
padding-left:8px;
background: url(images/line_li.png) no-repeat left;
}
/* end sidebar*/dabei ist augenscheinlich die datei "[COLOR=Red]solid_li.png[COLOR=Black]"[/COLOR] [COLOR=Black]eine grafische graue linie, die die einzelnen listenelemente vertikal optisch trennt.
augenblicklich stehen die einzelnen elemente leider nicht bündig untereinander, sondern sind seitlich verschoben.
dies möchte ich aber ändern.
wie kann ich meiner per hand eingefügten liste die gleiche formatierung übergeben, wie den widget-listen?
welche styles-aufrufe muss ich in meiner sidebar.php wo einbinden
meine sidebar.php:
[/COLOR][/COLOR]
<div id="sidebar">
<table width="100%">
<tr>
<td align="left" width="300" valign="top" class="td_left">
<a href="http://www. .../">
<img src="http://www. .../themes/bluedark/images/h2_bgkapital.png">
</a>
<ul>
<li><a href="http://www. .../category/immobilien/">Investmentfonds</a></li>
<li><a href="http://www. .../category/immobilien/">Finanzierungen</a></li>
</ul>
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ){
?>
<?
} else{ ?>
<li class="widget_categories"><h2>Categories</h2>
<ul>
<?php wp_list_cats('sort_column=name'); ?>
</ul>
</li>
<li><h2>Archives</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<?php } ?>
</ul>
</td>
</tr>
</table>
</div>[COLOR=Red][COLOR=Black]
mit bloggigen grüßen
jwqlb
[/COLOR] [/COLOR]