Hejsan!
Använder wordpress som blogg, och har laddat hem ett theme där sidebaren ser ut enligt bilden nedan:
http://member.webforum.nu/4770/wordpress.jpg
Problemet är att standarden i themet inte hanterar underkategorier.
Jag skulle vlja ha sidebaren justerad så att underkategorierna lyfts in en tab eller liknande åt höger, så att man får en bra struktur på sidebaren.
Vilka förändringar behöver jag göra av anrop och stylesheet för att man ska få underkategoierierna att dras en bit år höger?
Anropen i themet för att skriva ut kategorierna är enligt nedan:
<h2 class="hr"><?php _e('Kategorier'); ?></h2>
<ul>
<?php list_cats(0, '', 'name','asc', '', TRUE, FALSE,TRUE, TRUE, TRUE, TRUE, FALSE, '',FALSE,'', '', '', TRUE); ?>
</ul>
StyleSheeten för themet är enligt nedan:
#sidebar {
}
#sidebar h2 {
}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}
/* --- sidebar ---*/
#sidebar {
width: 205px;
float: right;
margin: 0 0 25px 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #555;
}
#container {
padding:0 20px;
}
#sidebar h2 {
font-family : Georgia, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color:#000;
margin:0;
padding:30px 0 11px;
}
#sidebar h2.hr {
background: url(img/hr.gif) 0 15px repeat-x;
}
#sidebar h3 {
margin: 30px 0 12px 0;
padding: 5px 10px;
color: #fff;
font-size: 120%;
border: none;
background: #f90 url(img/sidebar-h.gif) repeat-x top left;
}
#sidebar h3#quick {
margin-top: 24px;
}
#sidebar h3.sub {
background: #538620 url(img/sub-h-bg.gif) repeat-x top left;
}
#sidebar h4 {
font-size: 92%;
font-weight: normal;
margin: 0;
}
#sidebar img {
vertical-align: middle;
}
#sidebar ul {
margin:0;
padding:0;
}
#sidebar ul li {
margin:0;
padding:0;
list-style: none;
line-height:120%;
text-indent: 10px;
background: url(img/bull1.gif) 1px 6px no-repeat;
}
#sidebar ul#lh li {
padding-bottom:14px;
}