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

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


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

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

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


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

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

Как оформить это меню на сайт ?

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

Как оформить это меню на сайт ?

Сообщение автор Сказочник Зазеркалья в Сб 15 Дек - 9:22

Здравствуйте girl_yes
Пожалуйста подскажите как оформить это меню на сайт ? 24
http://ruseller.com/lessons.php?rub=29&id=207
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Как оформить это меню на сайт ?

Сообщение автор Сказочник Зазеркалья в Сб 15 Дек - 16:33

UP
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Как оформить это меню на сайт ?

Сообщение автор Домовой в Сб 15 Дек - 17:50

В CSS
Код:
/* Всплывающее меню */
#menu_holder {
height:58px;
width:100%;
display:block;
position:absolute;
top:-58px;
z-index:999;
}

#nav {
height:58px;
width:542px;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/right10.png);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
padding:0;
}

#hit_area {
height:58px;
width:100%;
display:block;
margin:0;
padding:0;
}

#hit_area2 {
width:100%;
display:block;
position:absolute;
left:0;
top:58px;
margin:0;
padding:0;
}

#nav ul {
height:58px;
list-style-type:none;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/left10.png);
background-repeat:no-repeat;
margin:0;
padding:0 0 0 21px;
}

#nav li {
float:left;
margin:0;
padding:0;
}

#nav li a:link,#nav li a:active,#nav li a:visited {
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/middle10.png);
background-repeat:repeat-x;
height:58px;
width:100px;
display:block;
line-height:58px;
font-weight:700;
color:#666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:14px;
}

#nav li a:focus,#nav li a:hover {
text-decoration:none;
-moz-outline:0;
color:#FFF;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/rollov10.png);
background-repeat:repeat-x;
}
В шаблон overall_header после </head>

Код:
<script type="text/javascript" src="http://yourjavascript.com/061241522101/hide-menu.js"></script>

<div id="hit_area" onmouseover="toggleDown();"></div>
  <div id="menu_holder">
      <div id="nav">
          <ul>
          <li><a href="ссылка_1">название_1</a></li>
          <li><a href="ссылка_2">название_2</a></li>
          <li><a href="ссылка_3">название_3</a></li>
          <li><a href="ссылка_4">название_4</a></li>
          <li><a href="ссылка_5">название_5</a></li>
          </ul>
      </div>
</div>
<div id="hit_area2" onmouseover="toggleUp();">
avatar
Домовой
 

Мужчина

Сообщения : 6800
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3220

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

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

Re: Как оформить это меню на сайт ?

Сообщение автор Сказочник Зазеркалья в Сб 15 Дек - 18:26

@Домовой пишет:В CSS
Код:
/* Всплывающее меню */
#menu_holder {
height:58px;
width:100%;
display:block;
position:absolute;
top:-58px;
z-index:999;
}

#nav {
height:58px;
width:542px;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/right10.png);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
padding:0;
}

#hit_area {
height:58px;
width:100%;
display:block;
margin:0;
padding:0;
}

#hit_area2 {
width:100%;
display:block;
position:absolute;
left:0;
top:58px;
margin:0;
padding:0;
}

#nav ul {
height:58px;
list-style-type:none;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/left10.png);
background-repeat:no-repeat;
margin:0;
padding:0 0 0 21px;
}

#nav li {
float:left;
margin:0;
padding:0;
}

#nav li a:link,#nav li a:active,#nav li a:visited {
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/middle10.png);
background-repeat:repeat-x;
height:58px;
width:100px;
display:block;
line-height:58px;
font-weight:700;
color:#666;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:14px;
}

#nav li a:focus,#nav li a:hover {
text-decoration:none;
-moz-outline:0;
color:#FFF;
background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/rollov10.png);
background-repeat:repeat-x;
}
В шаблон overall_header после </head>

Код:
<script type="text/javascript" src="http://yourjavascript.com/061241522101/hide-menu.js"></script>

<div id="hit_area" onmouseover="toggleDown();"></div>
  <div id="menu_holder">
      <div id="nav">
          <ul>
          <li><a href="ссылка_1">название_1</a></li>
          <li><a href="ссылка_2">название_2</a></li>
          <li><a href="ссылка_3">название_3</a></li>
          <li><a href="ссылка_4">название_4</a></li>
          <li><a href="ссылка_5">название_5</a></li>
          </ul>
      </div>
</div>
<div id="hit_area2" onmouseover="toggleUp();">

Здравствуйте girl_yes
А как сделать так чтобы оно закрывалось назад ? smile
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Как оформить это меню на сайт ?

Сообщение автор Домовой в Сб 15 Дек - 19:00

у меня закрывается
http://domovoy.forumy2x2.ru/
avatar
Домовой
 

Мужчина

Сообщения : 6800
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3220

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

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

Re: Как оформить это меню на сайт ?

Сообщение автор Сказочник Зазеркалья в Сб 15 Дек - 19:04

@Домовой пишет:у меня закрывается
http://domovoy.forumy2x2.ru/
И вправду girl_yes
Видимо я что то не то сделал biggrin
Спасибо огромное за оказанную помощь cool
Темку можно закрывать clapping
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

Re: Как оформить это меню на сайт ?

Сообщение автор Домовой в Сб 15 Дек - 19:12

А я думаю что меню с чем то конфликтует.
Возможно с выпадающим меню.
avatar
Домовой
 

Мужчина

Сообщения : 6800
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3220

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

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

Re: Как оформить это меню на сайт ?

Сообщение автор Сказочник Зазеркалья в Сб 15 Дек - 19:21

@Домовой пишет:А я думаю что меню с чем то конфликтует.
Возможно с выпадающим меню.
Это точно girl_yes
Спасибо вам огромное за совет yes
avatar
Сказочник Зазеркалья
Дизайнер
Дизайнер

Мужчина

Сообщения : 3533
Возраст : 25
Регистрация : 2012-11-16
Благодарности : 690

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

http://help.forum2x2.ru

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

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


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