osCommerce and osCMax shopping cart software forums

Shopping Cart Software

osCommerce with teeth!

 

Ultimate Buttons

This is a discussion on Ultimate Buttons within the New osCommerce Contributions forums, part of the osCommerce 2.2 Forums category; Replaces the several dozen individual buttons with a single image, (or no image, if pure CSS styling is preferred), and ...



Find us on Facebook
Go Back   osCommerce and osCMax shopping cart software forums > osCommerce 2.2 Forums > New osCommerce Contributions

Connect with Facebook Register FAQDonate Members List Calendar Mark Forums Read


Reply

 

LinkBack Thread Tools
  #1  
Old 03-17-2010, 08:13 PM
michael_s's Avatar
osCMax Developer


 
Join Date: Jul 2002
Location: Phoenix, AZ
Posts: 16,522
Thanks: 149
Thanked 652 Times in 558 Posts
Rep Power: 10
michael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond reputemichael_s has a reputation beyond repute
Post Ultimate Buttons

Replaces the several dozen individual buttons with a single image, (or no image, if pure CSS styling is preferred), and converts buttons to CSS. Buttons can be given 'hovering' effects and automatically resize to fit text. Eliminates the need to reproduce an entire set of buttons every redesign.

Download file contains CSS and images for 5 different button styles. Screenshots, instructions and links to examples also included.

Installation consists of two code replacements in includes/functions/html_output.php, uploading the two images to the images folder, and pasting the CSS selectors into stylesheet.css.

You can also create your own images for buttons, or adapt an existing button. Google 'CSS buttons' and 'sliding doors technique' for the basic process. Essentially you create the button image without text. Then cut the image into a left and right hand side. Then upload these two images to the images folder and adjust the CSS in the stylesheet to set the padding and text styling. The button adjusts to text + padding by hiding varying widths of the left hand side 'under' the div tag containing the right hand side of the button.

More...
__________________
Michael Sasek
osCMax Developer

*** Do not PM me requesting paid help. The only paid work I do is for AABox Web Hosting customers ***

Stay Up To Date with everything osCMax:
Free osCMax Newsletters - Security notices, New Releases, osCMax News
osCMax on Twitter - Up to the minute info as it happens. Know it first.

osCMax User Manual - osCMax Templates - Advanced Template Tutorial

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads

Thread Thread Starter Forum Replies Last Post
Ultimate SEO URLs michael_s New osCommerce Contributions 0 04-19-2009 09:00 AM
Ultimate SEO URLs michael_s New osCommerce Contributions 0 10-05-2007 08:05 PM
Ultimate SEO URLs michael_s New osCommerce Contributions 0 09-26-2007 05:54 AM
Ultimate SEO URLs michael_s New osCommerce Contributions 0 07-07-2007 11:40 AM
Ultimate SEO URL Help jasper0 osCommerce 2.2 Modification Help 3 12-18-2006 11:39 AM


All times are GMT -8. The time now is 07:31 PM.


Powered by vBulletin®
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
SEO by vBSEO
Copyright 2010 osCmax
Inactive Reminders By Icora Web Design