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

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

Как сделать такое меню? Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» ВПН
автор Danny_Marcelo Сегодня в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

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

Участников: 3

Перейти вниз

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

Сообщение автор Gamatos Январь 4th 2012, 22:34

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

Спасибо!
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

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

Сообщение автор molniya Январь 4th 2012, 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 (Январь 4th 2012, 23:13), всего редактировалось 1 раз(а)
avatar
molniya
 

Мужчина

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

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

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

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

Сообщение автор Sunnyta Январь 4th 2012, 22:56

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

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

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

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

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

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

Сообщение автор molniya Январь 4th 2012, 23:16

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

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

Мужчина

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

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

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

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

Сообщение автор Gamatos Январь 5th 2012, 01:24

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

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

Как сделать такое меню? JPGww
Gamatos
Gamatos
Активист

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

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

Сообщение автор molniya Январь 5th 2012, 09:58

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

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

Мужчина

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

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

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

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

Сообщение автор Gamatos Январь 5th 2012, 10:43

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

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

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

Сообщение автор molniya Январь 5th 2012, 11:36

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

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

Мужчина

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

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

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

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

Сообщение автор Gamatos Февраль 21st 2012, 16:48

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

Мужчина

Сообщения : 1279
Возраст : 32
Регистрация : 2009-11-06
Благодарности : 189

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

https://www.forum2x2.ru/forum

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

Вернуться к началу


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