Как сделать что бы эти ссылки были расположены так-с:

Кто поможет - тому плюсик 
Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Меню, вертикальное расположение :)
Как сделать что бы эти ссылки были расположены так-с:

Кто поможет - тому плюсик 
Изучить CSS или взять код таблицы стилей с того форума
Эм... Я понимаю не в тему, но где можно научиться делать свой стиль (простите за тупость = =")
.Sue
Вот Генератор Стилей; здесь создай свой стиль.
Вот коды СSS для регулирование.
Как мне помнится, в своём стиле меняете свои настройки на эти:
/* D2 Page navigation
-------------------------------------------------------------*/
/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}
/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}
/* D2.3 */
#pun-pagelinks .container li {
display: inline
}
/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}
/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}
#pun-pagelinks li a span {
display:block;
margin: 0 1em
}
/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
border: none;
margin-bottom: 130px;
}
#pun-navlinks .container {
border: none;
margin: 0;
}
/* D3.2 */
#pun-navlinks .container {
padding-top: 20px;
padding-right: 120px;
height: 20px;
font-weight: bold;
text-align: right;
}
/* D.3 */
#pun-navlinks .container {
padding-top: 50px;
padding-bottom: 0px;
height: 130px;
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.4 */
#pun-navlinks li a {
font-size: 1.1em;
}
/* D4 User links
-------------------------------------------------------------*/
/* D4.1 */
#pun-ulinks {
margin-top: 0;
}
/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px;
white-space: nowrap;
}
/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}
/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}Отрегулировать расположение ссылок проблем не составит.
Ви
СПС! )))
.Sue
На сколько я знаю есть так же скрипт.))
Меламори Блимм
Наврятли... это скорее всего самый обыденный Css если начинаеться с тега <style> ))
ДА и вообще!) Есть несколько различных способов, как можно добиться этого эффекта...
И для этого потребуються минимальные знания Css и совсем чуть-чуть HTML.
Для всех вариантов по началу надо просто убрать меню но незабыть сделать резервные ссылки на них, и желательно оставить Администратирование.
Поехали:
1- это просто в таблицу поставить картинки с названием типа Форум Участники Правила Поиск Профиль Сообщения Администрирование Выход (Ну понятно что для каждой части меню своя картинка.) Потом к каждой картинке прикрепить ссылку, и все... Вариант довольно не сложный.
2- это сделать MAP-карту... (Уже для тех кто разбираеться.)
Вот блин... пока это все писал забыл какой третий вариант придумал.... 
AlikaRD
Честно не знаю, как это называется, посмотрите...
Блок панели навигации(хтмл-низ)
<style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 6px 0 0;
float : right;
}
#pun-navlinks .container {
background: transparent url(фоновая картинка);
border: 2px double #988448;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #FFFF00;}
#pun-navlinks a:hover {color : #7CFC00;}
</style>Блок панели пользоват. ссылок
<style>
#pun-ulinks, #pun-ulinks .container {
margin : -55px 0 0 6px;
float : left;
}
#pun-ulinks .container {
background: transparent url(Фоновая картинка);
border: 4px outset #988448;
}
#pun-ulinks.section {border-style: none; }
#pun-ulinks li, #pun-ulinks li a {
padding : 0 0.3em 0 0;
display : block;
border-style: none;
}
#pun-ulinks a {color : #FFFF00;}
#pun-ulinks a:hover {color : #7CFC00;}
</style><style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 6px 0 0;
float : right;
}
#pun-navlinks .container {
background: transparent url(фоновая картинка);
border: 2px double #988448;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #FFFF00;}
#pun-navlinks a:hover {color : #7CFC00;}
</style>
Если скрипты выглядят таким образом
<style>
Бла-бла-бла-бла.
..........................
..........................
..........................
..........................
..........................
</style>
То это Css 
Я вот сделала меню. Всё отлично, только появилась проблемка 
Как фон меню влево до конца подвинуть, и сделать его полупрозрачным.
Mikki
Как ты это делала?
Если через то, что я дала, то находишь вот такой пункт:
margin : -65px 6px 0 0;
верхний отступ
правый отступ.
Удалите, не туда написала
Отредактировано Tsunadetb (2010-01-02 17:14:43)
Меламори Блимм
Да через Ваше, но если менять эти параметры то меню двигается по шапке, а не фон внутри него.
Отредактировано Mikki (2010-01-02 17:18:02)
Я ПОНЯЛА!!!
Mikki
Значит вам надо просто картинку сделать больше! Из-за чего еще такое могло произойти я не знаю...
Измените размер картинки! 
как мне совместить шапку с навигацией и с 1
а то получается фигня Оо"
Юки Кимоно
В таком случае нужно баннер смещать вверх или вниз, ну или в сторону, как вам угодно в общем, а само меню подгонять выше. И вставляйте ее в html-верх что бы она была в шапке.
Спасибо! Как двигать вправо-влево тоже разобралась ^_____^...
Отредактировано Ташка (2010-08-18 04:13:07)
Отрегулировать расположение ссылок проблем не составит.
А вот для меня это проблема..
Я не могу поднять выше ссылки навигации и при этом не "поднимать" сам форум..
http://revival.anihub.ru/
Я не могу поднять выше ссылки навигации и при этом не "поднимать" сам форум..
Попробуйте найти в первом окне стиля и поменять выделенные цветом части
/* D3 Forum navigation
-------------------------------------------------------------*//* D3.1 */
#pun-navlinks {
position:absolute;
border: none;
left: 50%;
top: 167px;
margin-left:300px;z-index:1000;
}#pun-navlinks .container {
border: none;
margin: 0;
}/* D3.2 */
#pun-navlinks .container {
padding-top: 20px;
padding-right: 30px;
height: 20px;
font-weight: normal;
text-align: right;
}/* D.3 */
#pun-navlinks .container {
padding-top: 50px;
padding-bottom: 50px;
height: 50px;
font-family: ;
}.container #pun-navlinks li {
display: inline;
margin: 0.1%;
padding: 3px 4px 4px 4px;
border-left: 1px solid #fff;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}/* D4 User links
-------------------------------------------------------------*//* D4.1 */
#pun-ulinks {
margin-top: 200px;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}
Если не сложно, можно компактным кодом? А то я уже путаться начинаю, где что %)
Меламори Блимм
Cпасибо огромное! .)
Наконец - то получилось.
| Меню навигации вправо | Архив тем | 2010-01-05 |
| Помогите | Архив тем | 2010-08-08 |
| Как сделать так? | Архив тем | 2010-01-18 |
| Нужен скрипт < | Архив тем | 2010-01-31 |
| Система навигации < | Архив тем | 2010-02-10 |
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Меню, вертикальное расположение :)