Suche

[icebreaker]

Hallo@All

Ich habe die "pMxSlider.css" des pMxSlider Moduls mal für dunkle Templates angepaßt. Hintergrund ist transparent, Schriftfarbe weiß. Die Hintergrundfarbe für den ausgewählten Slider ist ein Rotton #550000. Weitere Anpassungen könnt ihr natürlich selber vornehmen.

Hier der Code:

Code Auswählen Erweitern

#featured{
/* Rahmenbreite */
width:270px;
/* Rahmenabstand von rechts */
padding-right:250px;
position:relative;
/* Rahmenfarbe, Breite, Form */
border:5px solid #ccc;
/* Rahmenhöhe */
height:260px;
/* Aussenabstand von links */
margin-left:0px;
background:transparent;
overflow:hidden;
}
#featured ul.ui-tabs-nav{
position:absolute;
/* Stand der Thumb Bilder von links */
top:0; left:330px;
list-style:none;
padding:0; margin:0;
/* Thumb Hintergrundbreite */
width:190px;
}
#featured ul.ui-tabs-nav li{
/* Abstand der Tabs zueinander - 4 Werte = oben|rechts|unten|links */
padding:0px 0 1px 0;
font-size:12px;
color:#fff;
margin: 0px;
}
#featured ul.ui-tabs-nav li img{
/* Abstand der Thumb Bilder zueinander - 2 Werte = oben/unten | licks rechts */
float:left; margin:2px 5px;
/* Hintergrund Thumbs */
background:transparent;
/* Innenabstand der Thumbs */
padding:2px;
/* Rahmenbreite - Rahmenfarbe - Rahmenform Thumbs */
border:1px solid #000000;
}
#featured ul.ui-tabs-nav li span{
/* Schriftgroesse - Farbe - Schriftart NAV Titel */
font-size:11px; font-family:Verdana;
/* Zeilenhoehe */
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
/* Tabhoehe */
height:60px;
/* Linkfarbe NAV Titel - Hintergrund */
color:#fff;  background:transparent;
/* Zeilenhoehe */
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
/* Hover Hintergrundfarbe Tab */
background:transparent;
}
#featured li.ui-tabs-selected{
/* ACHTUNG - wenn die pragmaMx-Installation in einem Unterordner liegt, Pfad anpassen !*/
background:url('../images/selected-item.gif') top left no-repeat; 
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
/* Hintergrundfarbe ausgewaehltes Tab */
background:#550000;
}
#featured .ui-tabs-panel{
/* Breite bzw. Hoehe unteres Textfeld */
width:330px; height:265px;
/* Hintergrundfarbe unteres Textfeld */
background:transparent; position:relative;
}
#featured .ui-tabs-panel .fcsinfo{
position:absolute;
/* Hoehenstand unteres Textfeld von oben */
top:174px; left:0;
/* Hoehe unteres, transparentes Textfeld */
height:86px;
/* ACHTUNG - wenn die pragmaMx-Installation in einem Unterordner liegt, Pfad anpassen !*/
background: url('../images/transparent-bg.png');
}
#featured .fcsinfo h2{
/* Schriftgroesse - Schriftart Bildtitel */
font-size:18px; font-family:Georgia, serif;
/* Innenabstand Bildtitel - 1 Wert = oben,unten,links,rechts */
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .fcsinfo p{
/* Innenabstand unterer Fliesstext - 2 Werte = oben/unten | licks rechts */
margin:0 5px;
/* Schriftgroesse - Schriftart Fliesstext */
font-family:Verdana; font-size:11px;
/* Zeilenhoehe - Textfarbe Fliesstext */
line-height:15px; color:#f0f0f0;
}
#featured .fcsinfo a{
text-decoration:none;
/* Linkfarbe */
color:#F07800;
}
#featured .fcsinfo a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
#featured fcsinfo{
border:0.2em solid #55000;
}

Gruß
icebreaker

[grafikmurkser]

THX!:)