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)
-   -   Replace Quick Reply and Go Advanced Buttons with Custom Images (https://vborg.vbsupport.ru/showthread.php?t=225652)

stranlaw 10-20-2009 09:03 PM

Replace Quick Reply and Go Advanced Buttons with Custom Images
 
Hi...I want to replace the default Quick Reply and Go Advanced buttons with images that I've made. Could someone instruct me how to do that? :)

Toupsx 10-21-2009 01:49 AM

Quote:

Originally Posted by stranlaw (Post 1902874)
Hi...I want to replace the default Quick Reply and Go Advanced buttons with images that I've made. Could someone instruct me how to do that? :)

currently by default those buttons are a form generated button as a input type="submit" button in the form for quick reply..
in order to change this you can find the form where they are coded in the templates in style manager -> show thread templates -> SHOWTHREAD

Find for quick reply:
Code:

<input type="submit" class="button" value="$vbphrase[post_quick_reply]" accesskey="s" title="(Alt + S)" name="sbutton" tabindex="2" id="qr_submit" onclick="clickedelm = this.value" />
Find for go advanced:
Code:

<input type="submit" class="button" value="$vbphrase[go_advanced]" accesskey="x" title="(Alt + X)" name="preview" tabindex="3" id="qr_preview" onclick="clickedelm = this.value" />
We can see here that their "style" is controlled by the class "button"

in order to change their appearance you would need to edit that "button" class to your liking or change the class of them in the code to something else you choose and modify that class to your styling likes...

To modify the class "Buttons" by default there should be a selection in style manager -> all style options called "Buttons" with the CSS Selector: .button

with this you can either directly modify it from that control selection changing the colors, fonts, background image, etc. to your liking or go into the CSS and change it there by using
Code:

.button{
       
}

to make yours changes.. assuming you know CSS.

stranlaw 10-21-2009 02:32 AM

Thank you so much for the very detailed reply!! :)

I have one question...would modifiying the button style...would that do it for all the buttons? I would like a specific image I created that says Post Quick Reply and a different image for the Go Advanced button. Is that possible with the method you posted?

Thanks again for your help!! :D


All times are GMT. The time now is 04: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.01910 seconds
  • Memory Usage 1,717KB
  • 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
  • (3)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (3)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