The Arcive of Official vBulletin Modifications Site.

About Developer · **Released**: 04-06-2011

hi how are you all
my first post on vbulletin i'm happy to be with you ^^
so to day i have make changes & developments on rocket-dock menu [ jquery & Css ]
to support vb4

i have added facebook & twitter + support internet explorer 9
see example :

demo: click here

install :
======>first:
upload files to [VB] folder on your forum

======>second:
you need to change on templates

1- If you want to display the rocket-dock below the header place the code at the end of template [header]
2-If you want to display the rocket-dock only in the home just insert the code at the end of template [forumhome]
3-If you want to display the menu in all pages + like the example,
Place the code after the word

Code:

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

in the [ navbar ] template

code:

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>

don't forget to put your links

i hope you enjoy this

+ if you install plz click install
THANKS YOU ^^
---------------------------
By Twi[L]ighT Dz
---------------------------

Special Pages · #42 05-16-2011, 09:19 PM

To tell you the truth, it looks pretty good.

fxwoody · #43 05-20-2011, 09:11 AM

If anyone interested, i rewrote the scripts to work on every forum pages under the navbar.
Just follow the instructions within the files.

Hope it helps out a few

Works fine in my 4.1.3

***EDITED***

I removed my attachment because it's not working well!

FReeSTER · #44 07-16-2011, 06:06 AM

how to add multi links per image? can that be posible?

doctorsexy · #45 07-19-2011, 08:03 AM

Got it to work on 4.1.4... with a bit of head scratching... smashin... thank you

Macgiber · #46 07-22-2011, 01:43 AM

Install

gyancentral · #47 07-24-2011, 10:12 AM

The template modification is excellent.
It works well not only with vbulletin but also with wordpress and joomla too.
I wanted one help.
When you move your curson on the icon.the png image inserted over there pops out.
So i wanted to tell that is it possible to reduce the height of the popping..
Because as you can say in the image below the text written beneath the modification overlaps the forum..So if you can tell me some way in order to reduce the popping effect.
It will be thankfull to me..

And one more thing instead of this effect if you can add some effects like as you can see in this pic when an icon is clicked it shows a dropping effect unlike in mac os x.Since the template modification was made with the help of jquery it would be possible to create such type of effects.If possible then please do let everyone know about me.

The Post was ausumn..its better than an icon navbar.
Thanks once again

doctorsexy · #48 07-24-2011, 04:27 PM

Think its this you have to alter .... itemWidth: 40,

kfyonur · #49 12-08-2011, 07:32 AM

it doesn't work on 4.1.8..it seems like that.

doctorsexy · #50 12-08-2011, 08:59 AM

You have a jquery conflict...

kfyonur · #51 12-08-2011, 09:27 AM

what can i do ?

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06216 seconds Memory Usage 2,334KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (2)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (5)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!