Jump to content
xt:Commerce Community Forum

Wo ändere ich Kategorie Farben etc?

Cyberurmel

By Cyberurmel,
in HTML & CSS

Recommended Posts

Cyberurmel Newbie

Cyberurmel

Posted
Posted

Hi all,

so wieder mal für mich ein Prob :-)

In meinen Kategorien gibt es Unterkategorien welche wenn Sie aktiviert sind dick dargestellt werden in Farbe weiß . Dies würde ich gerne ändern in Orange. Hab mich auch schon durch die css gehangelt aber finde einfach nicht wo ich das einstellen kann/muss.

Kann mir jemand helfen??

Vielen Dank

Cyber

Link to comment
Share on other sites
learn_beginner Newbie

learn_beginner

Posted
Posted

hallo ...

dann musst du mir mal den quelltext zeigen ...

eigentlich sieht man das denn auch wo man eingreifen

müsste ....

beispielsweise .... sieht es dann so aus:



..

<div id="leftcol">

 <h2 class="boxheader">Produkte</h2>


<ul id="categorymenu">

	<li class="level1"><a href="link" title="test">test</a></li>


..

[/HTML]

und die "id" oder "class" verraten dir den namen die du dann auch in der css

findest ... dort stehen dann die parameter drin

Link to comment
Share on other sites
oldbear Apprentice

oldbear

Posted
Posted

Hi all,

so wieder mal für mich ein Prob :-)

In meinen Kategorien gibt es Unterkategorien welche wenn Sie aktiviert sind dick dargestellt werden in Farbe weiß . Dies würde ich gerne ändern in Orange. Hab mich auch schon durch die css gehangelt aber finde einfach nicht wo ich das einstellen kann/muss.

Kann mir jemand helfen??

Vielen Dank

Cyber

hi ,

in der stylesheet.css unter /* CATEGORYMENU */

ist das der Eintrag:

ul#categorymenu .active, ul#categorymenu .active a { font-weight:900; color: #000;}

Darunter kannst Du unter /* 1st Tier */ usw. das noch pro Level steuern.

Grüsse

Günther

Link to comment
Share on other sites
Cyberurmel Newbie

Cyberurmel

Posted
  • Author
Posted

Hallo Günther,

vielen Dank erstmal für die Antworten ! :-)

Aber entweder bin ich durch oder die Einträge gibt es bei mir nicht???

hier mal "meine" .css

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

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

XT-Commerce - community made shopping

xt:Commerce Shopsoftware VEYTON 4.0

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); osCommerce, Open Source Online Shop E-Commerce Solutions

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

Released under the GNU General Public License

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

.test {

text-align:right;

vertical-align:bottom;

background-image: url(./img/icon_arrow.jpg)

}

.boxText {

font-family: Arial, sans-serif;

font-size: 10px;

}

.boxTextBG {

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

font-size: 10px;

color: #ffffff;

text-decoration: none;

font-weight: normal;

background-color: #143665;

}

/* Produktnavigation */

.navigator, .navigator A, .navigator A:visited {

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

font-size: 10px;

color: #ffffff;

text-decoration: none;

font-weight: normal;

background-color: #143665;

}

.errorBox { font-family : Arial, sans-serif; font-size : 10px; background: #6FD05F; font-weight: bold; }

.stockWarning { font-family : Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {

background-color: #153767;

/*background-image: url(./img/back.png);

background-attachment:fixed;

background-position: top;*/

color: #ffffef;

font-family : Arial, sans-serif;

font-size : 10px;

}

img{

border:0;

}

A {

color: #ffffef;

text-decoration: none;

}

A:hover {

color: #ff9900;

text-decoration: underline;

}

FORM {

display: inline;

}

.navileiste_1 {

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

vertical-align: middle;

width: 20px;

height: 27px;

background-repeat: repeat-x;

}

.navileiste_2 {

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

background-repeat: repeat-x;

height: 20px;

text-align: center;

vertical-align: top;

color: #143665;

overflow: hidden;

font-size: 10px;

line-height: 12px;

text-decoration: none;

font-weight: bold;

padding-top:4px;

}

.navileiste_3 {

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

vertical-align: middle;

width: 20px;

height: 27px;

background-repeat: repeat-x;

}

.navileiste_2 a {

color: #143665;

padding: 2px;

font-weight: bold;

}

.navileiste_2 a:hover {

color: #B7CDD6;

padding: 2px;

text-decoration: none;

font-weight: bold;

}

TD.headerError {

font-family: Arial, sans-serif;

font-size: 12px;

background: #6FD05F;

color: #ffffff;

font-weight : bold;

text-align : center;

padding: 5px;

}

.infoBoxContents {

font-family: Arial, sans-serif;

font-size: 10px;

}

.infoBoxNotice {

border: 3px solid #ff0000;

}

.infoBoxNoticeContents {

background: #FF9933;

font-family: Arial, sans-serif;

font-size: 10px;

}

TD.infoBoxHeading {

font-family: Arial, sans-serif;

font-size: 11px;

font-weight: bold;

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

height: 20px;

color: #153767;

/*text-indent: 2px;*/

line-height: 11px;

text-align: center;

vertical-align:top;

overflow:hidden;

padding-top:5px;

}

TD.infoBoxHeading a{

color: #ffffff;

}

TD.infoBoxHeading a:hover{

color: #B7CDD6;

}

TD.infoBoxHeading_1 {

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

height: 27px;

width: 20px;

}

TD.infoBoxHeading_2 {

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

height: 27px;

width: 20px;

}

TD.infoBox, SPAN.infoBox {

font-family: Arial, sans-serif;

font-size: 10px;

}

TD.infoBox_right, SPAN.infoBox_right {

font-family: Arial, sans-serif;

font-size: 10px;

}

.border{

/*height: 380px;*/

border: 1px solid #666666;

margin-bottom: 5px;

}

A.pageResults {

color:#009933;

}

A.pageResults:hover {

color:#ff9933;

}

TD.pageHeading, DIV.pageHeading {

font-family: Arial, sans-serif;

font-size: 16px;

font-weight: bold;

color: #ffffef;

}

TD.main, P.main {

font-family: Arial, sans-serif;

font-size: 11px;

}

TD.smallText, SPAN.smallText, P.smallText {

font-family: Arial, sans-serif;

font-size: 10px;

}

TD.tableHeading {

font-family: Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Arial, sans-serif;

font-size: 11px;

}

TEXTAREA {

width: 100%;

font-family: Arial, sans-serif;

font-size: 11px;

}

SPAN.greetUser {

font-family: Arial, sans-serif;

font-size: 12px;

color: #6FD05F;

font-weight: bold;

}

TABLE.formArea {

background: #143665;

border-color: #ff9933;

border-style: solid;

border-width: 1px;

padding:5px;

margin-bottom:5px;

}

TD.formAreaTitle {

font-family: Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

SPAN.markProductOutOfStock {

font-family: Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

SPAN.productSpecialPrice {

font-family: Arial, sans-serif;

color: #ff0000;

}

SPAN.errorText {

font-family: Arial, sans-serif;

color: #6FD05F;

}

SPAN.productDiscountPrice {

font-family: Arial, sans-serif;

color: #ff0000;

font-weight: bold;

}

.smallHeading {

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

font-size: x-small;

font-weight: bold;

color: #ff9900;

}

.moduleRow {

font-family: Arial, sans-serif;

font-size: 13px;

line-height: 13px;

border: 1px solid;

border-color: #E6E6E6;

}

.moduleRow a:active {

font-family: Arial, sans-serif;

font-size: 13px;

line-height: 13px;

background-color: #B7CDD6;

border: 0px solid;

border-color: #E6E6E6;

}

.moduleRowOver {

cursor: hand;

border: 1px solid;

border-color: #ff9900;

font-family: Arial, sans-serif;

font-size: 13px;

line-height: 13px;

color: #ff9900;

}

.moduleRowOver a:hover {

font-family: Arial, sans-serif;

font-size: 13px;

text-decoration:none;

line-height: 13px;

color: #ff9900;

}

.moduleRowActive a:hover {

font-family: Arial, sans-serif;

font-size: 13px;

line-height: 13px;

color: #000000;

}

.moduleRowSelected { background-color: #B7CDD6;

color: #000000; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10px; color: #ffffef; }

/* sitewide font classes */

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

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

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

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

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

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

/* Sitemap Tables */

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

background-color: #003366;

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

.sitemap_heading a {color:#FFFFFF;}

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

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

.sitemap_sub a {color:#ffffef;}

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

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #6FD05F; }

.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff9933; font-weight: bold; }

.tableShop {

background-color: #153767;

}

.navLeft {

vertical-align: top;

width: 200px;

/*background-image: url(./img/back.png);*/

padding: 2px;

}

.navRight {

vertical-align: top;

width: 200px;

padding: 2px;

}

.poweredby {

font-family: Arial, sans-serif;

font-size: 10px;

color: #ffffef;

font-weight: bold;

}

.pageHeaderleft {

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

vertical-align: middle;

height: 90px;

width: 525px;

background-position: left left;

background-repeat: repeat;

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

font-size: 12px;

font-weight: bold;

text-decoration: none;

color: #ffffff;

}

.header {

vertical-align: middle;

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

height: 90px;

background-repeat: repeat;

}

.pageHeaderright {

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

vertical-align: middle;

height: 90px;

background-position: right;

text-align: right;

background-repeat: no-repeat;

}

.pageHeaderright a {

color: #ffffff;

}

.pageHeaderright a:hover {

color: #ff0000;

text-decoration:none;

}

.contentsTopics {

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

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

font-size: 14px;

line-height: 16px;

height: 16px;

text-decoration: none;

font-weight: bold;

padding: 5px;

color: #ffffff;

}

.contentsTopics a {

color: #ffffff;

}

.contentsTopics2 {

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

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

font-size: 12px;

line-height: 16px;

height: 16px;

text-decoration: none;

font-weight: bold;

padding: 5px;

color: #ffffff;

}

.contentsTopics2 a {

color: #ffffff;

}

.contentsTopics2 a:hover {

color: #B7CDD6;

text-decoration:none;

}

/* Preisformatierung allgemein und bei Prozentualer Reduzierung */

.price {

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

font-size: 14px;

line-height: 14px;

font-weight: bold;

}

.boxprice {

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

font-size: 13px;

line-height: 14px;

font-weight: bold;

}

.productOldPrice {

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

font-size: 14px;

line-height: 14px;

text-decoration: line-through;

font-weight: bold;

text-transform: uppercase;

text-indent: 5pt;

font-style: italic;

color: #ff0000;

}

.productNewPrice {

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

font-size: 14px;

line-height: 14px;

text-decoration: none;

font-weight: bold;

text-transform: uppercase;

text-indent: 5pt;

color: #ffffef;

}

.productDiscount {

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

font-size: 10px;

line-height: 12px;

text-decoration: none;

font-weight: normal;

text-transform: uppercase;

text-indent: 5pt;

color: #ff0000;

}

.yourPrice {

color: #ff0000;

font-size: 12px;

}

.tableListingI {

background-color: #003366;

}

.tableListingII {

background-color:#153767;

}

.tableListingIII {

padding: 3px;

background-color:#153767;

}

.onepxwidth {

width: 1px;

}

/* BOXES */

.box_ol {

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

width: 20px;

height: 16px;

line-height: 16px;

background-repeat: no-repeat;

}

.box_om {

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

width: 100%;

height: 14px;

line-height: 14px;

background-repeat: repeat-x;

}

.box_or {

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

width: 21px;

height: 16px;

line-height: 16px;

background-repeat: no-repeat;

}

.box_ml {

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

width: 20px;

height: 5px;

line-height: 5px;

background-repeat: repeat-y;

}

.box_mm {

background-color: #153767;

}

.box_mr {

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

width: 21px;

height: 5px;

line-height: 5px;

background-repeat: repeat-y;

background-position: left;

}

.box_ul {

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

width: 20px;

height: 18px;

line-height: 18px;

background-repeat: no-repeat;

}

.box_um {

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

width: 100%;

height: 18px;

line-height: 18px;

background-repeat: repeat-x;

}

.box_ur {

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

height: 18px;

width: 21px;

background-repeat: no-repeat;

}

.guthaben {

background-color:#000000;

font-size: 10px;

line-height: 12px;

text-decoration: none;

font-weight: normal;

text-indent: 5pt;

color: #ff0000;

}

.copyright {

font-size: 10px;

text-align: center;

line-height: 12px;

text-decoration: none;

font-weight: normal;

color: #ffffef;

}

Kannst du damit was anfangen??

Danke greets

Cyber

Link to comment
Share on other sites
  • 1 year later...

Archived

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

Go to topic listing
×
×
  • Create New...