webForumDet fria alternativet

Wordpress, css - listor

1 svar · 243 visningar · startad av Blårand

BlårandMedlem sedan jan. 20032 356 inlägg
#1

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;
}
headbugMedlem sedan sep. 2006867 inlägg
#2

Gör såhär: skapa underkategorier som du anser är fula, visa sidan i en browser och kopiera hela den källkoden och klistra in här på webforum så ser vi exakt vilka css-regler som ditt tema genererar/använder. Jag har för mig att du får namngivna saker ur "list_cats" och det är snyggare att använda dom så att du inte råkar förstöra någon listning på annat ställe...

130 ms totalt · 3 externa anrop · v20260731065814-full.2b84b982
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)