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
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 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
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 29 Juin - 17:21   

Je terminerais par ca
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 29 Juin - 17:24   

oki ^^ encore merci
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 29 Juin - 17:26   

voila les nom de groupe et description sont en place
il mnque quelque chose a part le panneau coulissant ?
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 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?
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 29 Juin - 17:30   

ok je vais ajouter ca aussi
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptySam 29 Juin - 17:30   

Merci ^^
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyDim 30 Juin - 3:31   

Bonjour,

Peux tu me donner les liens des différents groupes pour le QEEL ?
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyDim 30 Juin - 8:54   

SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 2 Juil - 7:07   

Bonjour,

Il manque le groupe "personnel du chateau"
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 2 Juil - 7:57   

Bin c'est " personnel de poudlard" ^^
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 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 ?
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 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"?
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 2 Juil - 8:04   

ok je vais arranger ca
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMar 2 Juil - 8:06   

Ok merci
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMer 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
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyMer 3 Juil - 19:05   

C'est dans quel templates ?
Mr. DocteurMr. Docteur Expert en ForumActif
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyJeu 4 Juil - 4:21   

Index_body Wink
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyJeu 4 Juil - 8:42   

Merci ^^

C'est quel partie du CSS pour changer la couleur de police ?
Mr. DocteurMr. Docteur Expert en ForumActif
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyVen 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
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyVen 5 Juil - 7:28   

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

http://lumos.harrypotterrpg.fr/
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyVen 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;
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyVen 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?
LudoloveisaLudoloveisa Membre
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyLun 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. DocteurMr. Docteur Expert en ForumActif
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyDim 14 Juil - 3:31   

Coucou,

Je UP pour toi pour que Skysky le vois Smile
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyDim 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
SkySkySkySky Modérateur
Codages de Qui est en ligne pour Lumos  - Page 2 EmptyLun 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é
Codages de Qui est en ligne pour Lumos  - Page 2 Empty   

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
» Comboost : un diaporama hébergé en ligne
» Code pour qui est en ligne
» Aide pour mouvoir "qui est en ligne..." (chaque variable individuellement)
» Pour "Qui est en ligne" code modif couleur du texte

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-