Go Back   vb.org Archive > vBulletin Modifications > vBulletin 4.x Modifications > vBulletin 4.x Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
rocket dock menu on forum:) [ jquery & Css ] support facebook & twitter + work on IE9 Details »»
rocket dock menu on forum:) [ jquery & Css ] support facebook & twitter + work on IE9
Version: 1.00, by mun3im mun3im is offline
Developer Last Online: Sep 2015 Show Printable Version Email this Page

Category: Forum Home Enhancements - Version: 4.1.2 Rating:
Released: 04-06-2011 Last Update: Never Installs: 17
Template Edits
Re-useable Code Additional Files  
No support by the author.



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
---------------------------

Download Now

File Type: zip rocketdock menu by Twi[L]ighT Dz.zip (248.9 KB, 219 views)

Screenshots

File Type: jpg rocketdock menu by Twi[L]ighT Dz.jpg (120.4 KB, 0 views)
File Type: png menu.png (26.3 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #42  
Old 05-16-2011, 09:19 PM
Special Pages Special Pages is offline
 
Join Date: Nov 2010
Location: www.TheDiscussionCafe.com
Posts: 194
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

To tell you the truth, it looks pretty good.
Reply With Quote
  #43  
Old 05-20-2011, 09:11 AM
fxwoody's Avatar
fxwoody fxwoody is offline
 
Join Date: Jun 2010
Location: On Earth
Posts: 291
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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!
Attached Images
File Type: jpg cover.jpg (86.5 KB, 0 views)
Reply With Quote
  #44  
Old 07-16-2011, 06:06 AM
FReeSTER FReeSTER is offline
 
Join Date: Jun 2006
Location: Rome
Posts: 730
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

how to add multi links per image? can that be posible?
Reply With Quote
  #45  
Old 07-19-2011, 08:03 AM
doctorsexy's Avatar
doctorsexy doctorsexy is offline
 
Join Date: Mar 2011
Location: earth
Posts: 383
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Got it to work on 4.1.4... with a bit of head scratching... smashin... thank you
Reply With Quote
  #46  
Old 07-22-2011, 01:43 AM
Macgiber Macgiber is offline
 
Join Date: Apr 2009
Location: PR
Posts: 81
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Install
Reply With Quote
  #47  
Old 07-24-2011, 10:12 AM
gyancentral gyancentral is offline
 
Join Date: Jan 2011
Posts: 23
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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
Reply With Quote
  #48  
Old 07-24-2011, 04:27 PM
doctorsexy's Avatar
doctorsexy doctorsexy is offline
 
Join Date: Mar 2011
Location: earth
Posts: 383
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Think its this you have to alter .... itemWidth: 40,
Reply With Quote
  #49  
Old 12-08-2011, 07:32 AM
kfyonur kfyonur is offline
 
Join Date: Apr 2008
Posts: 177
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

it doesn't work on 4.1.8..it seems like that.
Attached Images
File Type: jpg lkethat.jpg (128.6 KB, 0 views)
Reply With Quote
  #50  
Old 12-08-2011, 08:59 AM
doctorsexy's Avatar
doctorsexy doctorsexy is offline
 
Join Date: Mar 2011
Location: earth
Posts: 383
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You have a jquery conflict...
Reply With Quote
  #51  
Old 12-08-2011, 09:27 AM
kfyonur kfyonur is offline
 
Join Date: Apr 2008
Posts: 177
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

what can i do ?
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:05 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04609 seconds
  • Memory Usage 2,338KB
  • 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