Largeur du qui est en ligne
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Largeur du qui est en ligne
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
Re: Largeur du qui est en ligne
Bonsoir
Dans ton template Index Body tu as :
Ensuite il te suffit d'appliquer dans ton CSS, la largeur à la class que tu as choisi. (blocGQEEL pour moi)
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.
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.
Re: Largeur du qui est en ligne
Bonsoir! Merci de m'avoir répondu
J'ai essayé mais ça ne fonctionne pas :/
EDIT : Bon en fait je me suis mal exprimée XD Voilà ce que je voudrais :
https://nsa37.casimages.com/img/2017/08/09/1708091151237598.png
J'ai essayé mais ça ne fonctionne pas :/
EDIT : Bon en fait je me suis mal exprimée XD Voilà ce que je voudrais :
https://nsa37.casimages.com/img/2017/08/09/1708091151237598.png
Re: Largeur du qui est en ligne
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 :
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/
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/
Re: Largeur du qui est en ligne
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
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)
Merci d'avance
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
Re: Largeur du qui est en ligne
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 :
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.
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.
Re: Largeur du qui est en ligne
Ah c'est parfait comme ça! Merci beaucoup!!
Re: Largeur du qui est en ligne
Super. Heureuse d'avoir pu aider. En fait, j'ai retiré les <br> à la fin des lignes de chaque race.
Sujets similaires
» Largeur du forum & retour a la ligne
» Apparence du portail : Largeur colonne vs largeur cadre & position générale sur la page web
» Qui est en ligne, voir seulement « Il ya en tout un utilisateur en ligne»
» Modifier la largeur du bodyline sans modifier la largeur du forum
» Supprimer dans le QEEL la ligne "Qui est en ligne ?" ainsi que le raccourci qu'il contient
» Apparence du portail : Largeur colonne vs largeur cadre & position générale sur la page web
» Qui est en ligne, voir seulement « Il ya en tout un utilisateur en ligne»
» Modifier la largeur du bodyline sans modifier la largeur du forum
» Supprimer dans le QEEL la ligne "Qui est en ligne ?" ainsi que le raccourci qu'il contient
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum