Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Icons with rollover effect below navbar Details »»
Icons with rollover effect below navbar
Version: 1.00, by Sofia Sofia is offline
Developer Last Online: Aug 2012 Show Printable Version Email this Page

Category: Mini Mods - Version: 3.6.x Rating:
Released: 05-28-2009 Last Update: Never Installs: 2
Re-useable Code Translations  
No support by the author.

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.









In your template Navbar, add at the bottom:


Code:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" width="100%" align="center">
<tr>

<td class="alt1" align="center">

<a href="www.link.com/albums" onMouseOver="icon1.src='images/misc/icon1_big.png'"  onMouseOut="icon1.src='images/misc/icon1_small.png'"><img src="images/misc/icon1_small.png" border="0" name="icon1" alt="title" HSPACE=0 VSPACE=0></a>

<a href="www.link.com/logs" onMouseOver="icon2.src='images/misc/icon2_big.png'"  onMouseOut="icon2.src='images/misc/icon2_small.png'"><img src="images/misc/icon2_small.png" border="0" name="icon2" alt="title" HSPACE=0 VSPACE=0></a>

<a href="www.link.com/partner" onMouseOver="icon3.src='images/misc/icon3_big.png'"  onMouseOut="icon3.src='images/misc/icon3_small.png'"><img src="images/misc/icon3_small.png" border="0" name="icon3" alt="title" HSPACE=0 VSPACE=0></a>

</td></tr></table>
<br />


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!

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #2  
Old 12-04-2009, 05:58 AM
lm3a.net's Avatar
lm3a.net lm3a.net is offline
 
Join Date: May 2009
Posts: 134
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thank u dear,
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 02:40 PM.


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.04693 seconds
  • Memory Usage 2,204KB
  • Queries Executed 15 (?)
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
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (2)post_thanks_box
  • (2)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit_info
  • (1)postbit
  • (2)postbit_onlinestatus
  • (2)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_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete