Jump to content
xt:Commerce Community Forum
Sign in to follow this  
ronnye

Boxen einf?rben

Recommended Posts

Hallo an alle Template Designer,

bitte um eure Hilfe!

Und zwar ich habe jetzt schon alles durchsucht aber immer noch nicht gefunden.

Ich habe mir selbst ein schwarzes Template gebastelt aber leider finde ich nicht herraus wie man die Boxen einf?rbt.

Damit meine ich diese wie z.B. ($box_CATEGORIES)

Die sind bei mir immer helgrau mit einem dunkelgrauen rechten seitenrand,... ARGHH....

Bitte um Hilfe das treibt mich echt schon in den Wahnsinn......

Danke f?r eure Hilfe.

LG, Ronny

Share this post


Link to post
Share on other sites

Hallo!

Danke f?r Deine Hilfe!

Also das Habe ich gemacht:

<body text="#000000" bgcolor="#3F3F3F">


{config_load file="$language/lang_$language.conf" section="boxes"} 


<table width="100%" border="0" cellpadding="0" cellspacing="0">

 <tr>

  <td> <table border="0" width="100%" cellspacing="0" cellpadding="0">

 <tr> 

  <td width="100%" height="14" class="infoBoxHeading">{#heading_categories#}</td>

  </tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">

 <tr>

  <td>

	<table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents" bgcolor="#3F3F3F" background="{$tpl_path}img/black.gif">

 <tr>

  <td><img src="{$tpl_path}img/black.gif" border="0" alt="" width="100%" height="1"></td>

 </tr>

 <tr>

  <td align="left" class="boxText" background="{$tpl_path}img/black.gif">{$BOX_CONTENT}</td>

 </tr>

 <tr>

  <td><img src="{$tpl_path}img/black.gif" border="0" alt="" width="100%" height="1"></td>

 </tr>

</table>

</td>

 </tr>

</table></td>

 </tr>

</table>

Und trotzdem ist der Title dieser Box immer noch Helgrau und der Rechte Seitenrand ist immer noch Helgrau...

Warum ist das so?

In dem kleinen st?ckchen html code der zu dieser Box geh?rt seht nirgendwo etwas von diesen grauen farben.

Mein Schwarz : 3F3F3F ist nicht 100%ig Schwarz sondern viel mehr ein sehr dunkles Grau.

Auch das black.gif habe ich selbst gemacht, dieses ist 1x1 pixel gro? und hat ebenfalls die Farbe 3F3F3F .

Aber das Grau das bei mir angezeig wird ist: CCCCCC und F4F4F4

Danke f?r eure Bem?hungen!!!

LG,Ronny

Share this post


Link to post
Share on other sites

Hast du die klassen in der stylesheet.css nicht g?ndert?

Da m?sste ungef?hr folgendes stehen:

.infoBoxHeading {

~~

background-color: #CCCCCC;

~~

}

.boxText {

~~

background-color: #F3F3F3;

~~

}

Diese Farbwerte einfach durch die eigenen ersetzen, du kannst auch ~class="infoBoxHeading"~ und ~class="boxText"~ aus der HTAML Datei rausl?schen, was ich dir aber nicht empfehle...

Wenn das immer noch nicht funktioniert, schick bitte einen Link, dann kann man sich das mal selber anschauen...

mfg

n3or

Share this post


Link to post
Share on other sites

das sind die st?cke aus meinem code:

.boxText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

und

TD.infoBoxHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #000000;

height:17px;

color: #ffffff;

}

TD.infoBoxHeading_right {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #000000;

height:17px;

color: #ffffff;

Share this post


Link to post
Share on other sites

dazu musst du die classes .infoBox und .infoBox_right anpassen

ganz nebenbei, was hat der code bitte in einer ...box.html zu suchen:

<body text="#000000" bgcolor="#3F3F3F">

verwende mal einen vern?nftigen editor sonst kommt da eh nur "codemurks" raus

Share this post


Link to post
Share on other sites

ganz nebenbei, was hat der code bitte in einer ...box.html zu suchen:

<body text="#000000" bgcolor="#3F3F3F">

verwende mal einen vern?nftigen editor sonst kommt da eh nur "codemurks" raus

alles klar, aber sie steht ja nicht in einer html, sondern in einer .css datei!

ich bearbeite diese mit dreamweaver! ist das kein passendes programm?

Share this post


Link to post
Share on other sites

SUPER DANKE!!!

Das mit dem CSS war es!!

Ist zwar nicht ganz so einfach, da man erst heraus finden mu? was wo dazu geh?rt aber es funktioniert!

MEINE BOXEN SIND ENDLICH SCHWARZ!!!!

LG, Ronny

Share this post


Link to post
Share on other sites

ich noch mal. und hier mal der inhalt meiner css datei. die seite war pk-pro

w?re sch?n, wenn mir einer helfen k?nnte....ich steige bei css noch nicht so durch!

_______________________________________________

-----------------------------------------------------------------------------------------

$Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $

XT-Commerce - community made shopping

http://www.xt-commerce.com

Copyright © 2004 XT-Commerce

-----------------------------------------------------------------------------------------

based on:

© 2000-2001 The Exchange Project (earlier name of osCommerce)

© 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com

© 2003 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

Released under the GNU General Public License

---------------------------------------------------------------------------------------*/

.boxText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

.boxTextBG {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background-color: #f1f1f1;

}

.boxTextBGII {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background-color: #FFCC99;

}

.boxTextPrice {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #FF0000;

}

.errorBox {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

font-weight: bold;

background-color: #ffb3b5;

}

.gvBox {

font-family : Verdana, Arial, sans-serif;

font-size : 14px;

font-weight: bold;

border-color: #FFFFFF;

border: 1px solid;

background-color: #ffb3b5;

}

.stockWarning {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

color: #cc0033;

}

.productsNotifications {

background-color: #f2fff7;

}

.orderEdit {

font-family : Verdana, Arial, sans-serif;

font-size : 10px;

color: #70d250;

text-decoration: underline;

}

BODY {

color: #000000;

margin: 0px;

background-color: #ffffff;

}

img{

border:0;

}

A {

color: #000000;

text-decoration: none;

}

A:hover {

color: #0000ff;

text-decoration: underline;

}

FORM {

display: inline;

}

TR.header {

background-color: #ffffff;

}

TR.headerNavigation {

background: #F6F6F6;

}

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

font-weight : bold;

border-bottom: 1px solid;

border-color: #b6b7cb;

background-color: #F6F6F6;

}

A.headerNavigation {

color: #000000;

}

A.headerNavigation:hover {

color: #000000;

}

TD.conditions {

background-color: #FFCCCC;

}

A.confirmationEdit {

color: #009933;

font-style: italic;

}

A.confirmationEdit:hover {

color: #009933;

font-style: italic;

text-decoration: underline;

}

TR.headerError {

background-color: #ff0000;

}

TR.headerMessage {

background-color: #00CC33;

}

.moduleHeading {

font-family: Verdana, Arial, sans-serif;

font-size: small;

font-weight: bold;

padding-bottom: 10px;

}

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;

}

TR.footer {

background: #bbc3d3;

}

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #F6F6F6;

color: #000000;

font-weight : bold;

border-bottom: 1px solid;

border-color: #b6b7cb;

}

.infoBox {

}

.infoBoxContents {

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: #000000;

height:17px;

color: #ffffff;

}

TD.infoBoxHeading_right {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

font-weight: bold;

background: #000000;

height:17px;

color: #ffffff;

}

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

border-right: 4px solid;

background: #E6E6E6;

border-color: #C4C4C4;

}

TD.infoBox_right, SPAN.infoBox_right {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #E6E6E6;

}

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: 1px;

border-style: solid;

border-color: #b6b7cb;

border-spacing: 1px;

}

.productListing-heading {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #b6b7cb;

color: #FFFFFF;

font-weight: bold;

}

TD.productListing-data {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

A.pageResults {

color: #0000FF;

text-decoration: underline;

}

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 16px;

font-weight: bold;

color: #000000;

}

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;

}

SPAN.underline {

text-decoration: underline;

}

TABLE.formArea {

background: #f1f1f1;

border-color: #cccccc;

border-style: solid;

border-width: 1px;

}

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

TD.copyright {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

text-align:center;

}

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.productOldPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

text-decoration: line-through;

}

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

SPAN.productDiscountPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

font-weight: bold;

}

.smallHeading {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size: x-small;

font-weight: bold;

color: Black;

}

.moduleRow {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

background-color: #E6E6E6;

border: 1px solid;

border-color: #E6E6E6;

}

.moduleRowOver {

background-color: #D7E9F7;

border: 1px solid;

border-color: #ffffff;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

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

/* sitewide font classes */

/* Note: heading<Number> equals <font size="Number"> */

.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }

.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */

.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;

background-color: #666666;

padding-top: 2px; padding-bottom: 2px;}

.sitemap_heading a {color:#FFFFFF;}

.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}

.sitemap_sub a {color:#000000;}

.sitemap_sub a:hover {color:#999999; text-decoration:none;}

/* 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; }

.tableShop {

background-color: #ffffff;

border-left: 1px solid;

border-right: 1px solid;

border-color: #b6b7cb;

}

.navLeft {

border-right: 1px solid;

border-color: #000000;

background-image: url(img/bg_left_column.jpg);

width: 185px;

}

.navRight {

border-color: #000000;

border-top-width: 4px;

border-top-style: solid;

border-left-width: 4px;

border-left-style: solid;

background-color: #E6E6E6;

width: 185px;

}

.contentsTopics {

font-family: Verdana, Arial, sans-serif;

font-size: 14px;

font-weight: bold;

}

.tableListingI {

background-color: #eeeeee;

}

.tableListingII {

background-color: #d0d0d0;

}

.tableBody {

padding: 5px;

}

.poweredby {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

font-weight: bold;

}

.onepxwidth {

width: 1px;

}

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...