Изменение местоположения виджетов (WP)

R
На сайте с 09.01.2011
Offline
15
495

Подскажите плиз, как изменить местоположения облака тегоф на сайте http://physgun.ru/, так чтобы облако тегов стояло рядом с категориями (в одной строке), место есть.

Сайт резиновый, помогите плиз, шаблон 3 дня переделывал,а както не получается перетащить виджеты.

Вот файл sidebar.php и кусок style.css от сайдбара:

Сайдбар:

<div id="sidebar">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<div class="sideCol">
<h3 id="h3Categories">Что ищем ?</h3>
<ul class="categories">
<?php wp_list_cats(); ?>
</ul>

<h3>Архив</h3>
<ul class="archives">
<?php wp_get_archives('type=monthly'); ?>
<?php admin_status_as(); ?>
</ul>

</div>

<div class="sideCol">
<h3>Интересный поиск</h3>
<ul class="latest">
<?php if(function_exists('wp_cumulus_insert')) { wp_cumulus_insert(); } ?>
<h3>Заметки</h3>
<li><?php the_time('F jS, Y') ?><br /><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php while (have_posts()) : the_post(); ?>

<?php endwhile; ?>
</div>
</ul>



</div>
</div>

Style.css

/* Right Content Column */

#sidebar {
display:block;
float:left;
width:30%;
background:url('images/bg-body-main.gif') repeat-x top;
}

#search {
display:block;
float:left;
width:100%;
height:45px;
margin:20px 0 0 0;
background:url('images/bg-search.gif') no-repeat;
}

#search form {
margin:0;
padding:0;
}

#search form input {
width:20%;
border:none;
margin:10px 0 0 13px;
background-color:transparent;
font-family:'Trebuchet ms', Arial, Tahoma;
font-size:17px;
color:#bfbfbf;
}

.sideCol {
display:block;
float:left;
width:50%;
padding:0 10px 20px 10px;
}

.sideCol h3 {
font-size:17px;
color:#666666;
font-weight:normal;
margin:20px 0 0 0;
padding-bottom:6px;
}

.sideCol h3#h3Categories {
width: 70%;
border-bottom:none no-repeat;
}


ul.categories {
no-repeat;
width:50%;
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
font-weight:bold;
}

ul.categories li {
no-repeat;
margin:0;
width:70%;
padding:0;
line-height:17px;
}

ul.categories li a {
no-repeat;
display:block;
width:70%;
padding:5px 0 6px 0;
color:#0099cc;
text-decoration:none;
border-bottom:1px solid #e5e5e5;
}

ul.categories li a:hover {
no-repeat;
display:block;
width:70%;
padding:5px 0 6px 10px;
color:#669900;
border-right:1px solid none;
border-bottom:1px solid #c3ceac;
background:#eff5e5 url('images/bg-cat-a.gif') bottom;
}


ul.archives {
no-repeat;
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
}

ul.archives li {
no-repeat;
margin:0 0 10px 0;
padding:0;
line-height:17px;
}

ul.archives li a {
color:#0099cc;
text-decoration:none;
}

ul.archives li a:hover {
text-decoration:underline;
}



ul.blogroll {
margin:0;
padding:0;
width:50%;
list-style-type:none;
font-size:12px;
}

ul.blogroll li {
margin:0 0 10px 0;
width:50%;
padding:0;
line-height:17px;
}

ul.blogroll li a {
color:#0099cc;
text-decoration:none;
}

ul.blogroll li a:hover {
text-decoration:underline;
}


ul.latest {
margin:0;
width: 50%;
padding:0;
list-style-type:none;
font-size:12px;
}

ul.latest li {
margin:0 0 10px 0;
padding:0;
line-height:17px;
font-weight:bold;
color:#bfbfbf;
}

ul.latest li a {
font-weight:normal;
color:#0099cc;
text-decoration:none;
}

ul.latest li a:hover {
text-decoration:underline;
}

Заранее спасибо :bl::bl:

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий