Results 1 to 4 of 4

Thread: Editing an oscommerce CSS Stylesheet
      
   

  1. #1
    Join Date
    Jan 2006
    Posts
    172

    Default Editing an oscommerce CSS Stylesheet

    Hi all,

    I have an oscommerce store at http://www.affordableweb.biz/sample and I am in the process of editing.

    I need some help as to what are the colour codes to insert into stylesheet so as to edit the left hand box to match the header (header is edited ) and the links tabs to be brown and the text on these tabs to be a match to the yellow within the headers.

    Also where within the stylesheet will I find the areas mentioned to edit?


    I have pasted the syleshhet below and thank you for any help............... ------------------------------------------------------------------

    BODY { background: #E5E5E5; margin: 8px; font-family: Verdana,Arial,Sans-serif; margin-left: 0px; margin-top: 0px; color:#5D85A3;}
    .boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    .errorBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }
    .stockWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; }
    .productsNotifications { background: #f2fff7; }
    .orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; }
    A { color: #5D85A3; text-decoration: none; }
    A:hover { color: #5D85A3; text-decoration: underline; }
    FORM { display: inline; }
    TR.header { background: #E7F1F3; height:142px;}
    TR.headerNavigation { height:23px;}
    TD.headerNavigation { background-color: #DFEEFA; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #4987B7; font-weight: bold; padding: 6px; border-top: 1px solid; border-color: #4987B7;}
    A.headerNavigation { color: #5D85A3; }
    A.headerNavigation:hover { color: #5D85A3; }
    TR.headerError { background: #ff0000; }
    TD.headerError { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight: bold; text-align: center; }
    TR.headerInfo { background: #00ff00; }
    TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; }
    TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF; padding: 6px; }
    .infoBox { background-color: transparent; }
    .infoBoxContents { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#527A88; }
    .infoBoxNotice { background: #FF8E90; }
    .infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    TD.infoBoxHeading { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #4A87BA; background-color: #FFA825; padding: 2px; border-bottom: 1px solid; border-color: #ffffff; }
    TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #f8f8f9; }
    TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: #f8f8f9; }
    TABLE.productListing { border-color: #b6b7cb; }
    .productListing-heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #96969E; color: #FFFFFF; font-weight: bold; padding: 2px; border-bottom: 2px solid #FFFFFF; }
    TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    A.pageResults { color: #0000FF; }
    A.pageResults:hover { color: #0000FF; background: #FFFF33; }
    TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #5D85A3; }
    TR.subBar { background: #4B85A4; }
    TD.subBar { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #3C9CA5; }
    TD.main, P.main { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.5; }
    TD.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    TD.accountCategory { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #aabbdd; }
    TD.fieldKey { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
    TD.fieldValue { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
    TD.tableHeading { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
    SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
    CHECKBOX, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
    INPUT { background-color: #F8F8F8; font-size: 11px; }
    TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
    SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #E80000; font-weight: bold; }
    TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
    TD.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
    SPAN.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
    SPAN.productSpecialPrice { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
    SPAN.errorText { font-family: Verdana, Arial, sans-serif; color: #ff0000; }
    .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: pointer; }
    .moduleRowSelected { background-color: #E9F4FC; }
    .checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
    .checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
    .messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
    .messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
    .messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
    .inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
    .site_table { background-color: #ffffff; }
    TD.left { background-color: #FFCC7F; color:#5D85A3; }
    TD.right { background-color: #ffffff; }
    TABLE.content { padding: 20px 10px 10px 10px; color:#527A88; }
    .copy { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 5px; }

  2. #2
    Join Date
    Nov 2007
    Location
    Oklahoma
    Posts
    133

    Default Re: Editing an oscommerce CSS Stylesheet

    Diane
    www.smallbizunite.net

    At first you don't succeed, pick yourself up and try again!

  3. #3
    Join Date
    Mar 2006
    Posts
    14,683

    Lightbulb Re: Editing an oscommerce CSS Stylesheet

    * Just remember, that as an "affordable Web biz" if you intend to redistribute osCommerce as anything BUT "osCommerce," either as an eCommerce "cart" solution for clients, or as a "cloned" site for affiliate clients, you will be breaking the law: osCommerce is part fo the Open Source Project, and regularly enforces that proprietary stipulation as detailed in the Terms of Installation......that is why if you are setting up such distribution or use you are required to keep the "Powered by osCommerce" in the footer!

  4. #4
    Join Date
    Jan 2006
    Posts
    172

    Default Re: Editing an oscommerce CSS Stylesheet

    Quote Originally Posted by Vasili View Post
    * Just remember, that as an "affordable Web biz" if you intend to redistribute osCommerce as anything BUT "osCommerce," either as an eCommerce "cart" solution for clients, or as a "cloned" site for affiliate clients, you will be breaking the law: osCommerce is part fo the Open Source Project, and regularly enforces that proprietary stipulation as detailed in the Terms of Installation......that is why if you are setting up such distribution or use you are required to keep the "Powered by osCommerce" in the footer!

    No this is only a sample and edited accordingly to illustrate and demonstrate that the oscommerce template can be highly edited to suit whatever website it is intended for.

    This sample will only remain as a sample for advertising purposes and hence the text at the top of page which starts as....."This is a default setup of osCommerce Online Merchant."

    Thank you.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •