Boxen einf?rben

ronnye · March 20, 2006

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

n3or · March 20, 2006

in dem Templateordner in den Ordner boxes und dann die gew?nschten html dateien der Boxen editieren

mfg

n3or

IVOMANIA · March 20, 2006

Ist das nicht in der stylsheet.css deines Templates abgelegt? Ich w?rde erst mal dort schauen.

Gru? Jens

n3or · March 20, 2006

Dazu muss er erstmal wissen mit welchen klassen die Boxen belegt sind und das steht in den HTML Dateien

ronnye · March 20, 2006

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

IVOMANIA · March 20, 2006

Versuch es mal mit dem kostenlosen Programm TopStyle Lite.

Das zeigt dir die entsprechenden Farben im stylesheet gleich an.

n3or · March 20, 2006

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

Pinselknecht · March 20, 2006

hi, ich habe das selbe problem. ich m?chte gerne die standart-hellgrauen hintergr?nde entfernen.

was muss ich einstellen?

PK-PRO

wenn da mir einer helfen kann

thx

pk

Pinselknecht · March 20, 2006

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;

dukie6666 · March 21, 2006

dazu musst du die classes .infoBox und .infoBox_right anpassen

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

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

Pinselknecht · March 21, 2006

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?

ronnye · March 21, 2006

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

Pinselknecht · March 21, 2006

was hast du denn gemacht ronnye?

ich habe das noch nicht ganz verstanden

Pinselknecht · March 21, 2006

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

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

based on:

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;

}

Pinselknecht · March 21, 2006

habe es schon selber geschafft

probieren hilft !

ich danke euch

Boxen einf?rben

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived