Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 

Partagez | .
 

 Codages de Qui est en ligne pour Lumos

Aller à la page : Précédent  1, 2, 3
Ludoloveisaavatar Membre
Sam 15 Juin - 19:55   

Rappel du premier message :

Coucou ^^

Voici ma commande

Pour le qui est en ligne :

Vue d'ensemble :
Spoiler:
 
Vue après ouverture:
Spoiler:
 

Donc quand on clique sur les groupe je voudrais que les infos du groupe + le nom des membres s'affiche dans la partie info et idem pour les deux petit rectangle en dessous : quand on clique dessus les infos s'affichent dans la partie infos.

http://lumos.harrypotterrpg.fr/

Merci à vous

Message
SkySky Modérateur
Lun 15 Juil - 5:01   

Bonjour,

Le bloc coullissant se gère ici dans le css :
Code:
.blocVolet {
  position: absolute; /* positionnement absolu (important) */
  top: 0; /* (important) */
  left: 0; /* (important) */
  width: 800px; /* largeur du bloc (identique au bloc principal) */
  height: 330px; /* hauteur du bloc (identique au bloc principal) */
  background: #333334; /* couleur de fond */
  /* réglage de la transition */
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}
Tu change :
Code:
 background: #333334; /* couleur de fond */
par :
Code:
 background-image: url('LIEN IMAGE'); /* image bloc de recouvrement*/

Pr contre pour le truc membre je comprend
tu veux faire quoi ?
Ludoloveisaavatar Membre
Lun 15 Juil - 10:49   

Donc je voudrait changer la couleur de police de la partie centrale du QUEEL comme j'ai fait pour la partie des groupes.

Et je voudrais également centré le QUEEL.

Et la taille du bloc coulissant et de combien?
SkySkyavatar Modérateur
Lun 15 Juil - 10:55   

Pour centrer tu mets :
Code:
<center>

devant tout le code que je t'ai donné avant et la fin tu mets :
Code:
</center>

Pour changer la couleur ben tu ajoute dans le css ".connecte" :
Code:
color:#CODE COULEUR
Ludoloveisaavatar Membre
Lun 15 Juil - 11:08   

Je doit être blond car le center ne marche pas ^^ sa me dit que le code html est supprimé du code css

Et j'ai beau mettre le code color dans la partie connecte sa ne change rein lol
SkySkyavatar Modérateur
Lun 15 Juil - 11:21   

bon je savais que cela allait me faire ch*** mais pas a ce point

Bon je reprend ton code et je vais tester sur mon forum test
Ludoloveisaavatar Membre
Lun 15 Juil - 11:21   

ok merci et encore désolé
SkySkyavatar Modérateur
Lun 15 Juil - 16:01   

Remplace ton code QEEL par celui ci :
Code:
<!-- BEGIN disable_viewonline -->
<center> <h1>Qui est en ligne ? (Passe la souris juste en dessous tu verras)</h1>
<div class="monBloc">
  <div class="blocVolet"></div>
    <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>
   
        <div class="systeme_onglets">
        <table width="800px"><tr><td width="200px" rowspan="5" vAlign="top"><div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Administrateur</span><br>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Modérateur</span><br>
            <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Personnel du Ministère de la magie</span><br>
            <span class="onglet_0 onglet" id="onglet_4" onclick="javascript:change_onglet('4');">Personnel de Poudlard</span><br>
            <span class="onglet_0 onglet" id="onglet_5" onclick="javascript:change_onglet('5');">Employé du chemin de Traverse</span><br>
            <span class="onglet_0 onglet" id="onglet_6" onclick="javascript:change_onglet('6');">Employé de Pré Au Lar</span><br>
            <span class="onglet_0 onglet" id="onglet_7" onclick="javascript:change_onglet('7');">Gryffondor</span><br>
            <span class="onglet_0 onglet" id="onglet_8" onclick="javascript:change_onglet('8');">Poufsouffle</span><br>
            <span class="onglet_0 onglet" id="onglet_9" onclick="javascript:change_onglet('9');">Serdaigles</span><br>
            <span class="onglet_0 onglet" id="onglet_10" onclick="javascript:change_onglet('10');">Serpentard</span><br>
          </div></td><td width="600px" vAlign="top" colspan="2">
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi">
              <a href="/g2-">Groupe d'administrateurs du forum</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_qui">
              <a href="/g2-">Modérateur du forum</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
              <a href="/g25-">Personnels du Ministère</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_4">
              <a href="/g24-">Personnels du château</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_5">
              <a href="/g30-">Employé du chemin de traverse, pour en faire partie il vous suffit de postuler à un poste.</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_6">
              <a href="/g31-">Employé de Pré Au Lar, pour en faire partie il vous suffit de postuler à un poste.</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_7">
              <a href="/g13-">Les Gryffondor sont connus pour leur courage.</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_8">
              <a href="/g22-">Les Poufsouffle sont connus pour leur goût pour le travail</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_9">
              <a href="/g21-"> Les Serdaigle sont connus pour leur sagesse</a>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_10">
              <a href="/g16-"> Les Serpentard sont connus pour leur intelligence.</a>
            </div>
          </div></td></tr>
          <tr><td width="600px" colspan="2" class="connecte" vAlign="top">{TOTAL_USERS}<br />
            {TOTAL_POSTS}<br />
            {NEWEST_USER}<br />
            {TOTAL_USERS_ONLINE}</td></tr>
          <tr><td width="300px" class="ancien" vAlign="top" rowspan="2"><table class="yosh">{L_CONNECTED_MEMBERS}</table></td><td width="300px" class="enligne" valign="top">{LOGGED_IN_USER_LIST}</td></tr>   
          <tr><td width="300px" class="enligne" valign="top"><table><div class="enligne1">{L_WHOSBIRTHDAY_TODAY}</div></table></td></tr>
          <tr><td colspan=6 class="copyr" align="middle">Ce QEEL a été codé par Skysky du forum <a href="http://entraide-mr-docteur.forumactif.com/">Entraide Mr Docteur</a></td></tr>
          </table>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
       
 
          </div></center>
<!-- END disable_viewonline -->

Et ca marche pour le fait d'etre centré
par contre les couleurs je galère
Ludoloveisaavatar Membre
Lun 15 Juil - 18:43   

Bin j'ai remplacé le code et voilà le résultat

http://lumos.harrypotterrpg.fr/ Sad 
SkySkyavatar Modérateur
Lun 15 Juil - 18:44   

tu as supprimé le css ? car en voyant ca on dirait que oui
Ludoloveisaavatar Membre
Lun 15 Juil - 18:51   

Bin oui lol ^^. C'est bon j'ai tout remis ^^ et sa marche ^^. Manque plus que les couleurs ^^
SkySkyavatar Modérateur
Lun 15 Juil - 18:53   

Remplace le css de ton QEEL par celui ci :
Code:
/*--- QEEL ---*/

.yosh td {
  background:none !important;
}

.ancien {
  font-size:11px;
  color:#000000;
  border:1px solid #000000;
  border-radius:10px;
  padding:10px;
  height:100px;
}

.enligne {
  font-size:11px;
  color:#000000;
  border:1px solid #000000;
  border-radius:10px;
  padding:10px;
  height:50px;
}

.enligne1 {
  color:#000000 !important;
}

.copyr {
  font-size:11px;
  color:#000000;
  border:1px solid #000000;
  border-radius:10px;
  padding:10px;
  width:800px;
}
.connecte {
  font-size:11px;
  color:#000000;
  border:1px solid #000000;
  border-radius:10px;
  padding:10px;
  height:50px;
}

.onglet {
  display:inline-block;
  margin-left:3px;
  margin-right:3px;
  padding:3px;
  border:1px solid black;
  cursor:pointer;
  width:150px;
  background-color:#141414;
  font-size:11px !important;
}
.onglet_0 {
  background:#333333;
  border-bottom:1px solid black;
  font-size:11px !important;
  color:#000000;
}
.onglet_1 {
  background:#141414;
  border-bottom:0px solid black;
  padding-bottom:4px;
}
.contenu_onglet {
  background-color:#333333;
  color:#000000 !important;
  border:1px solid black;
  border-radius:10px;
  margin-top:-1px;
  padding:5px;
  display:none;
  width:600px;
  font-size:11px;
  text-align:center;
}
ul {
  margin-top:0px;
  margin-bottom:0px;
  margin-left:-10px
}
h1 {
  margin:0px;
  padding:0px;
}
Remplace le :
Code:
color:#000000;
Par :
Code:
color:#CODE COULEUR;
Il y a encore des bugs mais je trouverais une solution rapidement j'espère
Ludoloveisaavatar Membre
Lun 15 Juil - 18:57   

C'est fait mais le bloc coulissant a disparut lol
SkySkyavatar Modérateur
Lun 15 Juil - 18:59   

oups j'avais oublié de le mettre, rajoute :
Code:
/* Bloc principal */
.monBloc {
  position: relative; /* important ! */
  overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
  width: 800px; /* largeur du bloc */
  height: 330px; /* hauteur du bloc */
  background: #333333; /* couleur de fond */
  border:2px dotted #141414;
}

/* Bloc de recouvrement */
.blocVolet {
  position: absolute; /* positionnement absolu (important) */
  top: 0; /* (important) */
  left: 0; /* (important) */
  width: 800px; /* largeur du bloc (identique au bloc principal) */
  height: 330px; /* hauteur du bloc (identique au bloc principal) */
  background: #333334; /* couleur de fond */
  /* réglage de la transition */
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}

/* Changement au survol */
.monBloc:hover > .blocVolet {
  left: -800px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}

par contre pour les anniversaire je pense que tu as oublié de l'activé non ?
Ludoloveisaavatar Membre
Lun 15 Juil - 19:09   

C'est bon les anif son activé par contre la partie "membre connecté au cours des 24 heure" ne change pas la couleur...
SkySkyavatar Modérateur
Mar 16 Juil - 4:14   

Oui c'est le bug qui me bloque
faut que je trouve une solution
Ludoloveisaavatar Membre
Mar 16 Juil - 4:17   

Ha oki ^^
SkySkyavatar Modérateur
Mer 17 Juil - 8:01   

Salut

Je t'oublie pas je cherche toujours une solution
Ludoloveisaavatar Membre
Mer 17 Juil - 8:25   

Oki lol
Ludoloveisaavatar Membre
Dim 21 Juil - 8:52   

Un autre petit problème lol. Quand je clique sur la description des groupes sa me met: " groupe inexistant"
Ludoloveisaavatar Membre
Dim 28 Juil - 11:48   

Coucou

Y a t-il Des nouvelles?
Ludoloveisaavatar Membre
Jeu 8 Aoû - 19:10   

Coucou

Y a t-il une chance que ma commande soit finit?
Contenu sponsorisé
   

Page 3 sur 3Aller à la page : Précédent  1, 2, 3

 Sujets similaires

-
» Faire un retour à la ligne pour séparer les sous-forums
» Comment insérer une ligne pour séparer les réponses ?
» "Qui est en ligne?" Pour admin/modo
» Astuce Modifier le "Qui est en ligne" pour les forums en Invision
» Changer la position du bandeau "en ligne" pour PUNBB

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Commandes-