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
  #32  
Old 04-12-2011, 11:02 AM
Da-Vinci Da-Vinci is offline
 
Join Date: Mar 2010
Posts: 249
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by betts02 View Post
I have mine at public_html/forums/

The coder even tried to get this working but can ONLY get it working via the js files being on his host

All i get doing as you said and the original post is a image for RSS and the link, Nothing else works
If it works when the files are hosted on another server then it should work on your server, are you uploading the files to public_html/forums ?

Giving you this structure

Code:
www.yourforumlink.com/forums/js/jquery.js
www.yourforumlink.com/forums/js/bar.js
www.yourforumlink.com/forums/css/style.css
Edit:

Just checked http://www.nextgenerationgamers.co.u...s/js/jquery.js and the file is there so you have uploaded it correctly, I'm stumped why it wont work then???

Sorry bud, would have loved to have helped you out.
Reply With Quote
  #33  
Old 04-12-2011, 06:31 PM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Well i removed all the files then uploaded them to forums/test
changed the links in the code and placed in in my template and the default template but its not working
Reply With Quote
  #34  
Old 04-13-2011, 07:00 AM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Issue Solved

My hosting company supports javascript but NOT javascript applications

Well thats what they said anyway, So my re-newal is due up and looking for another hosting company
Reply With Quote
  #35  
Old 04-13-2011, 06:01 PM
mun3im's Avatar
mun3im mun3im is offline
 
Join Date: Apr 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by betts02 View Post
Issue Solved

My hosting company supports javascript but NOT javascript applications

Well thats what they said anyway, So my re-newal is due up and looking for another hosting company
i hope the best for you brother ^^
Reply With Quote
  #36  
Old 04-13-2011, 10:21 PM
RobbieZ RobbieZ is offline
 
Join Date: Jul 2008
Posts: 1,117
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I had the same problem as betts02 showing just the rss feed icon to the left.

I then followed your instructions for putting the code at the bottom of FORUMHOME and it works fine and dandy.

Question though, Why have you got a closed </html> tag at the end of your code but no starter for it?
Reply With Quote
  #37  
Old 04-14-2011, 06:54 AM
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
Posts: 910
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

After much looking around i have found its a problem with vbulletin and they way .js conflicts with other.js files on the same site
Reply With Quote
  #38  
Old 04-14-2011, 07:56 AM
mun3im's Avatar
mun3im mun3im is offline
 
Join Date: Apr 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by RobbieZ View Post
I had the same problem as betts02 showing just the rss feed icon to the left.

I then followed your instructions for putting the code at the bottom of FORUMHOME and it works fine and dandy.

Question though, Why have you got a closed </html> tag at the end of your code but no starter for it?
the prob of betts02 that is using too much js script .... but when i installed the mode in the other style its works + try to upload well the js script ^^ because your prob is on the js script okey brother
Reply With Quote
  #39  
Old 04-14-2011, 10:37 AM
RobbieZ RobbieZ is offline
 
Join Date: Jul 2008
Posts: 1,117
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by betts02 View Post
After much looking around i have found its a problem with vbulletin and they way .js conflicts with other.js files on the same site
How many have you got running betts02? I have at least 7 I can think of on mine but am still running 4.0.6!

Have you tried moving your code out of header and landing it in FORUMHOME or at least on another skin maybe for working purposes?
Reply With Quote
  #40  
Old 04-14-2011, 12:39 PM
mun3im's Avatar
mun3im mun3im is offline
 
Join Date: Apr 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by RobbieZ View Post
How many have you got running betts02? I have at least 7 I can think of on mine but am still running 4.0.6!

Have you tried moving your code out of header and landing it in FORUMHOME or at least on another skin maybe for working purposes?
i hope that update for 4.2.1 or higher its well +
RobbieZ the menu bar don't work if the script js is not working
Reply With Quote
  #41  
Old 05-13-2011, 10:12 PM
mun3im's Avatar
mun3im mun3im is offline
 
Join Date: Apr 2009
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuup
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 08:59 AM.


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.04820 seconds
  • Memory Usage 2,348KB
  • 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
  • (3)bbcode_code
  • (5)bbcode_quote
  • (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
  • (4)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
  • (3)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