[4.1.x] rocket dock menu on forum:)

12-19-2011, 04:16 PM

[ jquery & Css ] support facebook & twitter + work on IE9

Результат:

Демо:
http://about-elf.ru/content.php

Установка:

1. Залить все файлы из папки VB к себе на фтп:

2. Нам нужно будет поправить один шаблон:
2.1 Если хотите, чтоб меню было рядом с лого, то правим шаблон header
2.2 Если хотите, чтоб меню было только на главной странице форума, то правим forumhome

Находим в этих шаблонах:

Code:

[ </div><!-- closing div for above_body --> ]

И добавляем после него наш код:

Code:

<!--- rocketDock Menu developed and Translated to Arabic By Twi[L]ighT Dz , www.shba7.cc/vb  -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Mac Dock</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bar.js"></script>

<!--[if lt IE 7]>
 <style type="text/css">
 div, img { behavior: url(iepngfix.htc) }
 </style>
<![endif]-->

<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="dock" id="dock">
  <div class="dock-container">
  <a class="dock-item" href="your link here"><img src="images/home.png" alt="home" /><span>home</span></a> 
  <a class="dock-item" href="your link here"><img src="images/email.png" alt="contact us" /><span>contact us</span></a> 
  <a class="dock-item" href="your link here"><img src="images/portfolio.png" alt="usercp" /><span>usercp</span></a> 
  <a class="dock-item" href="your link here"><img src="images/fb.png" alt="facebook" /><span>follow as on facebook</span></a> 
  <a class="dock-item" href="your link here"><img src="images/tw.png" alt="twitter" /><span>follow as on twitter</span></a> 
  <a class="dock-item" href="your link here"><img src="images/history.png" alt="time" /><span>time</span></a> 
  <a class="dock-item" href="your link here"><img src="images/calendar.png" alt="calendar" /><span>calendar</span></a> 
  <a class="dock-item" href="your link here"><img src="images/rss.png" alt="rss" /><span>RSS</span></a> 
</div>
</div>
<script type="text/javascript">
    
    $(document).ready(
        function()
        {
            $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign : 'center'
                }
            )
        }
    );

</script>
</body>
</html>

Не забудьте вставить свои ссылки.

Автор: By Twi[L]ighT Dz
Тема на орге

12-19-2011, 04:55 PM

Quote:

Originally Posted by AntiPiton

work on IE9

а на шестом?

12-19-2011, 04:57 PM

Luvilla, у меня IE 8, где найти 6 - я не знаю ))
Если есть, можно зайти на тестовый форум и глянуть что к чему

12-19-2011, 05:42 PM

AntiPiton, я, как счастливый пользователь убунту, лишена всех прелестей всех ешаков, вместе взятых

12-19-2011, 05:56 PM

спрошу еще раз в этой теме
зачем доктайп и теги боди, хид и хтмл в добавляемом коде?
==

6 ешак

12-19-2011, 06:00 PM

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

12-19-2011, 06:04 PM

пардон
код выложен как модификация для воблы
для пользователей воблы
на форуме о вобле

и меня всегда поражали такие комменты на "орге"

Quote:

Awesome job

ахринительная до необычайности работа

Quote:

Originally Posted by betts02

would love to get this working

означает буквально следующее: "у меня кривые руки, но как хотелось бы, что бы он заработал" (видимо сам, без вмешательства со стороны админа)

Quote:

I have exactly the same issue as betts02. I hope we can get this to work. Really awesome addition

"у меня тоже кривые руки, как и у постера выше, а так и правда, работа проделана гигантская"

ну и так далее в том же духе...

12-19-2011, 06:35 PM

kerk, на ишакеохрененно))

12-20-2011, 04:26 PM

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

12-20-2011, 04:30 PM

pentagon, это гостям только, когда вы залогинены вы видете все кнопки.