Eigenes Stylesheet für TabStrip

[Timm2947]

hallo,

ich verwende in einer BSP das HTMLB-Tabstrip Element. nun möchte ich aber nicht den Design2003 Style verwenden, sondern ein eigenes Stylesheet dafür definieren.

meine Frage un: wie muss dieses aussehen? hab noch nicht wirklich was verwendbares gefunden...

vielen Dank!

[Timm2947]

so - habs dann mit dem Firefox Addon Firebug geschafft, die Styles auszulesen

funktionieren tut das ganze so, dass am Ende der View / Seite ein <style type="text/css"> Tag eingebunden wird. die Namen der Styles sind unten sichtbar:

als Anmerkung: die verlinkten Bilder sind im Mime-Repository der BSP-App hinterlegt und wurden malerisch einfach überarbeitet und neu eingebunden

<%-- Leiste unter den Tabs --%>
.urTbsDiv {
background-color:#182B45;
font-size:1px;
height:2px;
}

<%-- Balken rund um TabStrip --%>
.urTbsWhl {
<%--background-color:#D9E5F2;--%>
background-color:#EBEFF2;
<%--border-color:#83ACD8;--%>
border-color:#182B45;
border-style:solid;
border-width:0pt 0px 0px;
font-family:Arial,Helvetica,sans-serif;
font-size:medium;
z-index:50;
}

<%-- erstes Registerblatt, AKTIV --%>
.urTbsFirstAngOnPrevOff {
background-image:url(images/tab_first_ang_on_prev_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- erstes Registerblatt, INAKTIV --%>
.urTbsFirstAngOffPrevOff {
background-image:url(images/tab_first_ang_off_prev_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- letztes Registerblatt, AKTIV --%>
.urTbsLastOnNextOff {
background-image:url(images/tab_last_on_next_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- letztes Registerblatt, INAKTIV --%>
.urTbsLastOffNextOff {
background-image:url(images/tab_last_off_next_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Dreieck bei einem aktiven Tab --%>
.urTbsAngOffOn {
background-image:url(images/tab_ang_off_on.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- rechter Rand bei aktivem Tab --%>
.urTbsAngOnOff {
background-image:url(images/tab_ang_on_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Zwischenraum zwischen 2 inaktiven Tabs --%>
.urTbsAngOffOff {
background-image:url(images/tab_ang_off_off.gif);
background-position:left top;
background-repeat:no-repeat;
width:18px;
}

<%-- Text-Hintergrund für inaktive Label --%>
.urTbsLabelOff {
background-color:#9C9A9C;
color:#FFFFFF;
cursor:pointer;
height:18px;
padding:0pt 1px 0pt 5px;
}

<%-- Text-Hintergrund für aktive Label --%>
.urTbsLabelOn {
background-color:#182B45;
color:#FFFFFF;
cursor:pointer;
height:18px;
padding:0pt 1px 0pt 5px;
}