Hi; Thanks for reply; But actually in this situation main problem is how can I know the key word (tab-link?) I could not find completely manual. There is a document [1] but it has not contain all parameters of css tags.
[1] http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html On 31/07/07, Simon Lessard <[EMAIL PROTECTED]> wrote: > > Hello Okan, > > How can I know "tabs a hover" is equal to "af | > panelTabbed::tab-link:hover" > You need to understand the selector terminology for that. Let break down > that selector: > af|panelTabbed = we're skinning the panelTabbed component > ::tab-link = we're skinning the link part of a tab in the panelTabbed > component > :hover = when the cursor move over the tab-link (note that this one is a > standard CSS :hover and since MSIE 6 does not support :hover on many > elements, it has to be used on a link, hence the ::tab-link) > > > Does that help? > > ~ Simon > > On 7/31/07, Okan Çetin <[EMAIL PROTECTED]> wrote: > > > > Hi; > > I am getting problems with css skinning for trinidad. > > It is easy that doing tab menus with classical css. > > I want to convert css tab menu skin into trinidad css format. But there > > is no completely manual. > > How can I know "tabs a hover" is equal to "af | > > panelTabbed::tab-link:hover" > > > > There is a manual > > > http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html > > > > > > but panelTabbed has little explanation like this : > > > > Name Description af|panelTabbed Selector that renders on the root dom > > element of the component. > > > > > > #tabs { > > background:#BBD9EE none repeat scroll 0%; > > float:left; > > font-size:93%; > > line-height :normal; > > width: 100%; > > } > > #tabs ul { > > list-style-image:none; > > list-style-position:outside; > > list-style-type :none; > > margin :0pt; > > padding: 10px 10px 0pt 50px; > > } > > #tabs li { > > display:inline; > > margin:0pt; > > padding :0pt; > > } > > #tabs a { > > background:transparent url(tableft.gif) no-repeat scroll left top ; > > float:left; > > margin:0pt; > > padding:0pt 0pt 0pt 4px; > > text-decoration:none; > > } > > #tabs a span { > > background:transparent url(tabright.gif ) no-repeat scroll right top; > > color:#666666 ; > > display:block ; > > float:left; > > padding:5px 15px 4px 6px; > > } > > #tabs a span { > > float: none; > > } > > #tabs a:hover span { > > color:#FF9834; > > } > > #tabs a:hover { > > background-position: 0% -42px; > > } > > #tabs a:hover span { > > background-position:100% -42px; > > } > > > > > > > > > > -- > > ~ > > otomatik oluşturuldu: > > http://ocetin.net/log > > http://linux.beykent.edu.tr > > > -- ~ otomatik oluşturuldu: http://ocetin.net/log http://linux.beykent.edu.tr
