phpBB2Refugees.com Logo
Not affiliated with or endorsed by the phpBB Group

Register •  Login 

Continue the legacy...

Welcome to all phpBB2 Refugees!Wave Smilie

This site is intended to continue support for the legacy 2.x line of the phpBB2 bulletin board package. If you are a fan of phpBB2, please, by all means register, post, and help us out by offering your suggestions. We are primarily a community and support network. Our secondary goal is to provide a phpBB2 MOD Author and Styles area.

Hyper Buttons


 
Search this topic... | Search MOD Requests... | Search Box
Register or Login to Post    Index » MOD Requests  Previous TopicPrint TopicNext Topic
Author Message
Sylver Cheetah 53
Board Member



Joined: 17 Dec 2008

Posts: 426
Location: Milky Way


flag
PostPosted: Sat Feb 21, 2009 9:50 pm 
Post subject: Hyper Buttons

I want my butons to be first transparent, and when you mouse over, they become 100% visible (like in phpBB3).

I've found this MOD:
Hyper Buttons
This hack will add a special alpha hover effect on all of your forum/PM buttons.

It is very cool and just a kind of DHTML trick, no more script or image load.


Code:
#-----[ OPEN ]---------------------------------------------
#
privmsg.php

#
#-----[ FIND ]----------------------------------------
#
'reply_img' => '<a href="' . $post_urls['reply'] . '"><img src="' . $images['pm_replymsg'] . '" alt="' . $lang['Post_reply_pm'] . '" border="0" /></a>',

#
#-----[ REPLACE WITH ]--------------------------------
#
'reply_img' => '<a href="' . $post_urls['reply'] . '"><img src="' . $images['pm_replymsg'] . '" alt="' . $lang['Post_reply_pm'] . '" border="0" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" /></a>',

#
#-----[ FIND ]----------------------------------------
#
$post_pm_img = '<a href="' . $post_pm . '"><img src="' . $images['pm_postmsg'] . '" alt="' . $lang['Post_new_pm'] . '" border="0" /></a>';

#
#-----[ REPLACE WITH ]--------------------------------
#
$post_pm_img = '<a href="' . $post_pm . '"><img src="' . $images['pm_postmsg'] . '" alt="' . $lang['Post_new_pm'] . '" border="0" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" /></a>';

#
#-----[ OPEN ]---------------------------------------------
#
templates/subSilver/viewforum_body.tpl

#
#-----[ FIND ]----------------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

#
#-----[ FIND ]----------------------------------------
# yes continue find down...
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

#
#-----[ OPEN ]---------------------------------------------
#
templates/subSilver/viewtopic_body.tpl

#
#-----[ FIND ]----------------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

#
#-----[ FIND ]----------------------------------------
#
<img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

#
#-----[ FIND ]----------------------------------------
# yes continue find down again...
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

#
#-----[ FIND ]----------------------------------------
#
<img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" />

#
#-----[ REPLACE WITH ]--------------------------------
#
<img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" style="filter:alpha(opacity=65)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=65" />

But it doesn't work. icon_sad.gif If someone could fix this, would be great. icon_smile.gif

_________________
Image link
My Forum || My Blog

phpBB2 forever! icon_smile.gif
Back to top
Salvatos
Board Member



Joined: 19 Feb 2009

Posts: 414
Location: Québec


flag
PostPosted: Sun Feb 22, 2009 12:23 am 
Post subject: Re: Hyper Buttons

If it was mine, I would try replacing this.filters.alpha.opacity=100 by this.filter.alpha.opacity=100 (no S to filter), but just test it on one button and see if it changes anything.
Also, depending on your browser, maybe you have a little error message somewhere (bottom left for IE), if it's a JS problem. Moreover, if you have JavaScript disabled, I don't know if it affects onMouseOver events and the like or just more complex scripts; that would be something to check.

I'm far from being an expert in this, but they are things I would check if it was my own problem icon_wink.gif Otherwise I don't know how to help you.
Back to top
~Cowboy~
Board Member



Joined: 08 Dec 2008

Posts: 297
Location: Chicago


flag
PostPosted: Sun Feb 22, 2009 4:26 am 
Post subject: Re: Hyper Buttons

If I remember correctly that opacity code only works in IE.

Remember the BBCode mod that used the Fade text code? That used the same function and could only be seen in IE.

_________________
Image link
We are not refugees we are trail blazers. icon_wink.gif
Back to top
Ram
Board Member



Joined: 23 Dec 2008

Posts: 100
Location: Somewhere over the rainbow


flag
PostPosted: Sun Feb 22, 2009 7:54 am 
Post subject: Re: Hyper Buttons

http://www.reddevboard.com/forum/viewtopic.php?t=16 icon_wink.gif

Quote:
## MOD Description: This Mod adds an opacity effect (or fading)
## with the buttons used in topics and private
## message (onmouse|over|out transparency)


It work fine, take a look to the link in my sign to see the MOD running.
Back to top
Sylver Cheetah 53
Board Member



Joined: 17 Dec 2008

Posts: 426
Location: Milky Way


flag
PostPosted: Sun Feb 22, 2009 10:10 am 
Post subject: Re: Hyper Buttons

Thanks, Ram! I will certenly try it out. icon_wink.gif
_________________
Image link
My Forum || My Blog

phpBB2 forever! icon_smile.gif
Back to top
~Cowboy~
Board Member



Joined: 08 Dec 2008

Posts: 297
Location: Chicago


flag
PostPosted: Sun Feb 22, 2009 4:16 pm 
Post subject: Re: Hyper Buttons

Ahh, thats a mouse full text fade.. I though you were talking about the graduated fade on buttons...

Hence the name "Hyper Buttons"

_________________
Image link
We are not refugees we are trail blazers. icon_wink.gif
Back to top
Display posts from previous:   
Register or Login to Post    Index » MOD Requests  Previous TopicPrint TopicNext Topic
Page 1 of 1 All times are GMT
 
Jump to:  

Index • About • FAQ • Rules • Privacy • Search •  Register •  Login 
Not affiliated with or endorsed by the phpBB Group
Powered by phpBB2 © phpBB Group
Generated in 0.0194 seconds using 15 queries. (SQL 0.0024 Parse 0.0006 Other 0.0164)
phpBB Customizations by the phpBBDoctor.com
Template Design by DeLFlo and MomentsOfLight.com Moments of Light Logo