Как сделать меню навигации в столбик?
Берете у нас информацию? ПОЖАЛУЙСТА!!! СТАВЬТЕ ССЫЛКУ НА ЭТУ СТАНИЦУ!
В style.css находим пункт "D3 Forum navigation"
удаляем все, что числится под D3 и вставляем следующее:
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border: none;
margin-bottom: 142px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 4px;
padding-right: 23px;
height: 0px;
font-weight: bold;
text-align: right;
}
/* D.3 */
#pun-navlinks .container {
padding-top: 7px;
padding-bottom: 10px;
height: 16px;
font-family: comic sans ms;
}
.container #pun-navlinks li {
display: inline;
margin: 0.1%;
padding: 3px 4px 4px 4px;
border-left: 1px solid #fff;
}
Подробнее о настройке
/* D3.1 */
#pun-navlinks {
border: none;
margin-bottom: 142px;
}
Этот блок управляет расположением меню пользователя (в котором "Новые сообщения", "Активные темы", "Темы без ответов" и т.п.)
Цифра - это отступ сверху для расположения меню пользователя.
/* D3.2 */
#pun-navlinks .container {
padding-top: 4px;
padding-right: 23px;
height: 0px;
font-weight: bold;
text-align: right;
}
Этот блок управляет расположением "столбика" ссылок.
1. Если хотите, чтобы столбик был слева, то вставляйте следующее:
#pun-navlinks .container {
padding-top: 4px;
padding-left: 23px;
height: 0px;
font-weight: bold;
text-align: left;
}
Если хотите, чтобы столбик был справа, то вставляйте следующее:
#pun-navlinks .container {
padding-top: 4px;
padding-right: 23px;
height: 0px;
font-weight: bold;
text-align: right;
}
2. Отступ от края шапки настраивается следующим образом:
padding-left/right: 23px;
синее - это выбранное вами по пункту 1 расположение
красное - это сам отступ
3. Настраиваем стиль текста
font-weight: bold/italic/normal;
bold - жирный
italic - курсив
normal - нормальный
/* D 3.3 */
#pun-navlinks .container {
padding-top: 7px;
padding-bottom: 10px;
height: 16px;
font-family: comic sans ms;
}
Этот блок так же управляет расположением ссылок навигации.
padding-top: 7px; - отступ сверху
padding-bottom: 10px; - отступ снизу
height: 16px; - допустимая высота столбика
font-family: comic sans ms; - шрифт текста (можно удалить эту строчку, если не хотите стилизовывать шрифт текста ссылок)
Отредактировано Герда (28.10.12 02:32)
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.