Question sur QEEL en onglets Bouton_activeQuestion sur QEEL en onglets Bouton_hoverQuestion sur QEEL en onglets Fb-hoverQuestion sur QEEL en onglets Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Question sur QEEL en onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Question sur QEEL en onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Question sur QEEL en onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Question sur QEEL en onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Question sur QEEL en onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Question sur QEEL en onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Question sur QEEL en onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Question sur QEEL en onglets EmptySam 11 Fév 2023, 06:04 par Krager

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

Partagez
 

Question sur QEEL en onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Bonjour a vous tous.

Je rencontre un petit probléme avec Mon QEEL et mes onglets surtout l'onglets " Petit + "

Petite Capture d'écran :
Spoiler:

Comme vous le voyais J'ai Une ligne Plus foncer.
Je n'arrive pas a l'enlever c'est sa le probléme :s

Ou si vous arrivez a faire ceci, c'est faire une ligne clair, une ligne foncer, une ligne clair, une ligne foncer...

Bon je vous transmet mon CSS et templates :

CSS :
Spoiler:


Templates :
Spoiler:



Merci d'avance.
Cordialement Jiben
MessageSujet: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyLun 19 Juil 2010, 19:34
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question sur QEEL en onglets Empty
    Bonjour ^^

    Cette barre grise doit être dans tes couleurs, vérifie que tu ne la retrouves pas quelque part. Puisque perso j'ai copié ton css et ton template sur mon forum test, ça marche et je n'ai aucune bande grise =) :

    http://sette-peccati.forumactif.com/index.htm

    (Les onglets sont blancs sur fond blanc, flemme de modifier xDDD Tu les verras en passant juste au-dessus du QEEL)
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyLun 19 Juil 2010, 20:09
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Bonjour,

je vient de voir que dans mon 3éme onglets j'ai un table, alors que dans les autres non.
Es ce possible que le probléme vient de là ?
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyMar 20 Juil 2010, 07:18
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question sur QEEL en onglets Empty
    Non je ne pense pas. Comme je t'ai dit, j'ai copié collé ton template et ton css tels quels, si le problème venait de ces codes-là je l'aurais aussi mais ce n'est pas le cas =).
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyMar 20 Juil 2010, 09:05
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Oui mais le probléme c'est que si je change la couleur, la couleur sur mon autres forum n'ira pu.
car ce n'est que de la couleur.
On peut rajouter une class. AU moins je mettrai la couleur de fond comme l'autre. Es possible ?
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyMar 20 Juil 2010, 13:46
Revenir en haut Aller en bas
iowan
iowan
{ Membre actif }
{ Membre actif }

Masculin Messages : 304



Question sur QEEL en onglets Empty
comme la dit Kaiji ton code css est propre mais on voit aussi du css dans ton template alors essaye de regler le shadow dans les class :hover dans le template
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyMar 20 Juil 2010, 14:37
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
La shadow c'est l'ombre aussi.

je ne comprend pas ce que vous voulais dire :s
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyMar 20 Juil 2010, 14:42
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question sur QEEL en onglets Empty
    Bonjour,

    Votre problème est-il résolu ?
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyVen 30 Juil 2010, 05:36
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Non mon probléme n'est toujours pas résolu.
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyVen 30 Juil 2010, 06:35
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question sur QEEL en onglets Empty
    Rend-toi dans le panneau d'admin, affichage, couleurs. Sans aller dans le css, la première page qui s'affiche. Tu dois avoir un gris quelque part qui est à l'origine de cette barre dans ton 3ème onglet.
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyDim 01 Aoû 2010, 16:26
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Oui mais si je change cette couleur je change la couleur dans mes messages aussi :s

Donc je cherche une autres astuce svp
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyDim 01 Aoû 2010, 18:52
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Question sur QEEL en onglets Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône "résolu" en éditant votre 1er post.
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptySam 07 Aoû 2010, 08:44
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Bonjour,

non, il est toujours d'actualités mon probléme Wink
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyDim 08 Aoû 2010, 07:08
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Question sur QEEL en onglets Empty
Bonjour,

Alors le problème vient du fait que la variable soit encadrée d'un tableau; elle prend donc la couleur mise pour les "rangée 1" dans les couleurs. Il suffit juste de lui coller un CSS donnant un fond "transparent"; et la couleur disparaitra =)


J'ai donc rajouté une class dans la table (pour les connectés dans les dernières 24h) nommée class="qeel"; et rattachée à ce code CSS (que j'ai rajouté directement dans le template) :

Code:
.qeel td.row1
{background: none;}

Avec ce code, je demande à la colonne qui contient la variable de ne pas se mettre de couleur de fond =) En collant ce code dans le template (entre <!-- BEGIN disable_viewonline --> & <!-- END disable_viewonline -->); ce sera normalement bon :

Code:
<!-- BEGIN disable_viewonline -->
<br>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Un système d'onglet en javascript</title>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
    <style type="text/css">
        .onglet
        { display:inline-block;
      border-top: 1px black white;
border-left: 1px black white;
border-right: 1px black white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
margin-left: 8px;
padding-left:10px;
padding-right:10px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;
          cursor:pointer;
text-decoration: none !important;
color: white;
        }

        .onglet_0
        { display:inline-block;
      border-top: 1px black white;
border-left: 1px black white;
border-right: 1px black white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
margin-left: 8px;
padding-left:10px;
padding-right:10px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;
          cursor:pointer;
text-decoration: none !important;
color: white;
        }

        .onglet_1
        { display:inline-block;
      border-top: 1px black white;
border-left: 1px black white;
border-right: 1px black white;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 14px;
margin-left: 8px;
padding-left:10px;
padding-right:10px;
font-family: Arial;
font-weight: bold;
-moz-box-shadow: 0px 0px 10px white;
-webkit-box-shadow: 0px 0px 10px white;
box-shadow: 0px 0px 10px white;
          cursor:pointer;
text-decoration: none !important;
color: white; }

  .onglet_1:hover
        {
-moz-box-shadow: 0px 0px 10px black;
-webkit-box-shadow: 0px 0px 10pxblack;
box-shadow: 0px 0px 10px black;
          }


        .contenu_onglet
        {  border: 1px solid white;
-border-radius: 8px; /* tous les côtés sont arrondis */
-moz-border-radius: 8px; /* tous les côtés sont arrondis */
-webkit-border-radius: 8px; /* tous les côtés sont arrondis */
padding:10px;
-moz-box-shadow: 0px 0px 15px white;
-webkit-box-shadow: 0px 0px 15px white;
box-shadow: 0px 0px 15px white;
            display:none;
        }
 
.qeel td.row1
{background: none;}

        </style>
</head>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
        <span class="onglet_0 onglet" id="onglet_quoi" onmouseover="javascript:change_onglet('quoi');">Qui est en ligne ?</span>
            <span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Statistiques</span>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Le petit +</span>
        </div>
        <div class="contenu_onglets">

            <div class="contenu_onglet"  id="contenu_onglet_quoi">
<span class="gensmall">
<span id="tuol">{TOTAL_USERS_ONLINE}</span><br></span>
<span class="gensmall">
<span id="tuol">{LOGGED_IN_USER_LIST}</span></span>

<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span> </div>

            <div class="contenu_onglet" id="contenu_onglet_qui">
                <span class="gensmall">
{TOTAL_POSTS}<br />
      {TOTAL_USERS}</span><br />

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
jQuery(document).ready(function(){
  var tuol = jQuery("#tuol2");
  var string = tuol.html();
  string = string.replace("L'utilisateur enregistré le plus récent est","Bienvenue à ");
  tuol.html(string);
});
</script>
<span class="gensmall">
<span id="tuol">{NEWEST_USER}</span></span><br />
            </div>


            <div class="contenu_onglet"  id="contenu_onglet_pourquoi">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="qeel">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>jQuery(document).ready(function(){
  var tuol = jQuery("#tuol3");
  var string = tuol.html();
  string = string.replace("Membres connectés au cours des 24 dernières heures :","qui_etait_en_ligne
Qui est venu ces dernières 24 heures ?");
  tuol.html(string);
});</script>
<span class="gensmall">
<span id="tuol">{L_CONNECTED_MEMBERS}</span>
<span class="gensmall">{RECORD_USERS}
{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</span></table>

<!-- BEGIN switch_chatbox_activate -->
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
</span></div>
  <!-- END switch_chatbox_activate -->
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>

<!-- END disable_viewonline -->

MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptySam 14 Aoû 2010, 10:04
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Question sur QEEL en onglets Empty
Bonjour,

Grâce a votre aide Mon probléme est résolu.

Je vous remercie beaucoup =D

Cordialement Jiben
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets EmptyDim 15 Aoû 2010, 12:22
Revenir en haut Aller en bas
Contenu sponsorisé




Question sur QEEL en onglets Empty
MessageSujet: Re: Question sur QEEL en onglets   Question sur QEEL en onglets Empty
Revenir en haut Aller en bas
 

Question sur QEEL en onglets

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Question et tutoriel pour avoir un qeel en onglets.
» Question sur les onglets
» Question d'onglets x/
» QEEL onglets
» Onglets du qeel

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 | Signaler un abus | Cookies | Forum gratuit