C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Compte à Rebours
Mar 19 Fév 2019, 11:51 par TiGraou

» [RPG] Fiche personnage avec bannière latérale
Mar 19 Fév 2019, 11:42 par TiGraou

» Mettre la ChatBox en spoiler
Dim 17 Fév 2019, 18:47 par Backflip

» Effet de volet glissant sur un bloc
Ven 15 Fév 2019, 10:43 par Kanala

» Barre(s) Hitskinienne
Lun 11 Fév 2019, 23:00 par wildheart.

» Fond de message
Ven 08 Fév 2019, 19:55 par Scratpub

» [PA] Message d'Accueil Simple
Ven 08 Fév 2019, 16:34 par Scratpub

» [Plugin] Effet rollover sur une image
Dim 03 Fév 2019, 07:48 par .lysaivin


Partagez | 
 

Type d'infobulle + Onglets des catégories

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



En fait il manque un petit point virgule ici à la fin :
Code:
$('.bodyline').append('<div class="panneau"><div class="panneau-content">' + message + '</div>')

Si tu modifies pour mettre cela, ça devrait être mieux (enfin j'espère What a Face)
Code:
$('.bodyline').append('<div class="panneau"><div class="panneau-content">' + message + '</div>');


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Dim 28 Sep 2014, 17:52
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://milky-dream.web-rpg.org/forum.htm
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Ça ne change rien. Sad

Code:
$(function() {
    /* Le message à mettre */
    var message = '<div class="onglets_container" id="staff_onglets">
    <div class="onglets_survol">
        <div class="onglet active">
            <img src="http://i39.servimg.com/u/f39/18/99/93/58/0110.png" />
        </div>
        <div class="onglet">
            <img src="http://i39.servimg.com/u/f39/18/99/93/58/0210.png" />
        </div>
    </div>
    <div class="onglets_contenus">
        <div class="onglet_contenu active">Contenu 1</div>
        <div class="onglet_contenu">Contenu 2</div>
    </div>
</div>';
   
    /* On ajoute à .bodyline */
    $('.bodyline').append('<div class="panneau"><div class="panneau-content">' + message + '</div>');
$('#staff_onglets').on('mouseenter', '.onglet', function(){
    if ($(this).hasClass('active')) return;
   
    var $onglet = $(this),
        $onglets = $onglet.parent().children(),
        $contenus = $onglet.parent().next().children(),
        index = $onglets.index($onglet);
   
    $onglets.removeClass('active');
    $contenus.removeClass('active');
   
    $onglet.addClass('active');   
    $contenus.eq(index).addClass('active');
});
});
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Lun 29 Sep 2014, 09:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Hum, quand je vais sur ton forum test cela fonctionne bien pour ma part oo'


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Lun 29 Sep 2014, 13:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://milky-dream.web-rpg.org/forum.htm
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Beh j'ai toujours pas de panneau moi, et toujours ce bug de navigation entre les onglets de catégorie. :S
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Lun 29 Sep 2014, 16:33
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Hum, chez moi ça fonctionne bien sur ton forum sur Firefox et Chrome



Essaye de vider le cache ptet ? :s


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Lun 29 Sep 2014, 17:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://milky-dream.web-rpg.org/forum.htm
Akya
{ Membre }
{ Membre }

Féminin Messages : 207



Ah ça y est ! En allumant mon ordi je viens de voir que c'était revenu. Razz Par contre j'ai toujours ce petit bug. Lorsque je clique sur les onglets des catégories, si je reste appuyée, y'a un espace qui se créé entre les onglets et la barre d'en tête des catégories.

Bon par contre, le contenu n'est plus centré dans le panneau ! :3 Tu me conseille de m'y prendre comment pour se faire ?
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Mar 30 Sep 2014, 05:29
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Dans ton CSS, est ce que tu aurais quelque chose un peu comme ça ?
Code:
.onglet:active {
    background-color: #575d43;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 5px;
    padding: 10px;
}

Si oui, il suffit de retirer le margin: 5px; ^^



Pour le centrage, dans ton CSS tu as ceci :
Code:
.onglets_container {
    text-align: center;
    width: 210px;
}

Il suffit d'enlever width: 210px;

Enfin normalement What a Face


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Mar 30 Sep 2014, 17:40
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Pas de nouvelles... :p

Je lock et je déplace Wink


Présence réduite, mais je reste disponible, il faut juste être patient ♥
MessageSujet: Re: Type d'infobulle + Onglets des catégories   Lun 03 Nov 2014, 04:37
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Type d'infobulle + Onglets des catégories   
Revenir en haut Aller en bas
 

Type d'infobulle + Onglets des catégories

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 2Aller à la page : Précédent  1, 2

 Sujets similaires

-
» Probléme avec les catégories en onglets.
» Catégories sous formes d'onglets
» Problème avec la taille et le type de la police d'une page à l'autre pour la Barre de Nav et les catégories :3
» Problème code javascript permettant d'afficher plusieurs catégories dans des onglets
» Catégories en onglets : empêcher la page de "remonter toute seule"

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit