Nur Links im Main verändern...

[Clever]

Hallo
Wir möchten gerne in unserem Shop die angezeigten "weiteren Unterkategorien" im Main farblich umgestalten ...
diese jedoch müssten wir entsprechend in der CSS definieren - leider weiß ich nicht wie

  [ Für Gäste sind keine Dateianhänge sichtbar ]

wenn sich jemand erbarmen könnte ? wäre super - danke



Linkback: https://www.modified-shop.org/forum/index.php?topic=7109.0

[Tomcraft]

Untersuche die Links mal bitte mit Firebug für Firefox, dann siehst du genau, welche Klassen da ggf. für zugeordnet sind.

-> FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Grüße

Torsten

[Clever]

Hi Torsten
ich hab mir das Teil schon gezogen...
ich könnte nun ALLE Links im Body umfärben...
...doch das ist nicht das was wir möchten, sondern NUR die nachfolgenden Kategorielinks.
Dazu müssten wir diese definieren - und genau da weiss ich nicht wie ich das anstellen soll.

Ich denke nicht, dass es ausreicht in der CSS eine neue Gruppe namens Mainlinks zu definieren.
vielmehr muss ich dem dann ja auch sagen WELCHE Links ich als Mainlinks ansehe...
hier mal der obere Abschnitt unserer CSS

Code: CSS  [Auswählen]

* THE BIG GUYS */
* {

}
body {
        font-family:\\\"Trebuchet MS\\\",  Arial, Sans-serif, Verdana;
        font-size:13px;
        margin:0 0 20px 0;
        padding:0;

        background-color:#cab391;
        background-image:url(img/dekor5.jpg);
}
/* HEADINGS */
h1 {
        color:#000000;
        font-weight:bold;
        font-size:22px;
        margin:20px 0px 15px 0px;
        padding:0px;
        width:auto;
        border-style:solid;
        border-width:0px 0px 0px 0px;
        border-color:#bfad47;
}
h2 {
        color:#000000;
        font-weight:bold;
        font-size:16px;
        margin:15px 0px 8px 0px;
        padding:0px;
}
/* LINKS GLOBAL */
a, a:link, a:link, a:link, a:hover {
        background:transparent;
        text-decoration:underline;
        cursor:pointer
}
a:link {
        color:#3b0001
}
a:visited {
        color:#3b0001
}
a:hover, a:active {
        color:#3b0001
}
a img {
        border:none
}
/* INPUT ELEMENTS GLOBAL (CSS 1 compatible) */
input {
        font-family:\\\"Trebuchet MS\\\",  Arial, Sans-serif, Verdana;
        font-size:12px;
}
textarea {
        font-family:\\\"Trebuchet MS\\\",  Arial, Sans-serif, Verdana;
        font-size:12px;
        border-width:1px;
        border-style:solid;
        border-top-color:#4E4E4F;
        border-left-color:#4E4E4F;
        border-bottom-color:#AEAEAE;
        border-right-color:#AEAEAE
}
select {
        font-family:\\\"Trebuchet MS\\\",  Arial, Sans-serif, Verdana;
        font-size:12px;
        border-width:1px;
        border-style:solid;
        border-top-color:#4E4E4F;
        border-left-color:#4E4E4F;
        border-bottom-color:#AEAEAE;
        border-right-color:#AEAEAE
}
/* INPUT ELEMENTS DETAILED (CSS 2 compatible - works only in new browsers (FF 2.0, IE 7...) */
input[type=text], input[type=password] {
        border-width:1px;
        border-style:solid;
        border-top-color:#4E4E4F;
        border-left-color:#4E4E4F;
        border-bottom-color:#AEAEAE;
        border-right-color:#AEAEAE
}
/* PARAGRAPH GLOBAL */
p {
        margin:8px 0px 8px 0px
}
/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:0;
        line-height:0px;
        background-color:#4E4E4F
}
div.hrlightgrey {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:0;
        line-height:0px;
        background-color:#999999
}
div.hrproductpreview {
        padding-top:1px;
        height:0;
        overflow:hidden;
        margin:12px 0px 12px 0px;
        display:inline;
        height:0px;
        line-height:0px;
        display:block;
        background-image:url(img/hr_productpreview.gif)
}
/* TABLE GLOBAL */
table td {
        padding:2px;
}
/* WHOLE SITE WRAPPER */
#wrap {
        margin: 0 auto;
        width:970px;
        background-color:#f4f2e8;
        border-style:solid;
        border-color:#f4f2e8;
        border-width:0px 10px 0px 10px;
        position: relative;
        top: 0;
        overflow: auto;
}

* html #wrap {
width: 970px;
w\\\\idth: 950px;
}

/* HEADER WITH LOGO, SEARCH BOX AND LANGUAGE SELECTION */

#top {
position: absolute;
top: 0px;
height: 185px;
width: 950px;
background:  url(img/bg-top.jpg);
}

#header {
        height:115px;
        width: 950px;
        border-bottom: 1px solid #fff;
        border-top: 10px solid #f4f2e8;
}

#header #logo {
        padding-left:0px;
        float:left;
        padding-top: 35px;
}

/* BREADCRUMB PATH AS LIST */
#breadcrumb {
        clear:both;
        color:#3b0001;
        padding:1px 0px 10px 15px;
        list-style-type:none;

        height:22px;

        font-size:11px;
        width: 935px;
}

* html #breadcrumb {
width: 950px;
w\\\\idth: 935px;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
        line-height:23px;
        text-decoration:none;
        font-weight:normal;
        cursor:pointer;
        color:#fff;
        margin:0;
        padding:0;
}

#breadcrumb a:hover, #breadcrumb a:active, #breadcrumb a.headerNavigation:active {
color: #fff;
text-decoration: underline;
}

/* TOPMENU AS LIST */
#topmenuwrap {
        background: url(img/bg_topmenu.gif) repeat-x;
        width: 950px;
}
#topmenu {
        float:left;
        padding:0;
        margin:0;
        list-style-type:none;
        height:36px;
        font-size:13px;
        background: url(img/bg_topmenu.gif) repeat-x;
}
#topmenu li {
        height:36px;
        float:left;
        padding: 0px 25px 0px 25px;
        margin:0;
        background: url(\\\"img/bg_topmenu_breakline.gif\\\") no-repeat;
        background-position:right;
}
#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
        line-height:36px;
        vertical-align:middle;
        text-decoration:none;
        font-weight:bold;
        cursor:pointer;
        color:#fff;
        margin:0;
        padding:0;
}
#topmenu a:hover, #topmenu .current_top a {
        color:#fff;
        text-decoration: underline;
}
 

Färbe ich nun alle Links im content dann werden auch ALLE gefärbt - jedoch werden dort auch die "neuen Artikel" angezeigt, die aber möchten wir nicht gefärbt haben
sorry bin zu verbrettert grad um zu sehen was ich da machen muss

[Tomcraft]

Dann definiere doch in der "/templates/xtc5/module/product_listing/product_listing_v1.html" sowie "/templates/xtc5/module/categorie_listing/categorie_listing.html" für die Links eine neue Klasse, die du dann in der "stylesheet.css" ansprichst.

Grüße

Torsten