Панель навигации

Как расширить высоту панели навигации?





css шаблона:

Код:

a {
  text-decoration: none !important;
}
a:hover {
  text-decoration: underline !important;
}
#pun-title {
padding: 0;
min-width: 320px;
width: 100%;
}
#pun-title h1,  #pun-title {
font-size: 28px;
display: inline;
}
p#pun-desc {
color: #666;
font-size: 16px;
display: inline;
padding: 0 5px;
}
#pun-head, #pun-intro {
left: 0;
right: 0;
position: fixed;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
#pun-intro {
top: 0;
height: 65px !important;
z-index: 21;
padding: 0 10px;
line-height: 65px;
}
#pun-head {
top: 65px;
height: 35px;
line-height: 24px;
z-index: 20;
}
#page-body {
margin-top: 120px;
}
#pun-head #pun-navlinks {
padding: 0;
line-height: 35px;
}
#pun-head #pun-navlinks a {
color: #ffffff !important;
opacity: 0.5;
margin: 0px 0px 0px 10px;
font-size: 14px;
}
#pun-head #pun-navlinks a:hover {
opacity: 1;
}
.pun {
min-width: 320px;
padding: 0;
}
body {
overflow-x: hidden;
}
#content-container div#right {
position: fixed;
right: -234px;
width: 240px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
background: #ffffff;
}
#content-container div#right:hover {
right: 0;
}
#content-container div#container {
margin-right: 0;
}
#content-container div#content {
margin-right: 0;
}

#content-container div#right, #pun-head #pun-navlinks a, #pun-about, #pun-visit, #pun-info, #pun-info #stats, #pun-info #onlinelist, .post-options.profile_left {
transition: .3s ease all;
-o-transition: .3s ease all;
-moz-transition: .3s ease all;
-webkit-transition: .3s ease all;
}
.module .main-content {
height: 0px;
padding: 0px 8px;
border: 0px none;
transition: .3s 0.5s ease all;
-o-transition: .3s 0.5s ease all;
-moz-transition: .3s 0.5s ease all;
-webkit-transition: .3s 0.5s ease all;
}
.module:hover .main-content {
height: 300px;
overflow: auto;
}
div[style="height:4px"] {
height: 1px !important;
}
.module .main-head {
color: white;
}
.gadget-icon {
position: absolute;
margin-top: -5px;
margin-left: -34px;
}
.module .main-head .h3 {
padding-left: 20px;
}
.module .main-head .h3 {
padding-left: 20px;
height: 18px;
overflow: hidden;
}
#comments_scroll_div {
overflow: hidden !important;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2,  button.button2, input.button2 {
padding: 2px 3px;
border-radius: 3px;
}
.options a img {
border-radius: 50%;
box-shadow: 0 0 5px white;
background: #CCC;
}
.pun .posthead {
border-bottom: none;
}
.postfoot {
border-top: none;
}
#pun-about, .post-options.profile_left {
font-size: 10px;
opacity: 0.5;
}
#pun-about:hover, .post-options.profile_left:hover {
opacity: 1;
}
#pun-about, #pun-visit, #pun-info, #pun-info #stats, #pun-info #onlinelist {
background: transparent;
border: 1px solid transparent;
}
#pun-about:hover, #pun-visit:hover, #pun-info:hover, #pun-info:hover #stats, #pun-info:hover #onlinelist {
background: #F4F4F4;
border: 1px solid #DDD;
}
.frm-buttons {
margin-bottom: 1.3em;
}

См. тут:

Код:

#pun-head {
top: 65px;
height: 35px;
line-height: 24px;
z-index: 20;
}

значения height и line-height увеличьте до необходимого размера.

Дана спасибо большое!  Но в данном шаблоне не работает поиск,жму на кнопку а он не раскрывается.

Это из-за маскировки всех элементов, выходящих за пределы меню навигации:

#pun-head, #pun-intro {
left: 0;
right: 0;
position: fixed;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
overflow: hidden;
}

Это нужно удалить? что бы поиск работал. Что может произойти? если я удалю данный код.

Нужно удалить в указанном фрагменте css строку, выделенную красным цветом (только ее!)
В результате перестанут скрываться элементы, находящиеся в меню навигации, но выходящие за его пределы (как выплывающее окно поиска, например).

Ещё пару вопросов.

1.В CSS данного шаблона, что нужно убрать? что бы эти белые круги не были вокруг картинок:

2..В CSS данного шаблона, что нужно убрать? что бы скобки не скрывались:

P.S Данный шаблон мне понравился цветовой палитрой.Спасибо большое за него! (даже свой передумал делать).Но хотелось бы сделать его под свой вкус  

1. Эти круги можно убрать с помощью графических редакторов (ПА - Оформление - Управление картинками - Продвинутый режим - Иконки тем - Удалить тему ... - меняйте изображения.)

2. Не совсем понял, что вы хотите. Можно по подробнее?

1.Нет уважаемый вы не правы.Эти картинки уже изменены и выглядят нормально,но если вставить CSS код данного шаблоно до возле этик картинок появляются эти белые круги.

2.При наведении на дабличку она спускаеться вниз и видна аватарка.Я хочу что бы она сразу была видна (аватарка) что бы она не спускалась.

1. Форум закрыт для просмотра, даже зарегистрироваться нельзя.
2. Ссылку на страницу дайте.

1.Зачем вам регистрироваться? Мои картинки стоят без этих белых окружностей.Но код из CSS из делает как на скриншоте.СКАЖУ ДОХОДЧИВО : Убераю весь код CSS картинки нормальные.Вставляю CSS код, картинки в белых руглишках.

Собственно вопрос из 1 поста.Что нужно убрать? что бы этих круглишков небыло.

2.На скриншоте видно табличку "Администратор" я на неё навожу мышку и табличка раскрыается опускаесь вниз тем самым вдно аватарку.Когда я отвожу мышку,табличка опять
закрыается.

ув.Дана может вы мне поможете?

Создать новую тему не так уж и трудно
1.

Код:

.options a img {
    border-radius: 50%;
    box-shadow: 0 0 5px white;
    background: #CCC;
    }

Всему виной кодик этот.

2. А это, вроде бы, связано с этим:

Код:

   #content-container div#right, #pun-head #pun-navlinks a, #pun-about, #pun-visit, #pun-info, #pun-info #stats, #pun-info #onlinelist, .post-options.profile_left {
    transition: .3s ease all;
    -o-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    }

Убрать transition. Ну или я вообще ничего не понял  

это можно сделать с помощью фотошопа просто кнопки сделать большими Например: ширина 100, а высота 500 и картинку на самый ныз поставить!
и фон прозрый
от сайт: http://animashnik.do-talk.com/forum
а от картинка:

Рито Девелюк !,вы конечно простите но если вы не поняли суть вопроса,зачем давать советы?

Пишу конкретней т.к даже Илья тупит...

По стандарту! мои кнопки выглядят так: ОНИ В ФОРМАТЕ PNG т.е прозрачные!

Теперь я беру CSS код (он из 1 топика) одного из шаблонов Histing и ставлю себе на форум.После чего вокруг моих картинок появляються эти белые круги.

КАК ИХ УБРАТЬ?

Люди помогите мне пожалуйста  

Волшебник пишет:Люди помогите мне пожалуйста  

Это не помогло?
https://help.forum2x2.ru/t33605-topic#235953

1.Этот код нужно удалить? или что то из этого кода?

2.Нет не помгло...

1.

В CSS данного шаблона, что нужно убрать? что бы эти белые круги не были вокруг картинок

Убрать.

2. Вы полностью удаляли код? Если б вы только открыли свой форум и дали более подробное описание вашей проблемы.