vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)
-   -   How would i flatten onclick buttons via css (https://vborg.vbsupport.ru/showthread.php?t=90401)

msimplay 02-06-2005 11:21 AM
How would i flatten onclick buttons via css
 
1 Attachment(s)
I was wondering how i could flatten my buttons via css
a the moment they are default but i'd like them to look like the ones from daves ipaq forums

See the attachment for details

Jolten 02-07-2005 05:02 AM
You have to basically use one image containing 2 states then use positioning and hover/click to move the image from a hidden area to a visible one. Sort of hard to explain. Check out www.alistapart.com for some great how-to's.

You could use standard rollovers and javascript, it's easier than trying to do it with CSS.

croft 02-07-2005 05:24 AM
Thats not what he wants =)
Check this out. here is how you do it.


Open up your admin control panel go to styles/templates and style manager. Select the style you want to add this new css to and select all style options and klick go.

Scroll down till you se the button table. it should read "Buttons (Customized in this Style)".

In the right empty box wich is called "extra css attributes" you add this css style.

Code:
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          background-color: #999999;
          border: 1px solid #000000;
Try it out. Yust change colors and font to your liking and it should work out yust fine for you.

msimplay 02-07-2005 09:20 AM
Quote:
Originally Posted by Croft
Thats not what he wants =)
Check this out. here is how you do it.


Open up your admin control panel go to styles/templates and style manager. Select the style you want to add this new css to and select all style options and klick go.

Scroll down till you se the button table. it should read "Buttons (Customized in this Style)".

In the right empty box wich is called "extra css attributes" you add this css style.

Code:
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          color: #FFFFFF;
          background-color: #999999;
          border: 1px solid #000000;
Try it out. Yust change colors and font to your liking and it should work out yust fine for you.
Thank you very much that worked great :D


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

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.01589 seconds
  • Memory Usage 1,719KB
  • 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_code_printable
  • (1)bbcode_quote_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