Je sais que vous pouvez utiliser themeroller pour personnaliser votre thème de l'interface utilisateur, mais il est possible de le faire à la main. Si oui, y a-t-il des css spécifiques que vous devez suivre? mercicomment onglets de l'interface utilisateur jQuery thème personnalisé (ne pas utiliser themeroller)
ya il y a dans le jquery-ui fichier css
: http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/ui-lightness/jquery-ui.css
> /* Tabs ----------------------------------*/
> .ui-tabs { padding: .2em; zoom: 1; }
> .ui-tabs .ui-tabs-nav { list-style: none; position: relative;
> padding: .2em .2em 0; }
> .ui-tabs .ui-tabs-nav li { position: relative; float: left;
> border-bottom-width: 0 !important;
> margin: 0 .2em -1px 0; padding: 0; }
> .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;
> padding: .5em 1em; }
> .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom:
> 1px; border-bottom-width: 0; }
> .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs
> .ui-tabs-nav li.ui-state-disabled a,
> .ui-tabs .ui-tabs-nav
> li.ui-state-processing a { cursor:
> text; }
> .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible
> .ui-tabs-nav li.ui-tabs-selected a {
> cursor: pointer; } /* first selector
> in group seems obsolete, but required
> to overcome bug in Opera applying
> cursor: text overall if defined
> elsewhere... */
> .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block;
> border-width: 0; background: none; }
> .ui-tabs .ui-tabs-hide { display: none !important; }
cependant, le nécessaire est .ui-onglets-onglets cacher { display: none ; } de http://jqueryui.com/demos/tabs/
Bien sûr, c'est possible (puisque finalement un thème est juste CSS, images et peut-être Javascript) mais ce n'est pas très pratique. Vous pouvez prendre un thème existant et le modifier. Chose est il ya beaucoup de fichiers d'image et autres que vous auriez besoin de changer. En outre, beaucoup de ces fichiers ont un nom correspondant à la couleur ou à une autre variable pertinente.
C'est en fait extrêmement intelligent car cela signifie que vous pouvez mettre un en-tête futur très éloigné sur le CSS et les images et si vous changez de thème, il sera toujours mis à jour correctement. Donc, vous pourriez laisser les noms de fichiers identiques, mais vous auriez un problème si vous utilisiez un en-tête Expires à long terme (ce que vous devriez faire), plus cela serait déroutant pour quelqu'un d'autre qui est venu et l'a vu. Ou vous auriez à mettre à jour tous ces fichiers et toutes les références.
Themeroller est bien plus simple.
Je cherchais la même réponse quand je suis tombé sur le site de Kieth Bois: http://keith-wood.name/uiTabs.html#tabs-min
Vous trouverez il a documenté deux options, mais les onglets minimalistes était un bon endroit pour moi de commencer.
peut-être c'est quelque chose que vous cherchez..http: //os.alfajango.com/easytabs/#side-tab1 –