Formularfelder ?ndern

anja · #1 (**permalink**) 27.08.2004, 06:24

Hallo,
in der Suche habe ich nichts gefunden, daher hoffe ich hier auf Hilfe!
Habe die aktuelle XTC Version sowie Template XTC4u51_x.

Bis jetzt habe ich den "Look" des Shops erfolgreich per CSS und Editor ge?ndert, fast alles fertig, bis auf die Formularfelder. Ich m?chte gerne deren Hintergrundfarbe ?ndern.
Wie ?ndere ich die? Und wo? Ich finde nichts.
W?re dankbar f?r eine Hilfestellung.

Gr??e
anja

dukie6666 · #2 (**permalink**) 27.08.2004, 06:47

such in dder css datei folgendes:

Code:

TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;
}

dort kannst du das ?ndern

anja · #3 (**permalink**) 27.08.2004, 13:46

Vielen Dank! Schon wieder hast du mir geholfen!
Viele Gr??e und ein sch?nes Wochenende!
Anja

anja · #4 (**permalink**) 27.08.2004, 22:42

..funktioniert nicht... und nun?

dukie6666 · #5 (**permalink**) 28.08.2004, 09:33

dann hat der theme ersteller die class des templates abge?ndert. du musst im template schauen welche class vor dem form tag steht

anja · #6 (**permalink**) 11.09.2004, 20:50

hab?s gefunden: es ist die class "TEXTAREA"

maritas-esoterik · #7 (**permalink**) 13.09.2004, 12:23

Hallo zusammen.

Auch ich habe es bisher nicht hinbekommen, den Hintergrund von Eingabefeldern und Beschreibungen von System aus (z.B. unter "Neue Produkte" Hintergrund der Preisangabe / Fehlermeldungen etc.) zu ?ndern.
Da ich ein dunkles Design verwende (modifiziertes xtc2-Template), ist es w?nschenswert, keine wei?en Fl?chen zu haben (zudem wird die von mir angegebene Schriftfarbe #D7DADD auf hellem Hintergrund angezeigt).

Wie kann ich dies wo ?ndern?

Hier die stylesheet.css des Templates:

Code:

/* -----------------------------------------------------------------------------------------
  $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 (c) 2004 XT-Commerce 
  -----------------------------------------------------------------------------------------
  based on: 
  (c) 2000-2001 The Exchange Project (earlier name of osCommerce)
  (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
  (c) 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: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #000000; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #D7DADD; }
.productsNotifications { background: #000000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #D7DADD; text-decoration: underline; }

BODY {
 background: #000000;
 color: #D7DADD;
 margin: 0px;
}

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

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

FORM {
	display: inline;
}

TR.header {
 background: #000000;
}

TR.headerNavigation {
 background: #000000;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 color: #D7DADD;
 font-weight : bold;
 border-bottom: 1px solid;
 border-color: #2A3346;
}

A.headerNavigation { 
 color: #FFFFCC; 
}

A.headerNavigation:hover {
 color: #99CCFF;
}

TR.headerError {
 background: #000000;
}

TD.headerError {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 color: #D7DADD;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #000000;
}

TD.headerInfo {
 font-family: Tahoma, Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 color: #D7DADD;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #000000;
}

TD.footer {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
  background: #000000;
 color: #D7DADD;
 font-weight : bold;
 border-bottom: 1px solid;
 border-color: #2A3346;
}

.infoBox {
}

.infoBoxContents {
 background: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

.infoBoxNotice {
 background: #000000;
}

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

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #2A3346;
 height:16;
 color: #FFFFFF;
}

TD.infoBoxHeading_right {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 background: #2A3346;
 height:16;
 color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, sans-serif;
 font-size: 16px;
 border-right: 1px solid;
 background: #000000; 
 border-color: #2A3346;
}

TD.infoBox_right, SPAN.infoBox_right {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000; 

}

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

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

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

.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 background: #000000;
 color: #D7DADD;
 font-weight: bold;
}

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

A.pageResults {
 color: #FFFFCC;
}

A.pageResults:hover {
 color: #99CCFF;
 background: #000000;
}

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

TR.subBar {
 background: #000000;
}

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

TD.main, P.main {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 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: 12px;
 color: #D7DADD;
}

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: 12px;
 color: #D7DADD;
}

CHECKBOX, INPUT, RADIO, SELECT {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
}

SPAN.greetUser {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #D7DADD;
 font-weight: bold;
}

TABLE.formArea {
 background: #000000;
 border-color: #2A3346;
 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: #D7DADD;
 font-weight: bold;
}

SPAN.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #D7DADD;
}

SPAN.errorText {
 font-family: Verdana, Arial, sans-serif;
 color: #D7DADD;
}

SPAN.productDiscountPrice {
 font-family: Verdana, Arial, sans-serif;
 color: #D7DADD;
 font-weight: bold;
}

.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 line-height: 1.5;
 background-color: #000000;
 border: 1px solid;
 border-color: #2A3346;

}
.moduleRowOver { 
	background-color: #000000; 
	cursor: hand;
	border: 1px solid;
	border-color: #2A3346;
	font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #000000; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #D7DADD; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #D7DADD; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #D7DADD; 
	background-color: #000000; 
	padding-top: 1px; padding-bottom: 1px;}
.sitemap_heading a {color:#FFFFCC;}
.sitemap_heading a:hover {color:#99CCFF; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #D7DADD; background-color: #000000; padding: 1px 1px;}
.sitemap_sub a {color:#FFFFCC;}
.sitemap_sub a:hover {color:#99CCFF; text-decoration:none;}


/* message box */

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

/* input requirement */

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

.tableShop {
background-color: #000000;
border-left: 1px solid;
border-right: 1px solid;
border-color: #2A3346;
}

.navLeft {
border-right: 1px solid;
border-color: #2A3346;
}
.navRight {
border-left: 1px solid;
border-color: #2A3346;
}
.tableBody {
padding: 5px;
}

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

Vielen Dank f?r eure Hilfe. :i:

Gru?, Timo (alias Maritas-Esoterik)

anja · #8 (**permalink**) 13.09.2004, 12:30

Hallo, du f?gst einfach in den TEXTAREA Style diene gew?nschte Hintergrundfarbe ein - z.B. #cccccc (hellgrau)

TEXTAREA {
width: 100%;
background: #cccccc;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

maritas-esoterik · #9 (**permalink**) 13.09.2004, 12:53

Hallo, ich habe folgendes ge?ndert

TEXTAREA {
width: 100%;
background: #3A4054;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;

und die stylesheet.css anschlie?end wieder hochgeladen (Browser aktualisiert) - doch es gibt keine Ver?nderung.

Zum Nachsehen: http://maritas-esoterik.de/xtcommerce/index.php

Woran k?nnte es noch liegen?... :grml:

sneakers · #10 (**permalink**) 19.09.2004, 03:24

Ich habe es bisher nicht hinbekommen. Ich hoffe, es gibt schnellstens eine L?sung, da der Shop bereits aktiv ist...

Danke jedoch f?r deine Tipps, anja.

MfG, Timo

PS.: Ich bin derzeit mit dem "sneakers"-Account eingeloggt. :i: (Ich nutze beide Accounts, da ich beide Zugangsdaten habe und mich um die Einrichtung der beiden OnlineShops k?mmere...)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln