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 :
https://vborg.vbsupport.ru/attachmen...1&d=1302210414

demo: click here

install :
======>first:
upload files to [VB] folder on your forum
https://vborg.vbsupport.ru/attachmen...1&d=1302210414

======>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
in the [ navbar ] template

code:

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

Originally Posted by rammieone (Post 2182094) Great work and simple install thank you :)

Originally Posted by betts02 (Post 2182214) I have done that mate But all thats coming up is the RSS image and link as you can see I have tried to view this in crome and IE8 but it just seems as though the JS aint working If i view page source it has ecerything there that should be, But for some reason its niot working

Originally Posted by rammieone (Post 2182212) Betts open the zip file and extract it then inside this you will have a few items like css folder images folder etc upload these to your ftp inside the main forum folder (the one with your admin cp folder and archive folder is located you should be good to go then mate!

we will find the solutions don't worry brothers :)

Originally Posted by thr45h3r (Post 2182490) Awesome job :) Easy install and I've even put my own custom .png's to match my board theme and color Also added some icons for easy navigation for my members :) Chrome works fine for me A+++ Installed

http://www.nextgenerationgamers.co.uk/forums/
with the power of god i have fix the problems

so for any one who got prob with having to many script jquery on forum he have to use this code :


the deference between the first code and the second is :

first code : you upload script js to host ( if you have too many script it will be a prob because some scripts will stop )

second code : to resolve the issue we call the scripts js from another host so i put from my own website + u can make changes always ;)


i hope that be helpful brother if you need something eals just ask from me

Originally Posted by mun3im (Post 2183359) the rocketdock don't work when there is other jguery script in the same template so try to update the jquery script that you use to the last update and it will help ^^

---

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

---

---

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

---

Originally Posted by Da-Vinci (Post 2183637) Works fine for me but the way I found it best to implement this was to do the following. In your Header Template add this to the very top. HTML Code: <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" /> Then in your Navbar Template add this. HTML Code: <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> I've currently got this as tagged, although it works 100% on my forum, it's not doing exactly what I want it to as I want to integrate it with this custom template edit, I've made to my forum. https://vborg.vbsupport.ru/external/2011/04/42.jpg The files should be uploaded to your forum root, IE: the location on your FTP where your forum resides. If you can see a folder called Admin CP, then this is where you need to upload the folders that are attached to this mod. Rated as 5 and Nominated for MOTM.

Originally Posted by betts02 (Post 2183703) Still not working on mine, Shame really as i wanted to use this

---

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

---

---

www.myforumlink.com/js/jquery.js
www.myforumlink.com/js/bar.js
www.myforumlink.com/css/style.css

---

Originally Posted by Da-Vinci (Post 2183637) Works fine for me but the way I found it best to implement this was to do the following. In your Header Template add this to the very top. HTML Code: <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" /> Then in your Navbar Template add this. HTML Code: <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> I've currently got this as tagged, although it works 100% on my forum, it's not doing exactly what I want it to as I want to integrate it with this custom template edit, I've made to my forum. https://vborg.vbsupport.ru/attachmen...1&d=1302573086 The files should be uploaded to your forum root, IE: the location on your FTP where your forum resides. If you can see a folder called Admin CP, then this is where you need to upload the folders that are attached to this mod. Rated as 5 and Nominated for MOTM.

Originally Posted by betts02 (Post 2183745) 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

---

www.yourforumlink.com/forums/js/jquery.js
www.yourforumlink.com/forums/js/bar.js
www.yourforumlink.com/forums/css/style.css

---

Originally Posted by betts02 (Post 2184123) 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

Originally Posted by RobbieZ (Post 2184392) 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?

Originally Posted by betts02 (Post 2184474) 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

Originally Posted by RobbieZ (Post 2184518) 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?