вот что я с ним сделал : http://sibavtoklimat.ru
Помогите сделать границы в выпадающем меню страниц, между заголовками.
Выпадающее меню страниц обеспечивается вызовом функции wp_list_pages() в header.php .
Функция wp_list_pages() на Форуме рассматривалась уже многократно.
Например, здесь – http://forum.maxsite.org/viewtopic.php?id=2913 … там есть полезные ссылки, где рассматривается функция wp_list_pages() .
Я считаю, что для решения проблемы надо в header.php вставить вот это:
а затем в 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 */
и появились полоски!!! правда чуть смещены в сторону , ну да ладно, главное есть!
СПАСИБО, КАЛИОСТРО!!!
Выпадающее меню страниц обеспечивается вызовом функции wp_list_pages() в header.php .
Функция wp_list_pages() на Форуме рассматривалась уже многократно.
Например, здесь – http://forum.maxsite.org/viewtopic.php?id=2913 … там есть полезные ссылки, где рассматривается функция wp_list_pages() .
Я считаю, что для решения проблемы надо в header.php вставить вот это:
а затем в CSS решить, что и каким цветом будет прописано.
Как именно записать? К сожалению, я – не спец в CSS.
Но есть пример с СSS, где верстается вертикальное меню, разделителем которого является двойная линия, состоящая из двух разных цветов (синий и белый) (код ниже). Что-то можно из этого кода использовать при решении вашей проблемы:
Спасибо, попоробую.
попробовал, в шапку не вставил код потому как там уже есть похожий код с другой функцией сортировки , как добавить новую незнаю.
помучав 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 */
и появились полоски!!! правда чуть смещены в сторону , ну да ладно, главное есть!
СПАСИБО, КАЛИОСТРО!!!