Langues du site : [ar] [en] [es] [fr] [it]

À propos de SPIP
SPIP
SPIP Blog
SPIP Démo
SPIP Doc
SPIP Forums
SPIP Herbier
SPIP Irc
SPIP Party
SPIP Sedna
SPIP Test-GrmlEU
SPIP User
SPIP Zone

• Glossaire
• Téléchargement
• Plugins Zone
• Carnet wiki
• 
• 

Navigation

• En onglets pour avoir le code généré

  31 décembre 2007 02:07, par alm

  Bonjour pierre,

  Merci pour ton plugin, j’ai ajouté un peu de javascript pour avoir en plus le code généré dans le 3em onglet, difficile à expliquer mais visible ici http://elastick.net/Astuces-SPIP

  si ça peut servir, help yourself

  ++

  *alm remember chatillon virtutus

  Répondre à ce message

  Retour au début des forums

• Couleur de fond

  9 novembre 2007 00:19, par loloboy

  Un grand merci tout d’abord pour ce plug très pratique !

  N’étant pas très expérimenté, je voudrais savoir comment changer la couleur de fond des onglets (bleue par défaut) pour la rendre transparente par exemple ou mieux (soyons fou !) attribuer une couleur par onglet.

  Merci encore

  Répondre à ce message

  Retour au début des forums

• Plugin Onglets et IE

  6 novembre 2007 22:39, par Nicolas

  J’utilise ce plugin avec grand bonheur... Jusqu’à ce que j’ai changé un peu mon squelette... et là cata avec IE (sur firefox pas de soucis)

  La partie du squelette contenant l’article a désormais une auteur fixée (en px), et un scroll... or avec internet exploreur les onglets restent fixe sur l’image, le reste de l’article défilant derrière.

  De plus mon menu (plugin menu déroulant) devient transparent, et donc se confond avec le texte contenu dans les onglets)

  Que faire pour contenir les caprices d’IE ???

  Voici mon CSS pour la partie contenant les articles.

  #conteneur width : 100% ; background : #FFF ; border-top:2px solid #FF6600 ;

  #conteneur #contenu background : #FFF ;

  float : right ; height : 30em ; overflow : auto ; width : 47.20em ; margin-left:4px ; padding-left : 1px ; padding-right : 1px ;

  Pour le CSS de l’onglet pas de modif avec l’origine

  Merci d’avance pour votre coup de pousse

  Répondre à ce message

  • Plugin Onglets et IE 7 novembre 2007 10:13

    et en mettant un height à l’onglet dans la css ?

    Répondre à ce message

    • Plugin Onglets et IE 7 novembre 2007 18:55, par nicolas

      Je viens d’essayer... mais ça ne change pas le bug sous IE. Le tableau déterminé par l’onglet semble ne pas être inclus dans le "div contenu". Le contenu de l’article est "scrollé" par la barre de défilement déterminée dans le "div contenu" alors que le tableau des ongets est scrollé par la barre de défilement de la page entière....

      J’essaye de regarder dans le code source de la page ce qui peut clocher... mais je ne vois pas...

      est-ce que ce ne serait pas le ".dynamic-tab-pane-control"... dont je ne connais pas rôle ?

      Merci pour l’idée quand même.

      Répondre à ce message

      • Plugin Onglets et IE 7 novembre 2007 19:02, par nicolas

        Voilà en gros le code source de la partie concernée..

        div id="conteneur">

        div id="contenu">

        ...

        div class="tab-pane" id="">

        div class="tab-page">

        h2 class="tab">titre premier onglet/h2>

        contenu premier onglet

        /div>

        /div>

        ...

        désolé pour le format, j’ai enlevé les < de début de balise, je ne sais plus comment on cite du code.

        Répondre à ce message

        • Plugin Onglets et IE 7 novembre 2007 19:26, par nicolas

          Je m’auto-réponds (vraiment désolé de polluer le forum... mais on peut éventuellement supprimer mes messages intermédiaires.)

          Une solution qui fonctionne : J’ai ré-étalonné le z-index dans le fichier tab.css

          Si j’ai bien compris ce critère gère la superposition des différents éléments. Il devait y avoir un conflit au niveau de la valeur par défaut du z-index des éléments du squelette dans habillage.css.

          En augmentant tous les z-index d’une unité dans tab.css le problème s’est réglé.

          Répondre à ce message

  Retour au début des forums

• Petite idée ?

  20 octobre 2007 08:09, par rcaron

  Bonjour,

  J’utilise avec succès ce plugins. Il est vraiment impressionnant.

  Juste une idée de variation : la possibilité d’avoir les onglets en vertical (un peu comme un répertoire papier...) ?

  Je ne sais pas si cela est possible, voire même esthétique...

  Merci en tout cas et bravo

  Répondre à ce message

  Retour au début des forums

• Pagination

  8 octobre 2007 10:45, par hodj

  Dans un squelette, j’avais besoin d’afficher un liste d’article avec un onglet par article, pour que la ligne ne soit pas trop longue, j’ai modifié le plugin pour permettre un genre de pagination (en fait faire apparaitre en premier onglet "<" et en dernier ">" qui permettent d’avancer ou de reculer dans la liste)

  Je mettrais bien volontier ces modifs à disposition mais je ne sais pas comment.

  Répondre à ce message

  • Pagination 8 octobre 2007 11:07, par Pierre

    faire un article "onglets paginés " sur ce site ?

    Répondre à ce message

  Retour au début des forums

• Un problème, et une question

  20 septembre 2007 15:38, par Perline

  La nouvelle feuille de style rend l’ensemble du texte déterminé par l’onglet gris comme l’onglet, ce qui est très laid !
  Que changer pour que cela revienne à l’état antérieur, où le texte était sur fond blanc ?

  Peut-on déterminer des ancres aux onglets, de manière à faire des appels directs ?

  Merci

  Répondre à ce message

  • Un problème, et une question 21 septembre 2007 00:35, par Perline

    Je précise que mettre une ancre dans le modèle de la forme :
    <a name="#ENV{titre}"></a> ne fonctionne pas.

    Répondre à ce message

  • Un problème, et une question 6 octobre 2007 18:47, par Pierre

    La nouvelle feuille de style n’est proposée que pour obtenir des tailles d’onglets variables.

    La couleur grise n’est pas imposée, elle est modifiable à ta convenance. Que tu trouves ça laid n’implique pas que ce soit laid, de même que je trouve ta formulation très désagréable n’implique pas qu’elle soit désagréable, à chacun de se faire une idée...

    Pour le reste, une question que tu as déjà posée à propos des ancres, http://www.dionysos.org/En-onglets-... je n’ai toujours pas de solution, ni l’auteur du script d’ailleurs. Mais si tu codes quelque chose qui le fait, n’hésites pas à en faire profiter les autres, tu verras, même si tu t’exposes à des critiques désagréables, donner apporte un certain plaisir... au plaisir...

    Répondre à ce message

    • Un problème, et une question 6 octobre 2007 21:14, par Perline

      Bonjour,
      Je suis désolée de t’avoir vexé, loin de moi cette idée ! Si j’ai dit que c’était laid, cela signifiait évidemment que JE trouvais ça laid < :-)
      La question était surtout : peut-on mettre sa feuille de style dans son propre dossier squelettes, afin d’éviter de devoir la reprendre à chaque nouvelle version ? Et dans ce cas comment savoir ce qui a changé pour n’avoir plus qu’à agir sur le changé.
      Quant aux onglets, désolée aussi, mais je pensais que peut-être depuis le message de fin décembre quelqu’un avait trouvé une solution, que je n’ai pas trouvée moi-même.

      Répondre à ce message

      • Un problème, et une question 7 octobre 2007 12:25, par Pierre

        Vexé ? décidément tu fais dans la finesse !

        Pour ta css, enregistres la dans ton dossier css, tu verras que ça fontionne. Pour l’ancre il doit y avoir moyen de modifier le js vers la ligne 81 pour récupérer tabIndex dans l’url mais je sais pas faire.

        Répondre à ce message

        • Un problème, et une question 7 octobre 2007 22:05, par Perline

          J’essaie d’être délicate et tu me le reproches ?! Décidément, je vais renoncer à poser mes questions et problèmes dans ce forum-ci, si le moindre de mes mots est mal pris....
          Merci pour l’info pour le script, si j’arrive à quelque chose peut-être oserai-je poster ici, mais avec quels mots ?

          Répondre à ce message

  Retour au début des forums

• En onglets dans le texte de SPIP, ou ailleurs...

  20 août 2007 18:10, par assobachant

  J’aime bien je m’en sert sans doute un peu trop...........

  Voila mais comment augmenter la taille de l’onglet pour qu’il prenne l’ensemble du texte.

  http://bachant.free.fr/spip.php?art...

  Répondre à ce message

  • En onglets dans le texte de SPIP, ou ailleurs... 20 août 2007 18:44, par troll

    il suffit de supprimer ou commenter les lignes width dans le fichier css

    Répondre à ce message

    • En onglets dans le texte de SPIP, ou ailleurs... 20 août 2007 19:37, par assobachant

      aussitôt dit aussitôt fait ; mais ça être encore bizarre une petite barre grise.........

      une autre idée.

      tous les /* width : sont commentés

      merci

      Répondre à ce message

      • En onglets dans le texte de SPIP, ou ailleurs... 20 août 2007 19:48, par troll

        c’est un reliquat de l’image de fond, suppime auusi la ligne

        background-image : url( "tab.png" ) ;

        Répondre à ce message

        • En onglets dans le texte de SPIP, ou ailleurs... 20 août 2007 23:11, par assobachant

          niet cela ne change rien et même si je commente :

          .dynamic-tab-pane-control .tab-row .tab.selected /* width : 74px !important ;*/ height : 18px !important ; /* background-image : url( "tab.active.png" ) !important ; background-repaet : no-repeat ;*/

          j’ai quand même le reliquat.

          une autre idée quelquefois...........

          merci

          Répondre à ce message

          • En onglets dans le texte de SPIP, ou ailleurs... 21 août 2007 07:54, par troll

            les lignes background sont mal commentée, il faut pour chaque ligne contenant background une fois /* ....... */

            Répondre à ce message

            • En onglets dans le texte de SPIP, ou ailleurs... 21 août 2007 11:04

              bon rien n’y fait ;donc voici la css

              .dynamic-tab-pane-control.tab-pane {
        position:        relative;
/*        width:                100%;                /* width needed weird IE bug */
        margin-right:        -2px;        /* to make room for the shadow */
}

.dynamic-tab-pane-control .tab-row .tab {

/*        width:                                70px;*/
        height:                                16px;
        background-image:        url( "tab.png" );
       
        position:                relative;
        top:                        0;
        display:                inline;
        float:                        left;
        overflow:                hidden;
       
        cursor:                        Default;

        margin:                        1px -1px 1px 2px;
        padding:                2px 0px 0px 0px;
        border:                        0;

        z-index:                1;
        font:                        11px Tahoma;
/*        white-space:        nowrap;*/
        text-align:                center;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
/*        width:                                74px !important;*/
        height:                                18px !important;
        background-image:        url( "tab.active.png" ) !important;
        background-repaet:        no-repeat;

        border-bottom-width:        0;
        z-index:                3;
        padding:                2px 0 0px 0;
        margin:                        1px -3px -3px 0px;
        top:                        -2px;
        font:                                11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
        font:                                11px Tahoma;
        color:                                Black;
        text-decoration:        none;
        cursor:                                default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
        font:                                11px Tahoma;
/*        width:                                70px;*/
        height:                                16px;
        background-image:        url( "tab.hover.png" );
        background-repaet:        no-repeat;
}


.dynamic-tab-pane-control .tab-page {
        clear:                        both;
        border:                        1px solid rgb( 145, 155, 156 );
        background:                rgb( 252, 252, 254 );
        z-index:                2;
        position:                relative;
        top:                        -2px;

        font:                                11px Tahoma;
        color:                                Black;

        filter:                        progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
                                        progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
       
        /*244, 243, 238*/
        /* 145, 155, 156*/
       
        padding:                10px;
}

.dynamic-tab-pane-control .tab-row {
        z-index:                1;
/*        white-space:        nowrap;*/
}

              Je regarde coté image png quelquefois..........

              Répondre à ce message

              • En onglets dans le texte de SPIP, ou ailleurs... 21 août 2007 11:50, par troll

                prends cette css

                http://www.dionysos.org/download/tab.css

                Répondre à ce message

                • En onglets dans le texte de SPIP, ou ailleurs... 22 août 2007 08:05

                  Merci c’est exactement ça.............

                  @llez pour dire merci :

                  Répondre à ce message

  Retour au début des forums

0 | 25 | 50