vb.org Archive - Forum Home Enhancements - rocket dock menu on forum:) [ jquery & Css ] support facebook & twitter + work on IE9

Page 3 of 6

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - rocket dock menu on forum:) [ jquery & Css ] support facebook & twitter + work on IE9 (https://vborg.vbsupport.ru/showthread.php?t=261618)

betts02

04-10-2011 05:25 AM

Cheers for the help mate

Still need to try to get this to work on the home page - vbadvanced

Also if for what ever reason something happened with your host, This would not work ?
It really should be calling the script from our own host ?

Cheers for the good work anyway mate and as stated hopefully we can get it to work on vbadvanced, well on my site anyway,lol

8thos

04-11-2011 06:31 AM

The only template that it worked in was at the bottom of headinclude. It doesn't look right at the top of the page though.

I would prefer that it was below the navbar but when I move it there it does not work.

betts02

04-11-2011 07:06 AM

Un-installed due to it not working on my site

mun3im

04-11-2011 12:05 PM

<div align="center">
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 ^^
</div>

betts02

04-11-2011 06:43 PM

Quote:

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

I have looked through my "header" template and can find NO other jquery.js or bar.js

I tried to make my own template and use the code above then add this template to my forumdisplay under my navbar but still no luck

Da-Vinci

04-12-2011 12:42 AM

1 Attachment(s)

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.

betts02

04-12-2011 06:01 AM

Quote:

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>

Still not working on mine, Shame really as i wanted to use this

Da-Vinci

04-12-2011 08:33 AM

Quote:

Originally Posted by betts02 (Post 2183703)

Still not working on mine, Shame really as i wanted to use this

I only have it installed on my default skin at the minute, but as you can see from the image below it's working great.

https://vborg.vbsupport.ru/attachmen...1&d=1302600584

Do you have the files uploaded in your forum root?

What exactly happens when you make the template edits after uploading the files?

These parts of the code need to be right for this to work.

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

I personally don't have my forum in a folder, mine resides in the Public HTML on my FTP and I also use VB Advanced.

So the structure for mine works out like this.

Code:

www.myforumlink.com/js/jquery.js

www.myforumlink.com/js/bar.js

www.myforumlink.com/css/style.css

betts02

04-12-2011 09:20 AM

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

mun3im

04-12-2011 10:01 AM

Quote:

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.

my brother i will make it for you just give some time ^^

All times are GMT. The time now is 04:47 PM.

Page 3 of 6

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01242 seconds Memory Usage 1,825KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (6)bbcode_html_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: