Помогите с шаблоном silver lexus, плиз…

вот что я с ним сделал : http://sibavtoklimat.ru
Помогите сделать границы в выпадающем меню страниц, между заголовками.

вот что я с ним сделал : http://sibavtoklimat.ru
Помогите сделать границы в выпадающем меню страниц, между заголовками.

Выпадающее меню страниц обеспечивается вызовом функции wp_list_pages() в header.php .
Функция wp_list_pages() на Форуме рассматривалась уже многократно.
Например, здесь – http://forum.maxsite.org/viewtopic.php?id=2913 … там есть полезные ссылки, где рассматривается функция wp_list_pages() .

Я считаю, что для решения проблемы надо в header.php вставить вот это:

<ul id="menu">
<?php wp_list_pages('depth=4&title_li='); ?>
</ul>

а затем в CSS решить, что и каким цветом будет прописано.

Как именно записать? К сожалению, я – не спец в CSS.

Но есть пример с СSS, где верстается вертикальное меню, разделителем которого является двойная линия, состоящая из двух разных цветов (синий и белый) (код ниже). Что-то можно из этого кода использовать при решении вашей проблемы:

ul {
  width: 150px;
  padding: 0 6px;
  background: #F2F7FD url(bg.gif) 0 100% repeat-x;
  border: 1px solid #C0D7FB;
  font-weight: bold;

  overflow: hidden; /* необходимо для того, чтобы
  спрятать верхний бордюр у первого пункта и
  нижний бордюр у последнего пункта */
}
li {
  list-style: none;
  background: url(bullet.gif) 4px 8px no-repeat;
  padding: 5px 0 8px 22px;

  border-top: 1px solid #C0D7FB; /* синяя линия */
  border-bottom: 1px solid #FFF; /* белая линия */
  margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт,
  в результате чего и достигается нужный эффект */
  height: 1%; /* для устранения бага в IE6 и IE7 */
}

Спасибо, попоробую.

попробовал, в шапку не вставил код потому как там уже есть похожий код с другой функцией сортировки , как добавить новую незнаю.
помучав CSS вставил вот так:
#nav li {border-top: 1px solid #0000ff;} /* синяя линия */
#nav li {border-bottom: 1px solid #FFF;} /* белая линия */
#nav li {margin: 0px 0 0px;} /* "нахлестываем" на предыдущий и следующий пункт,в результате чего и достигается нужный эффект */
#nav li {height: 1%;} /* для устранения бага в IE6 и IE7 */
и появились полоски!!! правда чуть смещены в сторону , ну да ладно, главное есть!
СПАСИБО, КАЛИОСТРО!!!

Anonymous
Отправить
Ответ на: