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  Suivant
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
Sam 29 Juin - 17:21   

Je terminerais par ca
Ludoloveisaavatar Membre
Sam 29 Juin - 17:24   

oki ^^ encore merci
SkySkyavatar Modérateur
Sam 29 Juin - 17:26   

voila les nom de groupe et description sont en place
il mnque quelque chose a part le panneau coulissant ?
Ludoloveisaavatar Membre
Sam 29 Juin - 17:29   

Je sais pas si je l'ai rater mais il y a pas les "annonces des anniversaire".

Et serait possible d'afficher les membres des groume en même temps que la descriptions? je veux dire de manière automatique?
SkySkyavatar Modérateur
Sam 29 Juin - 17:30   

ok je vais ajouter ca aussi
Ludoloveisaavatar Membre
Sam 29 Juin - 17:30   

Merci ^^
SkySkyavatar Modérateur
Dim 30 Juin - 3:31   

Bonjour,

Peux tu me donner les liens des différents groupes pour le QEEL ?
Ludoloveisaavatar Membre
Dim 30 Juin - 8:54   

SkySkyavatar Modérateur
Mar 2 Juil - 7:07   

Bonjour,

Il manque le groupe "personnel du chateau"
Ludoloveisaavatar Membre
Mar 2 Juil - 7:57   

Bin c'est " personnel de poudlard" ^^
SkySkyavatar Modérateur
Mar 2 Juil - 7:59   

Oups désolé je n'y connait rien en harry potter donc ...

Ben tu peux regarder sur mon forum test et dis moi si ca va ?
Ludoloveisaavatar Membre
Mar 2 Juil - 8:03   

On vois pas trop le groupe serpentar ^^. Et il y a rien qui indique qu'il y a un panneau sa fait tout noir. On pourrait pas y ajouter un texte du style "Lumos" ou "Entrer"?
SkySkyavatar Modérateur
Mar 2 Juil - 8:04   

ok je vais arranger ca
Ludoloveisaavatar Membre
Mar 2 Juil - 8:06   

Ok merci
SkySkyavatar Modérateur
Mer 3 Juil - 16:33   

Bonjour,

Voici la partie css :
Code:
/*--- QEEL ---*/

.yosh td {
  background:none !important;
}

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

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

.copyr {
  font-size:11px;
  border:1px solid #000000;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:10px;
  width:800px;
}
.connecte {
  font-size:11px;
  border:1px solid #000000;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  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;
}
.onglet_1 {
  background:#141414;
  border-bottom:0px solid black;
  padding-bottom:4px;
}
.contenu_onglet {
  background-color:#333333;
  border:1px solid black;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  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;
}

/* 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) */
}
n'oublie pas de valider

La partie templates :
tu cherche :
Code:
<!-- BEGIN disable_viewonline -->
tu efface tout ce qui suit ju'a :
Code:
<!-- END disable_viewonline -->
et entre ces 2 balises tu met ceci :
Code:
  <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"><span class="gensmall">{TOTAL_USERS}<br />
            {TOTAL_POSTS}<br />
            {NEWEST_USER}<br />
            {TOTAL_USERS_ONLINE}</span></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>{L_WHOSBIRTHDAY_TODAY}</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>
Tu enregistre et publie

Tu adapte les couleur en fonction de ton forum via la partie CSS

Bonne journée
Ludoloveisaavatar Membre
Mer 3 Juil - 19:05   

C'est dans quel templates ?
Mr. Docteuravatar Expert en ForumActif
Jeu 4 Juil - 4:21   

Index_body Wink
Ludoloveisaavatar Membre
Jeu 4 Juil - 8:42   

Merci ^^

C'est quel partie du CSS pour changer la couleur de police ?
Mr. Docteuravatar Expert en ForumActif
Ven 5 Juil - 5:01   

Il doit y en avoir plusieurs... Quelle police veux-tu changer ?

- Des groupes
- Des descriptions ?


Dit en plus pour SkySky, il pourra te le dire Wink
Ludoloveisaavatar Membre
Ven 5 Juil - 7:28   

Bin la couleur des groupe et des descriptions car la on ne voie rien Neutral 

http://lumos.harrypotterrpg.fr/
SkySkyavatar Modérateur
Ven 5 Juil - 7:53   

Bonjour,

Cette partie du CSS gère les groupe :
Code:
.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;
}
Il suffit d'y ajouter :
Code:
color:#CODE COULEUR;
Ludoloveisaavatar Membre
Ven 5 Juil - 12:10   

Et pour la partie des membres connecté et le reste c'est quel partie?

Et je peut mettre une images sur le bloc coulissant? Si oui c'est quel taille?
Ludoloveisaavatar Membre
Lun 8 Juil - 16:58   

Coucou

Je ne voudrais pas presser les réponses mais je voudrais bien ouvrir mon fo' à la fin du mois.

Quelqu'un pour répondre ? ^^

Désolé encore pour le UP
Mr. Docteuravatar Expert en ForumActif
Dim 14 Juil - 3:31   

Coucou,

Je UP pour toi pour que Skysky le vois Smile
SkySkyavatar Modérateur
Dim 14 Juil - 19:09   

Oups pas vu désolé
Je m'en occupe demain matin car la passer minuit désolé je suis plus étanche lol
SkySkyavatar 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 ?
Contenu sponsorisé
   

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

 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-