Firstly i dont have much idea about jquery.js or coding but i am trying to learn as i go along
Anyway i have vbulletin forums and i am trying to install a modification that uses jquery.js and bar.js
The coder who made the mod has tried to help but can only get it to work using his host for the jquery.js and bar.js
I have the code in my "Header" template
The following code should be used :
<!--- 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>
But it does not work on my site
However the following code with the jquery.js and bar.js on his host works :
<!--- 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="http://shba7.cc/vb/js/jquery.js"></script> <script type="text/javascript" src="http://shba7.cc/vb/js/bar.js"></script> <!--[if lt IE 7]> <style type="text/css"> div, img { behavior: url(http://shba7.cc/vb/iepngfix.htc) } </style> <![endif]--> <link href="http://shba7.cc/vb/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>
Can anyone help me and tell me why it will not work on my site ?
If you view my site at :
www.nextgenerationgamers.co.uk/forums you can see the RSS image just under the header image with the first code
BUT, If you scroll down to the bottom and select template "Child of NGG 2011"
You can see it working with the second code
Cheers in advance