регистрация
856материалов
3280комментариев
235тем на форуме
6813пользователей
Страница 1 из 11
Архив - только для чтения
Форум » Архивариус » Архив » Нужна помощь в блоках сайта (Съехал дизайн сайта после установки вертикального меню)
Нужна помощь в блоках сайта
Написал: Удаленный, в 11:38, 24.01.2017 | Сообщение #1
Всем доброго дня, после установки стороннего горизонтального меню, повело дизайн сайт, а именно:
1) кнопки и шрифт на вертикальном меню
2) не много повело слайдер на доске объявлений
3) страница добавления объявления.....
Ребята подскажите где в css исправить....и как правильно меню выронить по ширине сайта?
Ссылка на сайт

Скриншот:
http://pixs.ru/showimage/AshampooSn_5202012_24890752.png
http://pixs.ru/showimage/AshampooSn_9367181_24890762.png
http://pixs.ru/showimage/AshampooSn_9809652_24890781.png

Сам скрипт горизонтального меню:

Код
<style>
@font-face {
font-family: 'LigatureSymbols';
src: url('LigatureSymbols-2.05.eot');
src: url('LigatureSymbols-2.05.eot?#iefix') format('embedded-opentype'),
url('LigatureSymbols-2.05.woff') format('woff'),
url('LigatureSymbols-2.05.ttf') format('truetype'),
url('LigatureSymbols-2.05.svg#LigatureSymbols') format('svg');
font-weight: normal;
font-style: normal;
}
nav {
font-family: 'LigatureSymbols';
margin : 5px auto;
width : 800px;
}
ul {
border-radius : 3px;
margin:0;
padding:0;
}
ul:after , ul:before {
display : block;
content : '';
}
ul:after { clear : both; }
[color=#ff0000]li {
list-style-type : none;
background : linear-gradient(rgba(220,220,255,0.4) 85%, rgba(255,255,255,0.5) 100%);
float : left;
cursor : pointer;
padding : 3px 10px;
border-top : 2px solid rgba(200,200,255,0.5);
border-bottom : 2px solid rgba(50,50,50,0.4);
}[/color]
li:first-child { border-radius : 5px 0 0 5px; }
li:last-child { border-radius : 0 5px 5px 0; }
[color=#ff0000]li a {
display : block;
padding : 10px 13px;
font-size : 26px;
text-decoration : none;
border-radius : 5px;
position : relative;
top : 0;
color : #FFF;
transition : all .4s;[/color]
}
li:hover a {
top : -20px;
color : #4eacff;
background-color: #fff;
box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
transition : all .4s;
}
li a:after {
display : block;
content : '';
position : absolute;
top : 100%;
left : 42%;
border-style : solid;
border-color : transparent;
border-width : 5px 5px 0 5px;
transition : all .4s;
}
li:hover a:after {
border-color : white transparent transparent transparent;
transition : all .4s;
}
.menu2 { width : 1000px; }
.menu2 a {
font-family : georgia;
font-size : 15px;
font-style : italic;
text-transform : capitalize;
}
.menu2 li {
border-right : 1px solid rgba(200,200,255,0.5);
border-left : 1px solid rgba(40,40,40,0.2);
}
.selected {
top : -20px;
color : #4eacff;
background-color: #fff;
box-shadow : 0 0 5px 0 rgba(255, 255, 255, 0.7);
transition : all .4s;
}
.selected:after {
border-color : white transparent transparent transparent;
transition : all .4s;
}
</style>

<nav class="menu2">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="http://pets.ucoz.club/index/pitomniki_dlja_zhivotnykh/0-9">Питомники</a></li>
<li><a href="http://pets.ucoz.club/index/prijuty_dlja_zhivotnykh/0-8">Приюты</a></li>
<li><a href="http://pets.ucoz.club/board/vjazka_sobak/61">Вязка собак</a></li>
<li><a href="http://pets.ucoz.club/board/vjazka_koshek/62">Вязка кошек</a></li>
<li><a href="/gb">Отзывы</a></li>
<li><a href="/index/0-3">Почта</a></li>
<li><a href="http://pets.ucoz.club/index/nash_chat/0-10">Наш чат</a></li>
<li><a href="/">Првыило подачи объявления</a></li>
<li><a href="http://pets.ucoz.club/board/0-0-0-0-1">Добавить объявления</a></li>
<li><a href="http://pets.ucoz.club/board/veterinarnye_uslugi/54">Ветеренарные аптеки - поликлиники</a></li>
</ul>
</nav>

если я удаляю эти два стиля  (выделено расным) то у меня получается так:
http://pixs.ru/showimage/AshampooSn_8265390_24890870.png

ВОПРОС РЕШЁН - ТЕМУ МОЖНО ЗАКРЫВАТЬ...


Сообщение отредактировал: Nor_ton - Вторник, 24.01.2017, 15:58
Написала: В. Черникова, в 01:53, 05.02.2017 | Сообщение #2
Nor_ton,  сейчас видимо текст меню сократили.
собственно и правильно.

у меня так однажды тоже было.
тут вопрос в несовместимости габаритов вашей длины текста с высотой отступов самого меню, а так же и шириной контента общего в других местах сайта. поэтому и повело.
нужно подобрать либо нужную ширину и высоту чтобы текст умещался.
либо текст меню просто сократить потому что подобные скрипты редко рассчитываются на такую длину в меню, краткость и четкость. длинные тексты в меню ни к чему

Мой сайт; Мой uID профиль
Форум » Архивариус » Архив » Нужна помощь в блоках сайта (Съехал дизайн сайта после установки вертикального меню)
Страница 1 из 11
Поиск:
Правила чата
Закрыть мини-чат
+Открыть мини-чат
0