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

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


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

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

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


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

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

Как сделать такое меню?

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

Как сделать такое меню?

Сообщение автор Gamatos в Ср 4 Янв - 22:34

Вот это меню: http://i.imgur.com/5Se7E.png
Оно тут: http://digital-gnosis.info/

Спасибо!

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

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

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор molniya в Ср 4 Янв - 22:48

Первый код ставь в виджет, картинки и ссылки на страницы установишь свои

Код:
<center><span onmouseout="stop=1; imn=0; g();">
<a href="адрес страници">
<img id="i1" src="ссылка на картинку" alt="ajax" width="50" onmouseover="stop=1; imn=1; g();">
</a>
<a href="адрес страници">
<img id="i2" src="ссылка на картинку" alt="php" width="50" onmouseover="stop=1; imn=2; g();">
</a>
<a href="адрес страници">
<img id="i3" src="ссылка на картинку" width="50" alt="javascript" onmouseover="stop=1; imn=3; g();">
</a>
<a href="адрес страници">
<img id="i4" src="ссылка на картинку" width="50" alt="html" onmouseover="stop=1; imn=4; g();">
</a></center>

второй код ставь в HTML & JAVASCRIPT

Код:
var imn;
var icount = 4;    // image count
var iw = 50;      // start width
var iw2 = 80;      // end width
var ih = 50;      // start height
var ih2 = 80;      // end height
var stop;

function g() {
   for(i=1;i<=icount;i++) {
      var im = document.getElementById("i"+i);
      if(imn!=i) {         
         im.width=(im.width>=iw)?(im.width-2):im.width;
         im.height=(im.height>=ih)?(im.height-2):im.height;
      }
      else {
         im.width=(im.width<=iw2)?(im.width+2):im.width;
         im.height=(im.height<=ih2)?(im.height+2):im.height;
      }
   }
   if(stop<iw2-iw || stop<ih2-ih) {setTimeout("g()", 20); stop++;}
}


вот пример работающий менюшки http://rrc-club.chudoforum.ru/


Последний раз редактировалось: molniya (Ср 4 Янв - 23:13), всего редактировалось 1 раз(а)

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Как сделать такое меню?

Сообщение автор Sunnyta в Ср 4 Янв - 22:56

Отличное меню! smile
А как добавить над картинкой надпись?

Sunnyta
 

Сообщения : 1580
Регистрация : 2008-03-20
Благодарности : 63

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

http://www.sun-place.com/

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

Re: Как сделать такое меню?

Сообщение автор molniya в Ср 4 Янв - 23:16

Я гадал гадал так и ничего не получилось с надписью. Само интересно эта загадка как установить обозначения. Может кто по умнее подскажет???

Я думаю единственный вариант на кнопках нанести надпись через фотошоп. Если конечно нет выхода.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Чт 5 Янв - 1:24

molniya, благодарю. Да может кто поможет с надписью.

И как убрать _ вот:


Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

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

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор molniya в Чт 5 Янв - 9:58

Gamatos Я по скриптам далёк, и чем смог тем и помог. у меня на форуме одна черточка виднеется, и то её почти не видно. Но я незнаю почему у тебя аш три чёрточки. Вот источник, может там что будет понятно.

http://easywebscripts.net/javascript/slicemenu.php

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Чт 5 Янв - 10:43

Да, там гораздо круче передвигается кстати тут тоже http://blogthea.gr/content/

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

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

http://www.forum2x2.ru/forum

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

Re: Как сделать такое меню?

Сообщение автор molniya в Чт 5 Янв - 11:36

@Gamatos пишет:Да, там гораздо круче передвигается кстати тут тоже http://blogthea.gr/content/

Gamatos а ты попробуй спроси у админа этого форума.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

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

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

Re: Как сделать такое меню?

Сообщение автор Gamatos в Вт 21 Фев - 16:48

Есть у кого ответ по лучше?

Gamatos
Активист

Мужчина

Сообщения : 1280
Возраст : 24
Место обитания : Греция/Афины
Регистрация : 2009-11-06
Благодарности : 188

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

http://www.forum2x2.ru/forum

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

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


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