Largeur du qui est en ligne

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Largeur du qui est en ligne

Message par Melove le Mer 9 Aoû 2017 - 16:34

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumdetestdesign.forumactif.com/

Description du problème

Bonjour,
Je vous envoie ce message car une amie m'a demandé de faire le design de son forum (ainsi que les codes) Je m'attaque au qui est en ligne mais le gros problème c'est qu'elle a fait énormément de groupes et moi je ne sais faire que le qui est en ligne que vous pouvez voir sur le forum (d'ailleurs ne faites pas attention au design, c'est du gros bidouillage, je fais des test)

-> http://forumdetestdesign.forumactif.com/

Ce qu'elle veut concernant le qui est en ligne c'est de mettre tout les groupes en largeur au lieu qu'ils soient en hauteur comme ils le sont là, comme ça elle pourrait garder l'image du qui est en ligne que j'ai fais. Je ne sais pas si je m'exprime bien je l'espère :/

Merci d'avance Smile
avatar

Melove
Nouveau membre

Messages : 4
Inscrit(e) le : 09/08/2017

http://forumdetestdesign.forumactif.com/
Melove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par L'ange noir le Mer 9 Aoû 2017 - 22:23

Bonsoir

Dans ton template Index Body tu as :

Code:
 <!-- GROUPES-->
<div class="blocGQEEL">{GROUP_LEGEND}</div>

Ensuite il te suffit d'appliquer dans ton CSS, la largeur à la class que tu as choisi. (blocGQEEL pour moi)

Code:
.blocGQEEL {
margin-top: 15%; /*à modifier selon ton choix*/
width:930px;
text-align:center;
}

Tu as un grand nombre de groupes. Il est possible qu'il te faille deux lignes. Donc prévois une hauteur de ton fond un peu large.
avatar

L'ange noir
***

Messages : 189
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par Melove le Mer 9 Aoû 2017 - 22:35

Bonsoir! Merci de m'avoir répondu Smile

J'ai essayé mais ça ne fonctionne pas :/

EDIT : Bon en fait je me suis mal exprimée XD Voilà ce que je voudrais :

http://nsa37.casimages.com/img/2017/08/09/1708091151237598.png
avatar

Melove
Nouveau membre

Messages : 4
Inscrit(e) le : 09/08/2017

http://forumdetestdesign.forumactif.com/
Melove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par L'ange noir le Jeu 10 Aoû 2017 - 22:38

Bonsoir

Oui, je comprends mieux.

Le qui est en ligne est dans un tableau. Il faut donc que tu places les parties que tu veux dans les cases de haut en bas. Donc dans la première table, pour que cela se place en haut, tu dois mettre :

Code:
<!-- BEGIN disable_viewonline -->

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL">
<div class="tleQEEL"><a>{L_WHO_IS_ONLINE}</a></div>
<div class="newonQEEL"><a><span id="newuser">{NEWEST_USER}</span></a></div>
<div class="stsQEEL1"><span id="totalpost">{TOTAL_POSTS}</span></div>
<div class="stsQEEL"><span id="totalusers">{TOTAL_USERS}</span></div>

/*ICI TU METS TOUT LE RESTE DE CE QUE TU VEUX AJOUTER SUR TON QEEL*/

/* Et EN DESSOUS DE TOUT CA, TOUT EN BAS, TU METS LES GROUPES*/

<!-- GROUPES-->
<div class="blocGQEEL">{GROUP_LEGEND}</div>

</div>
</td></tr>
</table>


Il faut vraiment que tu visualises un tableau dans lequel tu mets les choses sur les lignes selon ce que tu veux voir.

Je te montre et dis moi si c'est ce que tu voudrais au niveau des emplacements :

http://sangsmelesoriginels.forumactif.com/
avatar

L'ange noir
***

Messages : 189
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par Melove le Ven 11 Aoû 2017 - 20:04

Oui voilà au niveau des emplacements c'est un peu ça! la seule différence c'est que je n'aurais pas besoin de la partie du milieu, là ou il y a marqué "races jouables" , je veux que ce soit assez basique, elle ne demande pas un super code, juste quelque chose de plus joli et plus présentable vu qu'elle a beaucoup de groupe Smile

Voici ma partie du QEEL (parce que je ne suis pas super douée en code, je sais que c'est une histoire de tableau mais j'ai tendance à me mélanger les pinceaux XD)

Code:
 <!-- BEGIN disable_viewonline -->
    <center>
    <img src="http://nsa37.casimages.com/img/2017/08/09/170809011042260950.png">
    <div class="tableauqueel">
    <table style="width: 100%; border-collapse:collapse;">
      <br><br><tr>
          <td width="50%"><center><span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g37-fan-de-la-serie"><font color=#fa86ca size="2"><b>Fan de la série</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g36-fee-des-animaux"><font color=#4fe882 size="2"><b>Fée des Animaux</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g1-admin-du-forum"><font color=#f1813c size="2"><b>Admin du forum</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g16-ange-gardien-du-forum"><font color=#a3b9fb size="2"><b>Ange gardien du forum</b></font></a></span><br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g26-etoile-du-forum"><font color=#fcfb46 size="2"><b>Etoile du forum</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g5-fan-de-bloom"><font color=#58acee size="2"><b>Fan de Bloom</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g7-fan-de-stella"><font color=#f39b55 size="2"><b>Fan de Stella</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g4-fan-de-flora"><font color=#fb5cd7 size="2"><b>Fan de Flora</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g10-fan-de-musa"><font color=#8d2ff6 size="2"><b>Fan de Musa</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g15-fan-de-layla"><font color=#42c359 size="2"><b>Fan de Layla</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g8-fan-de-roxy"><font color=#fa45e6 size="2"><b>Fan de Roxy</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g3-princesse-de-domino"><font color=#5d76ff size="2"><b>Princesse de Domino</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g19-princesse-de-solaria"><font color=#fdc54c size="2"><b>Princesse de Solaria</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g18-fee-de-la-musique"><font color=#f62735 size="2"><b>Fée de la Musique</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g6-princesse-de-zenith"><font color=#c48df8 size="2"><b>Princesse de Zénith</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g27-forever-trix"><font color=#5e2381 size="2"><b>Forever Trix</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g21-sorciere-de-la-glace"><font color=#3931c5 size="2"><b>Sorcière de la glace</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g31-fan-de-tecna"><font color=#e1b6ff size="2"><b>Fan de Tecna</b></font></a></span> <br><br>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g32-fee-de-la-nature"><font color=#57cd88 size="2"><b>Fée de la Nature</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g33-princesse-d-andros"><font color=#6fdb9a size="2"><b>Princesse d'Andros</b></font></a></span> <br><br>
  <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g34-fan-de-brandon"><font color=#2a7246 size="2"><b>Fan de Brandon</b></font></a></span></center>
            </td>
          <td width="50%"><div class="partiedroite"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}

    {NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</div><br>
    </ul>
    <br></div></td>
      </tr>
    </table><br>
    <span class="gensmall"><table width=70%">{L_CONNECTED_MEMBERS}
    {LOGGED_IN_USER_LIST}<br></table></span></div></center>
    <br>
    <!-- END disable_viewonline -->

Merci d'avance
avatar

Melove
Nouveau membre

Messages : 4
Inscrit(e) le : 09/08/2017

http://forumdetestdesign.forumactif.com/
Melove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par L'ange noir le Sam 12 Aoû 2017 - 11:52

Bonjour

Est ce que tu veux quelque chose comme ça ? Ou avec plus d'élèments ?



J'ai aligné les groupes. Essaye ce code et dis moi si c'est ce que tu veux :

Code:
<!-- BEGIN disable_viewonline -->
    <center>
    <img src="http://nsa37.casimages.com/img/2017/08/09/170809011042260950.png">
    <div class="tableauqueel">
    <table style="width: 100%; border-collapse:collapse;">
     
      <br><br>
        <td width="50%"><div class="partiedroite"><br><ul><div class="gensmall">{TOTAL_POSTS}<br>{TOTAL_USERS}
 
    {NEWEST_USER}<br>{TOTAL_USERS_ONLINE}</div>
         
          <tr>
          <td width="100%"><center><span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g37-fan-de-la-serie"><font color=#fa86ca size="2"><b>Fan de la série</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g36-fee-des-animaux"><font color=#4fe882 size="2"><b>Fée des Animaux</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g1-admin-du-forum"><font color=#f1813c size="2"><b>Admin du forum</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g16-ange-gardien-du-forum"><font color=#a3b9fb size="2"><b>Ange gardien du forum</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g26-etoile-du-forum"><font color=#fcfb46 size="2"><b>Etoile du forum</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g5-fan-de-bloom"><font color=#58acee size="2"><b>Fan de Bloom</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g7-fan-de-stella"><font color=#f39b55 size="2"><b>Fan de Stella</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g4-fan-de-flora"><font color=#fb5cd7 size="2"><b>Fan de Flora</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g10-fan-de-musa"><font color=#8d2ff6 size="2"><b>Fan de Musa</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g15-fan-de-layla"><font color=#42c359 size="2"><b>Fan de Layla</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g8-fan-de-roxy"><font color=#fa45e6 size="2"><b>Fan de Roxy</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g3-princesse-de-domino"><font color=#5d76ff size="2"><b>Princesse de Domino</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g19-princesse-de-solaria"><font color=#fdc54c size="2"><b>Princesse de Solaria</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g18-fee-de-la-musique"><font color=#f62735 size="2"><b>Fée de la Musique</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g6-princesse-de-zenith"><font color=#c48df8 size="2"><b>Princesse de Zénith</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g27-forever-trix"><font color=#5e2381 size="2"><b>Forever Trix</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g21-sorciere-de-la-glace"><font color=#3931c5 size="2"><b>Sorcière de la glace</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g31-fan-de-tecna"><font color=#e1b6ff size="2"><b>Fan de Tecna</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g32-fee-de-la-nature"><font color=#57cd88 size="2"><b>Fée de la Nature</b></font></a></span>
    <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g33-princesse-d-andros"><font color=#6fdb9a size="2"><b>Princesse d'Andros</b></font></a></span>
  <span class="groupes"> <a href="http://winx-club-officiel.forumactif.com/g34-fan-de-brandon"><font color=#2a7246 size="2"><b>Fan de Brandon</b></font></a></span></center>
            </td>
         
           
            <br>
    </ul>
    <br></div></td>
      </tr>
    </table><br>
    <span class="gensmall"><table width=70%">
   
    {L_CONNECTED_MEMBERS}
    {LOGGED_IN_USER_LIST}<br></table></span></div></center>
    <br>
    <!-- END disable_viewonline -->


Il y a quelques petites erreurs sur ton code que l'on corrigera au fur et à mesure. Mais déjà essaye ça et dis moi si ça va dans la disposition.
avatar

L'ange noir
***

Messages : 189
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par Melove le Dim 13 Aoû 2017 - 14:54

Ah c'est parfait comme ça! Merci beaucoup!! merci
avatar

Melove
Nouveau membre

Messages : 4
Inscrit(e) le : 09/08/2017

http://forumdetestdesign.forumactif.com/
Melove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du qui est en ligne

Message par L'ange noir le Dim 13 Aoû 2017 - 15:11

Super. Heureuse d'avoir pu aider. En fait, j'ai retiré les <br> à la fin des lignes de chaque race.
avatar

L'ange noir
***

Messages : 189
Inscrit(e) le : 17/05/2016

http://animauxsauvages.forumactif.org/
L'ange noir a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum