Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

В тему с одним sidebar добавить второй правый sidebar

#1 Nerovinger

Nerovinger
  • Пользователь
  • 2 сообщений
  • Репутация: 0
0

Отправлено 20 Май 2014 - 22:49

Имеется тема с одним левым sidbar'ом . Понадобилось добавить правый sidebar . Вроде все получилось ,но новый добавленный sidebar висит не паралельно левому ,а ниже. И как их выровнять не могу понять. Подскажите. Знаю что там мелочь какая-то но зашел в тупик.

Прикрепил картинку как оно выглядит ,и файлы из темы functions.php , sidebar-left.php , sidebar-right.php , style.css ,

В functions.php вставлен такой код:
 

if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name'=>'Left Sidebar',
        'before_widget' => '<div class="widg">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title"><h1>',
        'after_title' => '</h1></div>',
    ));
   
    if ( function_exists('register_sidebar') )
    register_sidebar(array(
    'name'=>'Right Sidebar',
        'before_widget' => '<div class="widg">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title"><h1>',
        'after_title' => '</h1></div>',
    ));

в sidebar-left.php :
 

<?php   /* Widgetized sidebar, if you have the plugin installed. */
        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Left Sidebar') ) : ?>


в sidebar-right.php :

<?php   /* Widgetized sidebar, if you have the plugin installed. */
        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Right Sidebar') ) : ?>

style.css выглядит так:

/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
    float: left;
    width: 207px;
    position: relative;
    ;
    color: #878972;
}
 
.sl .sb_padd{padding: 12px 0 0 12px;}
 
.sidebar .title{ width: 100%; line-height: 30px; text-align: center; color: #878972; margin: 0 0 10px; background: #E9EADD;}
.sidebar .title h1{ font-size: 14px; }
.sidebar ul{ padding: 10px; line-height: 26px; }
.sidebar ul li{ background: url(images/side_bullet.gif) no-repeat left 9px; padding: 0 0 0 15px; border-top: 1px solid #E9EADD;}
.sidebar p{ margin: .4em 10px; }
.sidebar img{ margin: 5px auto;}
 
.sidebar .widg{ background: #F9F9F1; margin: 0 auto 8px; border: 1px solid #EFEFE4;}
 
.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover{color: #878972; text-decoration: underline;}
.sidebar a:hover{ text-decoration: none;}
 
/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
    float: right;
    width: 207px;
    position: relative;
    margin-right: -390%;
    color: #878972;
}
 
.sr .sb_paddr{padding: 12px 12px 0 0;}
 
.sidebar .title{ width: 100%; line-height: 30px; text-align: center; color: #878972; margin: 0 0 10px; background: #E9EADD;}
.sidebar .title h1{ font-size: 14px; }
.sidebar ul{ padding: 10px; line-height: 26px; }
.sidebar ul li{ background: url(images/side_bullet.gif) no-repeat left 9px; padding: 0 0 0 15px; border-top: 1px solid #E9EADD;}
.sidebar p{ margin: .4em 10px; }
.sidebar img{ margin: 5px auto;}
 
.sidebar .widg{ background: #F9F9F1; margin: 0 auto 8px; border: 1px solid #EFEFE4;}
 
.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover{color: #878972; text-decoration: underline;}
.sidebar a:hover{ text-decoration: none;}

Вывод на страницы организован так:

<div class="sidebar sl"><div class="sb_padd">
        <?php include (TEMPLATEPATH . '/sidebar-left.php'); ?>
        <div class="sidebar sr"><div class="sb_paddr">
        <?php include (TEMPLATEPATH . '/sidebar-right.php'); ?>
        </div></div></div></div><!-- .sidebar.sl -->

Прикрепленные изображения

  • site1.JPG

Прикрепленные файлы

  • Прикрепленный файл  benny.rar   4,03К   Количество загрузок: 59

 

 

  • 0

#2 orpix

orpix
  • Пользователь
  • 100 сообщений
  • Репутация: 0

Отправлено 01 Июнь 2014 - 08:59

может так?100px написал просто так вы сами подгоните под свой шаблон.Если не прав,поправьте меня)

.sr {

margin-top:-100px;

}


  • 0

#3 Nerovinger

Nerovinger
    Topic Starter
  • Пользователь
  • 2 сообщений
  • Репутация: 0

Отправлено 03 Июнь 2014 - 15:40

пробовал. никаких изменений.У меня уже и идей нет. Пока закинул это дело со вторым сайдбаром до лучших времен. Хотя кровь из носа он мне в будущем понадобится.

Единственное что двигает вверх правый сайтбар это измененик margin в этой строке:

.sidebar .widg{ background: #F9F9F1; margin: 0 auto 8px; border: 1px solid #EFEFE4;}

Но при добавлении виджета в левый сайтбар ,правый опять опускается вниз. как будто он находится под левым но расположен по правому краю.


  • 0


Оформление форума – IPBSkins.ru