vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   How would I make my forum logo a button type object? (https://vborg.vbsupport.ru/showthread.php?t=243122)

stardotstar 05-22-2010 08:37 PM
How would I make my forum logo a button type object?
 
Hi all,

You know how the forum logo in the top right can be used effectively as a "home" button for the boards? By clicking on it you get to the main index page.

Really the main forum logo is a clickable graphic element and I would like it to look like and operate like a clickable button.

I can make the unpressed and pressed in versions but I don't know how to make vB handle this in the header.

Is there a mod/hack or other approach I could use to achieve this?

My main logo is this:
http://www.archeli.com.au/forums/ima..._small_200.gif
And the current button idea is this:
http://www.archeli.com.au/forums/ima...onLogo-200.gif

TIA,
Will

BirdOPrey5 05-25-2010 09:11 PM
You can use javascript to change the image... you can change it simply when clicked but I think personally changing it when the mouse goes over it is better... the code for that is here:
http://www.hypergurl.com/rolloverimage.html

You will need to edit templates to put the code in the header and then edit the code for the logo.

stardotstar 05-25-2010 09:23 PM
Thank you I will certainly try this today!
Great!

BirdOPrey5 05-25-2010 09:39 PM
Hey, I just tried it, there is errors in that code.
The code below works for sure:

Put this in the header... change picture1.gif / picture2.gif to the full path to your images, probably something like "images/misc/logo1.gif" and "images/misc/logo2.gif"
Code:
<script language="Javascript">
if (document.images) {
    pic1 = new Image;
    pic2 = new Image;
    pic1.src = 'picture1.gif';
    pic2.src = 'picture2.gif';
    }
</script>
and then for the logo put in the following:

Code:
<a href="http://www.juot.net" onMouseOver="document.rollover.src=pic2.src"
  onMouseOut="document.rollover.src=pic1.src">
<img src="picture1.gif" border="0" name="rollover"></a>
Change www.juot.net to your domain and change picture1.gif again to the full path to your logo.

--------------- Added [DATE]1274831736[/DATE] at [TIME]1274831736[/TIME] ---------------

I *think* you have to go to templates -> All Style Options and in the Header box under 'Common templates" make the following change...

find
Code:
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a>
and replace it with the logo code from above, which I changed to your forum details:
Code:
<a href="$vboptions[forumhome].php$session[sessionurl_q]" onMouseOver="document.rollover.src=pic2.src"  onMouseOut="document.rollover.src=pic1.src" ><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" name="rollover" /></a>
That should do it... note you want to keep the correct #1 image as your defined logo using the above code, otherwise you can ignore your defined logo and use the following alternate code:
Code:
<a href="$vboptions[forumhome].php$session[sessionurl_q]" onMouseOver="document.rollover.src=pic2.src"  onMouseOut="document.rollover.src=pic1.src" ><img src="images/misc/logo1.gif" border="0" alt="$vboptions[bbtitle]" name="rollover" /></a>
minding you will need to change "images/misc/logo1.gif" to the path to your main (un-clicked) logo image.

stardotstar 05-26-2010 12:05 AM
This worked perfectly ! thank you very much - I have done a mouseover to an embossed version of the logo that does the trick. :)

Will;


All times are GMT. The time now is 05:18 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01558 seconds
  • Memory Usage 1,723KB
  • 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
  • (5)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)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
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete