Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

help with product_info.php or stylesheet ?


premium

Recommended Posts

hi

 

Is it possible to add a white BG for the product information text. i have a black design and is quite hard to read the information text. Is it possible to just put the product information page in a white box, or even better..just the product text.

link: http://www.webshop.combatkit.no/product_in...?products_id=31

 

I lost my product information in the small product infobox. it is no text there..just [...] how can i get this back?

link: http://www.webshop.combatkit.no/index.php?cPath=23

 

Contrib installed: template, morepics, fck editor and rollover categories.

 

Regards from norway!

 

Premium

Link to comment
Share on other sites

Bump again!

well im pretty sure it can adjusted in css file in your catalog dir there is also a contribution that creates more detailed info inside the css script 1 sec ill find it ..............................basic design pack 2-5 try that there was also a contribution that explains the css system 1 sec again ill find it ...............................................called easy style sheets

 

hope this helps

Link to comment
Share on other sites

Thanks, but i dont think it is that easy.. correct me if i am wrong...??

 

It should be easy to put the product text in a white box..

 

Premium

its possible i don't understand whats your trying to do, if you want to be able to edit the color of each individual box separately, then the css file is where it can happen easily, im sure there are other ways of doing it I only deal with the easiest

*
 $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 osCommerce, Open Source E-Commerce Solutions
 [url="http://www.oscommerce.com"]http://www.oscommerce.com[/url]

 Copyright © 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 30px; }
.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: #000000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #398A8A; text-decoration: underline; }

BODY {
 background-repeat : repeat-x;
background-image : url(C:\xampp\htdocs\testing1\images\dp.jpg);
 margin: 50px;

}

.fixcenter {
background-color : ffffff;
width: 500px:
 background: #000000;
 color: #000000;
 margin-top: 1px;
 text-align: center;

}

A {
 color: #000000;
 text-decoration: none;
}

A:hover {
 color: #ffffff;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #E79C5E;
}

TR.headerNavigation {
 background: #000000;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 background: #49619B;
 color: #000000;
 font-weight : bold;
}

A.headerNavigation { 
 color: #000000; 
}

A.headerNavigation:hover {
 color: #FE7001;
}

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: 16px;
 background: #00ff00;
 color: #000000;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #000000;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 15px;
 background: #49619B;
 color: #000000;
 font-weight: bold;
}

.infoBox {
 background: #ffffff;
}

.infoBoxContents {
 background: #097054;
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
 color: #000000;

}

.infoBoxNotice {
 background: #ffffff;
}

.infoBoxNoticeContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
}

.contentBox {
 background: #ffffff;
}

TD.contentBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}

.contentBoxContents {
 background: #6AA5F6;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.BestSellersBox {
 background: #ffffff;
}
TD.BestSellersBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}
.BestSellersBoxContents {
 background: #097054;
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
}


.CategoriesBox {
 background: #ffffff;
}
TD.CategoriesBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}
.CategoriesBoxContents {
 background: #4BB94B;
 font-family: Verdana, Arial, sans-serif;color: #000000;
 font-size: 20px;
 font-weight: Bold;
}

.CurrenciesBoxContents {
 background: #f8f8f9;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.InformationBox {
 background: #ffffff;
}
TD.InformationBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.InformationBoxContents {
 background: #ffffff;
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
}


.LanguagesBox {
 background: #b6b7cb;
}
TD.LanguagesBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.LanguagesBoxContents {
 background: #f8f8f9;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.ManufacturerInfoBox {
 background: #b6b7cb;
}
TD.ManufacturerInfoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.ManufacturerInfoBoxContents {
 background: #f8f8f9;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.ManufacturersBox {
 background: #b6b7cb;
}
TD.ManufacturersBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.ManufacturersBoxContents {
 background: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 18px;
}


.OrderHistoryBox {
 background: #b6b7cb;
}
TD.OrderHistoryBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.OrderHistoryBoxContents {
 background: #097054;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.ProductNotificationsBox {
 background: #ffffff;
}
TD.ProductNotificationsBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.ProductNotificationsBoxContents {
 background: #f8f8f9;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.ReviewsBox {
 background: #b6b7cb;
}
TD.ReviewsBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.ReviewsBoxContents {
 background: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 color: #000000;
}


.SearchBox {
 background: #b6b7cb;
}
TD.SearchBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.SearchBoxContents {
 background: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.ShoppingCartBox {
 background: #ffffff;
}
TD.ShoppingCartBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}
.ShoppingCartBoxContents {
 background: #097054;
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}


.SpecialsBox {
 background: #b6b7cb;
}
TD.SpecialsBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.SpecialsBoxContents {
 background: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}


.TellaFriendBox {
 background: #b6b7cb;
}
TD.TellaFriendBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 background: #49619B;
 color: #000000;
}
.TellaFriendBoxContents {
 background: #097054;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}


.WhatsNewBox {
 background: #000000;
}
TD.WhatsNewBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 background: #49619B;
 color: #ffffff;
}
.WhatsNewBoxContents {
 background: #f8f8f9;
 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: #827F7E;
}

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: #6AA5F6;
}

TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #ffffff;
 border-spacing: 0px;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #49619B;
 color: #FFFFFF;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 25px;
}

A.pageResults {
 color: #0000FF;
}

A.pageResults:hover {
 color: #0000FF;
 background: #ff051d;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #000000;
 text-align: center;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 color: #827F7E;
}

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 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, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 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: #f0a480;
 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;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.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: #827F7E; }

/* message box */

.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; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.cssButton {
background: #f0f0ff;
color: #000080;
height: 20px;
vertical-align: top;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
cursor: pointer;
text-align: center;
text-decoration: none;
border: 1px;
border-style: solid;
border-color: #000080;
border-spacing: 1px;
line-height: 22px;
}

#thecategories a:hover {
background-color: #eeeeee;
color: #000000;
}

.catwithsubs, .catwithnosubs {
padding-right: 5px;
}

#thecategories {
position: relative;
top: -9px;
margin-bottom: -16px;
width: 140px;
}

.activelink {
display: block;
font-weight: bold;
}

#thecategories a {
display: block;
padding-bottom: 7px;
padding-top: 3px;
width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
padding-left: 20px;
}

#thirdcat a {
padding-left: 35px;
}

#fourthcat a {
padding-left: 50px;
}

#fifthcat a {
padding-left: 65px;
}

 

let me know if your css file looks like this one?

Link to comment
Share on other sites

This is my file.

I want a white BG for the product text. is this possible just adding codes in the css file?

/*
 $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $
 $Loc: catalog/ $
 $Mod: 20081216 More Pics 2.0 kymation $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2003 osCommerce

 Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px;color:#000000; background: #ffffff; 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; }

BODY {
 color:#ffffff;
 margin:0;
 background: url(images/template/bg_loop.png) repeat-x #000000; 
 text-align:center;
}
#wrapper {
width:814px;
text-align:right;
margin:0 auto;
padding:0;
background-color:#0A0909;
}
A {
 color:#99CC33;
 text-decoration: none;
}

A:hover {
 color: #99CC33;
 text-decoration: underline;
}

FORM {
display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerNavigation {
 background: #bbc3d3;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight : bold;
}

A.headerNavigation { 
 color: #FFFFFF; 
}

A.headerNavigation:hover {
 color: #ffffff;
}

TR.headerError {
 background: #ffffff;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #ffffff;
 color: #000000;
 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;
}

TR.footer {
 background: #bbc3d3;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #bbc3d3;
 color: #ffffff;
 font-weight: bold;
}

.infoBoxSmall {
 background: #0A0909;
}
.infoBox {
 background: #0A0909;
 border:1px solid #272a2c;
}

.infoBoxContents {
 background: #191E21;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.contentBoxContents {
 background: #191E21;
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}
.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;
 background: #bbc3d3;
 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.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
 background: #f8f8f9;
}
TR.productListing-odd {

}
TR.productListing-even {

}
TABLE.productListing {
border:0;
margin:0;
}

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 font-weight: bold;
}

TD.productListing-data {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
}

A.pageResults {
 color:#999999;
 text-decoration:none;
}

A.pageResults:hover {
 color:#FF9900;
 text-decoration:underline;
}

TD.pageHeading, DIV.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #fafafa;
}

TR.subBar {
 background: #f4f7fd;
}

TD.subBar {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 color: #000000;
}

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, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 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: #f0a480;
 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: #000000;
}

.moduleRow { }
.moduleRowOver { background-color: #ffffff;color:#009933; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #13282D;color: #00B9CD; }

.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; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px;color:#000000; background-color: #ffffff; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* BOF: More Pics  */
IMG.productsMainImage {
border-width:2px;
 border-style:solid;
 border-color:black;
}

IMG.productsImages {
border-width:2px;
 border-style:solid;
 border-color:black;
}

IMG.productsImages:hover {
border-color:blue;
}

TABLE.popup {
 border-width: 1px;
 border-style: dotted;  
 border-color: #666;
}
/* EOF: More Pics  */
/* BOX STYLE */
.t1 {background:url(images/template/box/t1.gif) no-repeat;width:17px;height:28px;}
.t2 {background:url(images/template/box/t2.gif) repeat-x;width:100%;height:28px;}
.t2 {color:#FFFFFF;text-transform:uppercase;font-size:12px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.t2 a {text-decoration:none;}
.t3 {background:url(images/template/box/t3.gif) no-repeat;width:17px;height:28px;}
.m1 {background:url(images/template/box/m1.gif) repeat-y;width:17px;}
.m2 {background:url(images/template/box/m2.gif) repeat-y;width:17px;}
.d1 {background:url(images/template/box/d1.gif) no-repeat;width:17px;height:14px;}
.d2 {background:url(images/template/box/d2.gif) repeat-x;width:100%;height:14px;}
.d3 {background:url(images/template/box/d3.gif) no-repeat;width:17px;height:14px;}
/* END BOX STYLE */
/* MENU */
#menu {
 text-align:center; 
 position:relative;
 height:37px;

 }
.box {
position:relative;
float:left; 
width:154px;
 }
.box a {
background: url(images/template/home.jpg) 0 0 no-repeat;
outline:none;
}
.box a:hover {
background: url(images/template/home.jpg) 0 100% no-repeat;
}
.box2 {
position:relative;
float:left;
width:154px;
}
.box2 a {
background: url(images/template/new_products.jpg) 0 0 no-repeat;
outline:none;
}
.box2 a:hover {
background: url(images/template/new_products.jpg) 0 100% no-repeat;
}
.box3 {
position:relative;
float:left;
width:154px;
}
.box3 a {
background: url(images/template/specials.jpg) 0 0 no-repeat;
outline:none;
}
.box3 a:hover {
background: url(images/template/specials.jpg) 0 100% no-repeat;
}
.box4 {
position:relative;
float:left;
width:152px;
}
.box4 a {
background: url(images/template/account.jpg) 0 0 no-repeat;
outline:none;
}
.box4 a:hover {
background: url(images/template/account.jpg) 0 100% no-repeat;
}
.box5 {
position:relative;
float:left; 
width:153px;
}
.box5 a {
background: url(images/template/contact.jpg) 0 0 no-repeat;
outline:none;
}
.box5 a:hover {
background: url(images/template/contact.jpg) 0 100% no-repeat;
}
#menu a, #menu a:visited {
 position:relative; 
 display:block; 
 height:37px;
 }
#menu a:hover {
 height:37px;
}
.spacer {
 float:left;
 width:21px;
 height:37px;
}
.spacer-right {
 float:right;
 width:22px;
 height:37px;
}
.subNav		{padding-left:33px;line-height:19px;}
}
/* END MENU */

Link to comment
Share on other sites


<?php
/*
$Id: product_info.php 1739 2007-12-20 00:52:16Z hpdl $
$Loc: catalog/ $
$Mod: 20081216 More Pics 2.0 kymation $

osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License
*/

require('includes/application_top.php');

require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_PRODUCT_INFO);

$product_check_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
$product_check = tep_db_fetch_array($product_check_query);
?>
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html <?php echo HTML_PARAMS; ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET; ?>">
<title><?php echo TITLE; ?></title>
<base href="<?php echo (($request_type == 'SSL') ? HTTPS_SERVER : HTTP_SERVER) . DIR_WS_CATALOG; ?>">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script language="javascript"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,res
izable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,le
ft=150')
}
//--></script>
<meta name="Author" content="badeziner" />
<meta name="Theme" content="Greenmania" />
<meta name="webdesign" content="www.badeziner.com" /></head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<div id="wrapper">
<!-- header //-->
<?php require(DIR_WS_INCLUDES . 'header.php'); ?>
<!-- header_eof //-->
<table width="895" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td style="background: url(images/template/left_border.gif) repeat-y;width:7px;height:100%;"></td>
<td colspan="11" bgcolor="#0A0909"><!-- body //-->
<table border="0" width="100%" cellspacing="3" cellpadding="3">
<tr>
<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>
<!-- body_text //-->
<td width="100%" valign="top"><?php echo tep_draw_form('cart_quantity', tep_href_link(FILENAME_PRODUCT_INFO, tep_get_all_get_params(array('action')) . 'action=add_product')); ?><table border="0" width="100%" cellspacing="0" cellpadding="0">
<?php
if ($product_check['total'] < 1) {
?>
<tr>
<td><?php new infoBox(array(array('text' => TEXT_PRODUCT_NOT_FOUND))); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<td align="right"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image_button('button_continue.gif', IMAGE_BUTTON_CONTINUE) . '</a>'; ?></td>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<?php
} else {
// BOF: More Pics 6 Removed images
$product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
// EOF: More Pics 6
$product_info_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_model, p.products_quantity, p.products_image, pd.products_url, p.products_price, p.products_tax_class_id, p.products_date_added, p.products_date_available, p.manufacturers_id from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pd.products_id = p.products_id and pd.language_id = '" . (int)$languages_id . "'");
$product_info = tep_db_fetch_array($product_info_query);

tep_db_query("update " . TABLE_PRODUCTS_DESCRIPTION . " set products_viewed = products_viewed+1 where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and language_id = '" . (int)$languages_id . "'");

if ($new_price = tep_get_products_special_price($product_info['products_id'])) {
$products_price = '<s>' . $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) . '</s> <span class="productSpecialPrice">' . $currencies->display_price($new_price, tep_get_tax_rate($product_info['products_tax_class_id'])) . '</span>';
} else {
$products_price = $currencies->display_price($product_info['products_price'], tep_get_tax_rate($product_info['products_tax_class_id']));
}

if (tep_not_null($product_info['products_model'])) {
$products_name = $product_info['products_name'] . '<br><span class="smallText">[' . $product_info['products_model'] . ']</span>';
} else {
$products_name = $product_info['products_name'];
}
?>
<tr>
<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="pageHeading" valign="top"><?php echo $products_name; ?></td>
<td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td>
</tr>
</table></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td class="main">
<?php
// BOF: More Pics
if (MORE_PICS_TABLE_LOCATION == 'above' || MORE_PICS_TABLE_LOCATION == 'sides') {
include (DIR_WS_MODULES . FILENAME_MORE_PICS);
}

$product_images_query = tep_db_query ("select image_filename
from " . TABLE_PRODUCTS_IMAGES . "
where products_id = '" . (int) $_GET['products_id'] . "'
and product_page = '1'
");
$product_images = tep_db_fetch_array ($product_images_query);
$products_main_image = $product_images['image_filename'];

if (tep_not_null ($products_main_image) && MORE_PICS_SHOW_ORIG_ON_PRODUCT_INFO == 'true') {
?>
<table border="0" cellspacing="0" cellpadding="2" align="right">
<tr>
<td align="center" class="smallText">
<?php
if (MORE_PICS_LINK_CSS_IMAGES == 'true') {
echo '<a href="' . tep_href_link (FILENAME_PRODUCT_INFO, tep_get_all_get_params() . '#morepics') . '">' . tep_image (DIR_WS_IMAGES . $products_main_image, $product_info['products_name'], (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>';
} else {
?>
<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $products_main_image, addslashes($product_info['products_name']), (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link (DIR_WS_IMAGES . $products_main_image) . '" target="_blank">' . tep_image (DIR_WS_IMAGES . $products_main_image, $product_info['products_name'], (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_WIDTH), (MORE_PICS_RESTRICT_PARENT=='false'?'':SMALL_IMAGE_HEIGHT), 'hspace="5" vspace="5"') . '<br><img border=0 src=images/zoom.gif></a>'; ?>
</noscript>
<?php
} // if (MORE_PICS_LINK_CSS_IMAGES ... else ...
// EOF: More Pics
?>
</td>
</tr>
</table>
<?php
}
?>
<p><?php echo stripslashes($product_info['products_description']); ?></p>
<?php
$products_attributes_query = tep_db_query("select count(*) as total from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "'");
$products_attributes = tep_db_fetch_array($products_attributes_query);
if ($products_attributes['total'] > 0) {
?>
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td class="main" colspan="2"><?php echo TEXT_PRODUCT_OPTIONS; ?></td>
</tr>
<?php
$products_options_name_query = tep_db_query("select distinct popt.products_options_id, popt.products_options_name from " . TABLE_PRODUCTS_OPTIONS . " popt, " . TABLE_PRODUCTS_ATTRIBUTES . " patrib where patrib.products_id='" . (int)$HTTP_GET_VARS['products_id'] . "' and patrib.options_id = popt.products_options_id and popt.language_id = '" . (int)$languages_id . "' order by popt.products_options_name");
while ($products_options_name = tep_db_fetch_array($products_options_name_query)) {
$products_options_array = array();
$products_options_query = tep_db_query("select pov.products_options_values_id, pov.products_options_values_name, pa.options_values_price, pa.price_prefix from " . TABLE_PRODUCTS_ATTRIBUTES . " pa, " . TABLE_PRODUCTS_OPTIONS_VALUES . " pov where pa.products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "' and pa.options_id = '" . (int)$products_options_name['products_options_id'] . "' and pa.options_values_id = pov.products_options_values_id and pov.language_id = '" . (int)$languages_id . "'");
while ($products_options = tep_db_fetch_array($products_options_query)) {
$products_options_array[] = array('id' => $products_options['products_options_values_id'], 'text' => $products_options['products_options_values_name']);
if ($products_options['options_values_price'] != '0') {
$products_options_array[sizeof($products_options_array)-1]['text'] .= ' (' . $products_options['price_prefix'] . $currencies->display_price($products_options['options_values_price'], tep_get_tax_rate($product_info['products_tax_class_id'])) .') ';
}
}

if (isset($cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']])) {
$selected_attribute = $cart->contents[$HTTP_GET_VARS['products_id']]['attributes'][$products_options_name['products_options_id']];
} else {
$selected_attribute = false;
}
?>
<tr>
<td class="main"><?php echo $products_options_name['products_options_name'] . ':'; ?></td>
<td class="main"><?php echo tep_draw_pull_down_menu('id[' . $products_options_name['products_options_id'] . ']', $products_options_array, $selected_attribute); ?></td>
</tr>
<?php
}
?>
</table>
<?php
}
// BOF: More Pics 6
if (MORE_PICS_TABLE_LOCATION == 'below') {
include (DIR_WS_MODULES . FILENAME_MORE_PICS);
}
// EOF: More Pics 6
?>
</td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
$reviews_query = tep_db_query("select count(*) as count from " . TABLE_REVIEWS . " where products_id = '" . (int)$HTTP_GET_VARS['products_id'] . "'");
$reviews = tep_db_fetch_array($reviews_query);
if ($reviews['count'] > 0) {
?>
<tr>
<td class="main"><?php echo TEXT_CURRENT_REVIEWS . ' ' . $reviews['count']; ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
}

if (tep_not_null($product_info['products_url'])) {
?>
<tr>
<td class="main"><?php echo sprintf(TEXT_MORE_INFORMATION, tep_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($product_info['products_url']), 'NONSSL', true, false)); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<?php
}

if ($product_info['products_date_available'] > date('Y-m-d H:i:s')) {
?>
<tr>
<td align="center" class="smallText"><?php echo sprintf(TEXT_DATE_AVAILABLE, tep_date_long($product_info['products_date_available'])); ?></td>
</tr>
<?php
} else {
?>
<tr>
<td align="center" class="smallText"><?php echo sprintf(TEXT_DATE_ADDED, tep_date_long($product_info['products_date_added'])); ?></td>
</tr>
<?php
}
?> <tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td><table border="0" width="100%" cellspacing="1" cellpadding="2" class="infoBox">
<tr class="infoBoxContents">
<td><table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
<td class="main"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT, tep_get_path($current_category_id = '')) . '">' . tep_image_button('button_back.gif', IMAGE_BUTTON_BACK) . '</a>'; ?></td>
<td class="main"align="middle"><?php echo '<a href="' . tep_href_link(FILENAME_PRODUCT_REVIEWS, tep_get_all_get_params()) . '">' . tep_image_button('button_reviews.gif', IMAGE_BUTTON_REVIEWS) . '</a>'; ?></td>
<td class="main" align="right"><?php echo tep_draw_hidden_field('products_id', $product_info['products_id']) . tep_image_submit('button_in_cart.gif', IMAGE_BUTTON_IN_CART); ?></td>
<td width="10"><?php echo tep_draw_separator('pixel_trans.gif', '10', '1'); ?></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td>
<?php
if ((USE_CACHE == 'true') && empty($SID)) {
echo tep_cache_also_purchased(3600);
} else {
include(DIR_WS_MODULES . FILENAME_ALSO_PURCHASED_PRODUCTS);
}
}
?>
</td>
</tr>
<?php
if (MORE_PICS_TABLE_LOCATION == 'bottom') {
?>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
<tr>
<td align="center" class="smallText"><?php include_once (DIR_WS_MODULES . FILENAME_MORE_PICS); ?></td>
</tr>
<?php
}
?>
</table></form></td>
<!-- body_text_eof //-->
</tr>
</table>
<!-- body_eof //-->

<!-- footer //-->
<?php require(DIR_WS_INCLUDES . 'footer.php'); ?>
<!-- footer_eof //-->
</td>
<td style="background: url(images/template/right_border.gif) repeat-y;width:7px;height:100%;"></td>
</tr>
</table>
</div>
</body>
</html>
<?php require(DIR_WS_INCLUDES . 'application_bottom.php'); ?>

Link to comment
Share on other sites

For more on what you can do with the css

 

http://www.oscommerce.info/kb/osCommerce/C...n_and_Layout/54

 

HTH

Need help installing add ons/contributions, cleaning a hacked site or a bespoke development, check my profile

 

Virus Threat Scanner

My Contributions

Basic install answers.

Click here for Contributions / Add Ons.

UK your site.

Site Move.

Basic design info.

 

For links mentioned in old answers that are no longer here follow this link Useful Threads.

 

If this post was useful, click the Like This button over there ======>>>>>.

Link to comment
Share on other sites

you can change this just in the product_info.php file.

 

find this line:

 

<p><?php echo stripslashes($product_info['products_description']); ?></p>

 

change to this:

 

<p style="background-color: white; color: black;"><?php echo stripslashes($product_info['products_description']); ?></p>

 

if you want the box a different color just change "white" to whatever color you want. if you want to change the text color then change "black".

Link to comment
Share on other sites

Thanks, but it is not working on all products.

 

It works with the default text: http://www.webshop.combatkit.no/product_in...01466e6fdd762f2

 

But if I edit the text in FCK it looks like this: http://www.webshop.combatkit.no/product_in...01466e6fdd762f2

 

No white BG!!

 

 

i'm guessing you made the list of bullets by putting <ul> and <li> in the product description.

 

in order to change the background and text in a list is to do the same thing in <ul> as you did in <p>.

 

like this: <ul style="background-color: white; color: black;">

 

it will have to be done in every product description that has a list.

Link to comment
Share on other sites

I have the FCK editor for the product text, and derfor I did not insert the HTML codes manually..

 

I can try to add the <ul style="background-color: white; color: black;"> in the fck editor.

 

I think the black BG looks more pro. The white BG does not seem to fit well in the design.. agree?? Any ideas to make this look PRO? It should be easy to reed the product text.

 

Reagrds

Link to comment
Share on other sites

I have the FCK editor for the product text, and derfor I did not insert the HTML codes manually..

 

I can try to add the <ul style="background-color: white; color: black;"> in the fck editor.

 

I think the black BG looks more pro. The white BG does not seem to fit well in the design.. agree?? Any ideas to make this look PRO? It should be easy to reed the product text.

 

Reagrds

 

i think that the white text on a dark background is easy to read. thats the way my site is designed and everybody i know thinks that it looks good.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...