Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Помогите разобраться с кодом и установить навигацию

Предыдущая тема Следующая тема Перейти вниз

Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 12:42

На скине все видно, куда я хочу поставить кнопки навигации, и где она находится.

Только у меня проблема с кодом css - сейчас навигация вообще исчезла pardon

Вот отрывок кода, отвечающий за меню:
Код:
.mainmenu {
margin-bottom: 80px;
margin-right:12px;
display:inline-block;
height:42px;
overflow:hidden;
vertical-align: top;
}


.mainmenu {
display:inline-block;
height:-42px;
overflow:hidden;
vertical-align: top;

display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;


}
a.mainmenu img {
margin-top:100px;
}
a.mainmenu img:hover{
margin-top: -42px;
}

Что нужно добавить/удалить чтобы расположить навигацию там, где я указала?

PS. еще здесь стоит код изменения картинки при наведении, можно ли его убрать, и заменить на прозрачность? (при наведении)

Заранее 13
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Ilya в Вс 27 Май - 14:52

А вот такие кнопки вам подойдут? http://help.forum2x2.ru/t16763-topic
Можно еще скрыть все кнопки и вставить картинки, по клику на которые вы будете переходить на нужные страницы.


Интересные ссылки: Правила форума   | Туториалы | Генератор заказов | Правила раздела "Стол заказов"

Администратор, как Фемида - в одной руке меч, в другой весы, ему постоянно приходится взвешивать свои решения, но хороший администратор всегда с завязанными глазами
avatar
Ilya
Помощник
Помощник

Мужчина

Сообщения : 3050
Возраст : 21
Регистрация : 2011-10-29
Благодарности : 1456

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 14:56

нет, это уже подменю, а мне нужно навигацию обычную)
просто я не знаю, из-за чего она скрыта - т.е. мне надо вернуть ее на форум (чтобы отображалась вообще) и установить на указанное место..)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Dana Domirani в Вс 27 Май - 15:15

Для анимации с прозрачностью при наведении двойные картинки не нужны. Я правильно понимаю, что Вам нужно меню из одинарных картинок, или вообще текстовое?

P.S. вот это надо убрать:
Код:
a.mainmenu img {
margin-top:100px;
}
a.mainmenu img:hover{
margin-top: -42px;
}
а это добавить:
Код:
a.mainmenu {
    position:relative;
    top: 100px;
    }

#page-body {
    padding-top: 100px;
    }



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 15:23

да, я это знаю) просто до этого у меня стояли двойные - верхняя из которых прозрачнее)

ДА, все правильно, мне нужно меню из одинарных картинок, в указанном месте.
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 15:32

Спасибо, Dana!
Только теперь походу еще один вопрос появился - как вот этот огромный пропуск убрать?

PS. ну и код для прозрачности, если можно)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Dana Domirani в Вс 27 Май - 15:36

Вот тут
#page-body {
padding-top: 100px;
}
подберите число поменьше.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 16:13

спасибо, все получилось! =)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Dana Domirani в Вс 27 Май - 16:21

А для изменения прозрачности при наведении добавьте:
Код:
a.mainmenu:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    }



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 16:32

Спасибо!
но только я опять накосячила слегка - сделала для всех ссылок пунктирное подчеркивание при наведении, но из-за этого теперь и кнопки подчеркиваются =( как исправить?
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 16:46

Не помогает =(

Может что-то не так с кодом?

Навигация:
Код:
.mainmenu {
margin-bottom: 80px;
margin-right:12px;
display:inline-block;
height:42px;
overflow:hidden;
vertical-align: top;
}


.mainmenu {
display:inline-block;
height:-42px;
overflow:hidden;
vertical-align: top;

display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}

a.mainmenu {
    position:relative;
    top: 100px;
    }

a.mainmenu:hover {
opacity: 0.5;
filter: alpha(opacity=50);
text-decoration: none !important;
}

#page-body {
    padding-top: 40px;
    }

ссылки:
Код:
/*оформление ссылок*/

pan.postdetails.poster-profile a{
text-decoration: none !important;
}
span.postdetails.poster-profile a:hover{
font-weight:700;
}
table.forumline span.gensmall strong{
font-weight: normal;
}
table.forumline span.gensmall b a.gensmall{
font-weight: normal;
}
a:hover{/*При наведении*/
font-weight:700 !important;/*ставали жирными*/
color: #0e5f14 !important;/*меняли цвет*/
text-decoration: none !important;/* Убираем обычное подчеркивание */
border-bottom: 1px dashed green /* Добавляем пунктирную линию под текстом */
}
table.forumline span.gensmall a{
text-decoration: none !important;
}

#page-footer a{
font-weight: 100 !important;
text-decoration: none !important;
}
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Dana Domirani в Вс 27 Май - 16:52

Добавьте в самый низ, так эти настройки станут "более приоритетными":
Код:
a.mainmenu:hover {
text-decoration: none !important;
border: none !important;
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22397
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9017

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Помогите разобраться с кодом и установить навигацию

Сообщение автор Le-Vamp в Вс 27 Май - 16:57

Спасибо большое, все вышло!)
avatar
Le-Vamp
 

Женщина

Сообщения : 162
Возраст : 19
Регистрация : 2012-05-02
Благодарности : 28

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения