AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Mise en forum Onglet

    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 118

    Lun 28 Mar 2016 - 9:33

    Ma demande



    Bonjour ! voici ma petite demande j'ai bien suivie un tutos pour mettre les catégories de mon forum en onglet, sa fonctionne , le seule soucis j'arrive pas du tous a les mettre en forme , pr une image ou ovale, les catégorie reste a la suite sans rien,le tutos prie est celui ci https://www.never-utopia.com/t26304p25-affichage-des-categories-grace-a-un-jeu-d-onglets-maj-01-07-15

    Schéma(s) et Eléments
    Schémas : Il s'agit d'un copie d'écran de mon forum test , j'en suis bien l'admis , actuellement j'ai sa : Mise en forum Onglet Onglet10 et celui avec un essaie pour vous montrez le voulut Mise en forum Onglet Onglet11
    Tailles des éléments : je sais pas trop 25px pour le texte en monotype corsica
    Effets voulus : j'aimerai un effet demi-centre/orrondit sur toute la longueur de catégorie comme mon schéma... l'onglet actif en blanc les autre en bleu


    Ressources
    non aucune.

    Autres précisions ? Oui j'aimerai que les onglets fonctionne que sur certaine catégorie du forum pas toutes
    je vous transmet mon index box : le javascript est a l'identique du tutos et mon CSSsi besoin dite le moi, en tous cas je vous remercie d'avance
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 28 Mar 2016 - 22:54

    Salut!

    Premièrement,sache que je vais déplacer ta demande dans les personnalisations parce qu'il s'agit de personnaliser un LS déjà existant (même 2 LS si je ne me trompe pas) et non de faire une demande de A à Z.

    Bref, dans ton CSS, remplaces ceci :
    Code:
    #conteneur_ongletsvo {
      display: none;
    }
    /* Un onglet */
    .ongletvo{
      cursor: pointer;
    }
    /* Onglet actif */
    .actif{
      color: darkred;
    }

    Par ceci :
    Code:
    #conteneur_ongletsvo {
      background-color: #1c3d58;
      border-top-left-radius: 45% 100%;
      border-top-right-radius: 46% 100%;
      display: none;
      text-align: center;
      width: 100%;
    }
    /* Un onglet */
    .ongletvo{
      padding: 2px;
      font-size: 25px;
      font-family: 'monotype corsiva', cursive;
      cursor: pointer;
      text-align: center;
      color: #96adc3;
    }
    /* Onglet actif */
    .actif{
      color: #dde2e5;
    }



    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 118

    Mar 29 Mar 2016 - 7:55

    hello

    je te remercie pour le travail effectué ^^ , je suis désolée pour l'emplacement car j'ai cliquer sur le lien fournit dans le LS ...( effectivement j'ai plusieurs LS , créditer sur mon forum test )
    par contre j'ai toujours mon soucis , c'est pas centré ... Sad
    croit tu qu'il est moyen de pas mettre toute les catégories en onglet mais seulement certaine comme j'ai demander?
    En tous cas super Merci pour le boulot déjà effectuer ;o) bises
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 1 Avr 2016 - 5:03

    Salut!

    Pour le centrer, rajoutes ceci à ton CSS :
    Code:
    #conteneur_ongletsvo > table {
      width: 100%;
      margin-top: 5px;
    }

    Sinon, je ne sais pas trop comment éviter de mettre toutes les catégories en onglets, mais peut-être que quelqu'un d'autre sait comment...



    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 118

    Ven 1 Avr 2016 - 7:59

    Bonjour,

    Merci pour ta réponse :), dommage ...
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 11 Avr 2016 - 3:21

    Salut!

    Est-ce que le centrage a marché?

    Et sinon, pour le truc de mettre certaines catégories en onglets et d'autres non... Tu veux dire quoi exactement. Genre que Arrivée au Studio, Locaux Des Musiciens, Les Services et Les Jardins soient dans des onglets alors que Staff et Murs des Affichages restent toujours affichés ou quelque chose du genre? Quelles catégories doit être comment?



    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 118

    Lun 11 Avr 2016 - 21:31

    hello
    oui le centrale a marché impeccable Merci

    Et sinon, pour le truc de mettre certaines catégories en onglets et d'autres non... Tu veux dire quoi exactement. Genre que Arrivée au Studio, Locaux Des Musiciens, Les Services et Les Jardins soient dans des onglets alors que Staff et Murs des Affichages restent toujours affichés ou quelque chose du genre? Quelles catégories doit être comment?

    voila tu a trouver comment expliquer Wink
    oui Arrivée au studio murs des affichage j'aimerai qu'il reste sur le premier onglet.. celui qui reste en index... enfin je sais pas si tu va me comprendre,les autre comme il sont ...
    Merci en tous cas pour tes réponses
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 12 Avr 2016 - 1:51

    Salut!

    Avec ce javascript, le "Arrivée au sudio" est toujours affiché et les autres apparaîssent en bas quand on clique sur leur onglet :
    Code:
    $('document').ready(function()
     {
      if($('.categorievo').size() > 1)
        {
           $('#conteneur_ongletsvo').css( 'display' , 'block' );
           $('#conteneur_ongletsvo .ongletvo').click(function()
              {
               change_categorie( $('.ongletvo', '#conteneur_ongletsvo').index( this ) )
              });
     
            $('.ongletvo:eq(0)').click();
    }
     });

     function change_categorie( index )
     {
     if( $('.categorievo:eq(' + index + ')').size() != 0 )
     {

     $('.categorievo').css( 'display' , 'none' );
     $('.categorievo:eq(0)').fadeIn( 500 );
     $('.categorievo:eq(' + index + ')').fadeIn( 500 );
     
     $('.ongletvo.actif').removeClass('actif');
     $('.ongletvo:eq('+ index +')').addClass('actif');
     $('.ongletvo:eq(0)').addClass('actif');
     }
     else alert('Vous ne pouvez pas accéder à cette catégorie');
     }



    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 118

    Mar 12 Avr 2016 - 11:00

    hello

    Merci pour ton java :)
    hélas ces pas se que je recherche Sad
    j'aimerai que accueil des arrivant et mur d’affichage reste sur la page index, et que les autres soit en onglet..
    erf j'arrive pas a expliquer correctement pour t'aider au mieux
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 12 Avr 2016 - 18:54

    Salut!

    Comme ça, c'est mieux? On a les 2 catégories qui doivent être sur l'index, puis ensuite on a les catégories en onglet. Et si j'ai encore mal compris, fais-moi un dessin (c'est pas sarcastique, un schéma m'aiderait à mieux comprendre probablement).

    Voir le résultat : http://forum-test-onyx5.forum-canada.com/




    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 29 Avr 2016 - 23:13

    Salut!

    Tu as vu ma réponse?



    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 15 Mai 2016 - 1:58

    Bon bah c'est dommage, mais je dois archiver u_u



    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 1:42