vb.org Archive - MULTIQUOTE button

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

- vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)

- - MULTIQUOTE button - Sprite CSS (https://vborg.vbsupport.ru/showthread.php?t=223125)

MaR?	09-13-2009 11:59 PM

MULTIQUOTE button - Sprite CSS

Im using Css sprites. And I have just one "button" not working. Is MULTQUOTE Button.

PHP Code:


		
			
<if condition="$show['multiquote_post']">
 
<a href="$post[replylink]" rel="nofollow" onclick="return false" class="multiquote spritebutton">
 
<img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" />
</a>

The class=?multicitar spritebutons? should work this way:

PHP Code:


		
			
.multiquote { 
background-position : 0 -640px; 
width : 82px; 
height : 23px; 
} 
.multiquote:hover { 
background-position : 0 -670px; 
}

For the roll to work, I have to delete any tag <img?.> and put the class into tag <a ref?.>

The problem of MULTIQUOTE button is that it have 3 moment:

The normal
The hover
and when is PRESS (images/buttons/multiquote_on.gif) <--- This should NOT be CSS.

So, I want to know how to make this works.

Thanks!.

pein87

09-14-2009 05:13 AM

make a three layer image like my double button.

using <a href="#" class="quoter" onmouseover="document.getElementsByClassName('quot er').style.backgroundPosition= '0px -640px';" onclick="document.getElementsByClassName('quoter') .style.backgroundPosition='0px -1280px';"></a>

uses to events to trigger a rollover that doesn't flicker and minimal js code.

remember to set the css info for it as well.

MaR?	09-14-2009 05:50 PM

Thanks AGAIN PEIN!.

Works... but:

1. The button display OK.
2. The button when mouse is over OK.
3. The button when you click work?s like a normal quote...

here I let you the code with your modification:

<if condition="$show['multiquote_post']">
<a href="$post[replylink]" class="multiquote spritebutton" onmouseover="document.getElementsByClassName('mult iquote spritebutton').style.backgroundPosition= '0px -640px';" onclick="document.getElementsByClassName('multiquo te spritebutton').style.backgroundPosition='0px -670px';"></a>
</if>

The original (default) code was:

<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>

MaR?	09-15-2009 11:30 PM

Please????

All times are GMT. The time now is 07:26 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01790 seconds Memory Usage 1,725KB 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_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)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
Messages: