Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Icons with rollover effect below navbar Details »
Icons with rollover effect below navbar
Mod Version: 1.00, by Sofia (Designer) Sofia is offline
Developer Last Online: Aug 2012 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (5 votes - 4.80 average) Installs: 106
Released: 29 May 2009 Last Update: Never Downloads: 5
Not Supported Re-usable Code Translations  

Icons with rollover effect below navbar



Description
This mod allows you to add an icons box below your navbar. Icons have an increase effect simply due to a rollover. No Javascript code. This mod works with all versions of Firefox, IE and Nescape.


http://www.vbulletin.org/forum/vborg...hreadid=214826






In your template Navbar, add at the bottom:



Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



1. Upload


You must upload your icons into "images/misc".
For an icon, you must have 2 images : a small image for egs: 50x50px) and a big image (for egs: 100x100px). Big images appears on mouseover.

Icons name:
icon1_small.png
icon1_big.png
icon2_small.png
icon2_big.png
etc...



2. In the previous code, please modify:


Example: Icon 1

----------------------------------------------------------------------
<a href="www.link.com/albums"
-- Enter your redirect link
----------------------------------------------------------------------


----------------------------------------------------------------------
alt="title"
-- Enter your image title
----------------------------------------------------------------------


----------------------------------------------------------------------
icon1.src='images/misc/icon1_big.png
icon1.src='images/misc/icon1_small.png
<img src="images/misc/icon1_small.png"
name="icon1"

If you add more icons, you must rename this by icon4, icon5, icon6, etc...
----------------------------------------------------------------------

Enjoy!

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	prez_rollover.png
Views:	910
Size:	118.7 KB
ID:	99799  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Mini Mods Guest Only AdSense below Navbar - Increase registrations & revenue Chris-777 vBulletin 3.6 Template Modifications 13 25 Feb 2013 17:34
Mini Mods Forum title effect in navbar kaptanblack vBulletin 3.6 Template Modifications 3 07 Aug 2007 09:01

Comments
  #2  
Old 29 May 2009, 10:54
CrazyProgrammer CrazyProgrammer is offline
 
Join Date: Apr 2009
Vey Nice sofia like it
Reply With Quote
  #3  
Old 29 May 2009, 14:30
Coroner Coroner is offline
 
Join Date: Feb 2008
Real name: Stefan
This seems similar to this (Fisheye Menue) ? Isn't it ?
http://www.vbulletin.org/forum/showthread.php?t=160422
Reply With Quote
  #4  
Old 29 May 2009, 14:37
Sofia Sofia is offline
 
Join Date: Oct 2006
Real name: Sofia
Originally Posted by Coroner View Post
This seems similar to this (Fisheye Menue) ? Isn't it ?
http://www.vbulletin.org/forum/showthread.php?t=160422
Hi Coroner.
No. It's just a template modification to include rollover. Fisheye Menue add a "zoom in and increase" effect on icon and use JS files (I think).
Reply With Quote
  #5  
Old 29 May 2009, 15:19
pein87's Avatar
pein87 pein87 is offline
 
Join Date: Sep 2008
nice work your very creative sofia but as a rule of thumbs all mouse events are small caps xhtml doesnt allow the old onMouseOver events, good job keep up that creativity.
Reply With Quote
  #6  
Old 29 May 2009, 20:36
goxy63 goxy63 is offline
 
Join Date: Oct 2008
Awesome
Installed, nominated, rated

I must say that I love you Sofia

In 'Vb' way of course

Cheers
__________________
VB5-- WHO HAS VISITED TODAY(last 24h) PLEASE VOTE HERE
VB5--FIRST POST ON EVERY PAGE PLEASE VOTE HERE
Reply With Quote
  #7  
Old 29 May 2009, 20:46
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
 
Join Date: Sep 2008
Real name: Michael Miller Jr
Talking

Originally Posted by Sofia View Post
Hi Coroner.
No. It's just a template modification to include rollover. Fisheye Menue add a "zoom in and increase" effect on icon and use JS files (I think).
2 others like it as well on here Coroner but this one is less and no files to upload, even if similar she had the time and creativity to add the right elements together and make it simple for everyone.

Good job, glad to see it's not just another similar mod yet it is, creativity imo .

S-MAN
__________________
Daddy Does Dios and Figs!
https://www.linkedin.com/in/thelastsuperman

Search - Use the search feature to find similar issues/answers.
Information - Include screenshots, copy/pasted error codes, url etc.
Fixed - Please return to your thread/post and let us know how it was fixed!
Thanks - For participating! Click the "Like" on a post if someone helped you!
Reply With Quote
  #8  
Old 29 May 2009, 20:51
Sofia Sofia is offline
 
Join Date: Oct 2006
Real name: Sofia
Originally Posted by TheLastSuperman View Post
2 others like it as well on here Coroner but this one is less and no files to upload, even if similar she had the time and creativity to add the right elements together and make it simple for everyone.

Good job, glad to see it's not just another similar mod yet it is, creativity imo .

S-MAN
Thank you, TheLastSuperman
Reply With Quote
  #9  
Old 04 Jun 2009, 23:47
goxy63 goxy63 is offline
 
Join Date: Oct 2008
Just one small question

I would like that row does not stretch out when I hoover with mouse over small icon, that is I would like to keep row hight lets say 128px(same as big icon)
I dont like that rest of my forums jump every time....
Would be cool that small icons are centered by width and hight, and when hoover on them row does not stretch out

Any pointers for this

Thanks
_____________
Just got some free time and ....found how to fix my problem
Just after code for width added
height="128"
and also added conditionals for guests, I dont like that some icons are vissible for them...
before
<a href="http://....
added
<if condition="$show[member]">
__________________
VB5-- WHO HAS VISITED TODAY(last 24h) PLEASE VOTE HERE
VB5--FIRST POST ON EVERY PAGE PLEASE VOTE HERE

Last edited by goxy63; 05 Sep 2009 at 14:09.
Reply With Quote
  #10  
Old 07 Jun 2009, 06:15
marshal_ramdev marshal_ramdev is offline
 
Join Date: Mar 2009
Real name: Marshal
its just like Dock in Rock .. Mod..

http://www.vbulletin.org/forum/showt...ight=dock+rock
Reply With Quote
  #11  
Old 07 Jun 2009, 21:08
rob01 rob01 is offline
 
Join Date: Sep 2008
Real name: robert
nice release
Reply With Quote
  #12  
Old 07 Oct 2009, 11:23
arieltete arieltete is offline
 
Join Date: Sep 2009
why the forum jump down 0.0
Reply With Quote
  #13  
Old 31 Dec 2009, 19:35
Thelonius Beck's Avatar
Thelonius Beck Thelonius Beck is offline
 
Join Date: Jan 2008
Thumbs up

Originally Posted by arieltete View Post
why the forum jump down 0.0
Because you need to set the table height to a value larger than that of your icon_big.gif images.





Excellent idea Sofia. The "fisheye" versions conflicted with other Java based mods on my site. Yours worked perfectly for me, thank you.
Reply With Quote
  #14  
Old 03 Jan 2010, 15:18
betts02's Avatar
betts02 betts02 is offline
 
Join Date: Jun 2009
installed and works great, cheers
Reply With Quote
  #15  
Old 17 Feb 2011, 23:53
Gamelobby's Avatar
Gamelobby Gamelobby is offline
 
Join Date: Jul 2007
Originally Posted by Thelonius Beck View Post
Because you need to set the table height to a value larger than that of your icon_big.gif images.
I realize this is old, but how do you set the table height bigger.?

Thanks
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 17:00.

Layout Options | Width: Wide Color: