Jump to content

Помогите изменить менюшку!

Featured Replies

Posted
comment_55741

Здравствуйте помогите зделать меньше менюшку и верхний профиль.

1.Меню где навигация (Форум.пользователи.календарь.хотинг) зделать чуть поменьше. я примерно указал на скриншоте.

2.где увидомленя личные собщения зделать чтоб все было в одну строку Админ.Модер.Сообщения.Увидомленя.Ник.Выход, А не как сейчас.

post-16606-0-55640200-1392558135_thumb.j

comment_55742

ipb_styles.css

Ищешь

#header_bar {
background: #323232 url(__inki-guild.ru/public/style_images/minecraft/user_navigation.png) repeat-x bottom;
padding: 0 10px 0 10px;
text-align: right;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 450px;
margin: 0 0 0 740px;
position: fixed;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
z-index: 9999;
}

Меняешь на

#header_bar {
background: #323232 url(__inki-guild.ru/public/style_images/minecraft/user_navigation.png) repeat-x bottom;
padding: 0 10px 0 10px;
text-align: right;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 550px;
margin: 0 0 0 640px;
position: fixed;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
z-index: 9999;
}

Меню хз как, у тебя там странно прописано, я не понимаю.


upd.

 

Меню:

Ищешь (ipb_styles):

#primary_nav {
background: url(__inki-guild.ru/public/style_images/minecraft/nav_bg.png) center top no-repeat;
font-size: 13px;
width: 1150px;
margin: 0 0 10px 0;
padding: 0;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #121210),color-stop(0.89, #262425),color-stop(1, #3A3637));
background-image: -moz-linear-gradient(center bottom,#121210 3%,#262425 89%,#3A3637 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#232122', EndColorStr='#0e0c09');
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Заменяешь

#primary_nav {
height: 35px;
font-size: 13px;
width: 1150px;
margin: 0 0 10px 0;
padding: 0px;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #121210),color-stop(0.89, #262425),color-stop(1, #3A3637));
background-image: -moz-linear-gradient(center bottom,#121210 3%,#262425 89%,#3A3637 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#232122', EndColorStr='#0e0c09');
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

Ищешь

#primary_nav a {
color: #e9e9e9;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #121210),color-stop(0.89, #262425),color-stop(1, #3A3637));
background-image: -moz-linear-gradient(center bottom,#121210 3%,#262425 89%,#3A3637 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#232122', EndColorStr='#0e0c09');
display: block;
padding: 20px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
border-right: 1px solid #535353;
}

Меняешь

#primary_nav a {
color: #e9e9e9;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.03, #121210),color-stop(0.89, #262425),color-stop(1, #3A3637));
background-image: -moz-linear-gradient(center bottom,#121210 3%,#262425 89%,#3A3637 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#232122', EndColorStr='#0e0c09');
display: block;
padding: 10px;
text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
border-right: 1px solid #535353;
}
  • Author
comment_55771

Верхний бар неизминился проблема остается.

Меню изминилось но есть одна мелочь это кнопка Быстрый переход. её тоже нужно под размер!


Верхний бар сам зделал. Просто надо было заменить значение 

#header_bar .main_width { width:450px; } 

На значение 

#header_bar .main_width { width:550px; }

а также заменить как выше ответил Envy

#header_bar {
background: #323232 url(__inki-guild.ru/public/style_images/minecraft/user_navigation.png) repeat-x bottom;
padding: 0 10px 0 10px;
text-align: right;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 550px;
margin: 0 0 0 640px;
position: fixed;
-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
box-shadow: rgba(0, 0, 0, 0.58) 0px 5px 25px;
z-index: 9999;
}

Но ост проблема это кнопка Быстрый переход!

Edited by h1kS

  • Author
comment_55774

Так кнопочку доделал сам. Эсли кому надо что-б зделать её в размер с меню ищите вот это:

#primary_nav #quickNavLaunch { padding: 20px 8px 20px; }

И заменяйте на это:

#primary_nav #quickNavLaunch { padding: 10px 8px 10px; }

Envy

Спасибо за помощь. Вопрос решели)

Guest
This topic is now closed to further replies.

Последние посетители 0

  • No registered users viewing this page.