pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: xmjay am 30 Oktober 2009, 12:35:41

Titel: [Solved] Tabbreite Theme Element
Beitrag von: xmjay am 30 Oktober 2009, 12:35:41
Hallo !

Lässt sich der aktive Tab im Header vom Theme Element angleichen in die Breite an den Inaktiven ?

Z.B. in der Datei */themes/element/design/02/scheme.css ist folgender Code für die Hover-Tabs, wo sich Hintergrundfarbe & Schriftfarbe anpassen lassen:

#header ul#tabs li a:hover {
   background-color: #088a0b;
   color: #ffffff;
}

Wo wird die Tabbreite definiert ?

Titel: Re: Tabbreite Theme Element
Beitrag von: Franky am 30 Oktober 2009, 14:08:39
müßte das hier in der style.css sein:

#header ul#tabs li a {
   background-position: 0 0;
   background-repeat: repeat-x;
   display: block;
   float: left;
   margin-right: 5px;
   padding: 8px 15px 10px 15px;
   text-decoration: underline;

und das hier in der scheme.css:

#header ul#tabs li a {
   background-color: #005562;
   background-image: url(tabs-link.gif);
   color: #ffffff;

Das tabs-link.gif wird durch die repeat-x-funktion so oft wiederholt, wie Content im Tab ist. Hier müßtest du halt eine feste Breite angeben......

bye...
Titel: Re: Tabbreite Theme Element
Beitrag von: xmjay am 30 Oktober 2009, 14:29:07
Hi Franky !

Bingo, danke Dir.
Werde da später experimentieren.