[Problème résolu] Changer l'apparence du forum

**Invité**

Et oui, j'ai encore une question --' Je suis sûrement un boulet, mais j'ai beaucoup de problèmes avec l'apparence de mon forum xD

Tout d'abord, j'aimerais savoir comment changer le QEEL... Je le vois vraiment original sur beaucoup de forums, sauf que le problème, c'est que je suppose qu'il y a du HTML et du CSS là-dedans, et je ne m'y connais vraiment que très peu. Donc si quelqu'un pourrait m'aider xD

Ensuite, j'aimerais savoir comment changer l'apparence des noms des catégories et forums... Je montre ça en images, sinon personne ne me comprendra xD

QEEL

Spoiler:

Apparence des noms

Spoiler:

**Invité**

Effectivement pour modifier le QEEL il faut modifier les fichiers HTML et puis forcement le CSS ^^
Faudrait que tu décrive ce que tu souhaite parce que c'est dur de t'aider la :p

**Invité**

http://give-me-your-soul.forumgratuit.org/

Voilà le lien de mon forum pour voir ^^
En fait, j'aimerais que les noms des groupes soient au-dessus, en plus gros et puis sans le "légendes" moche là xD Et j'aimerais enlever les traits entre les lignes aussi. Je ne sais pas si je m'exprime très bien là ^^

**Invité**

Ok, je crois avoir compris
Tu veux quelque chose comme ça http://www.thoawin.com/ ?

**Invité**

Exactement ! oO

**Invité**

Voila un petit quelque chose Very Happy

Dit moi ce que tu en pense et si tu veux modifier quelque chose
Ha j'ai oublier tu utilise bien phpbb2 ? Sinon je sais pas si ça vas être compatible.

Code a insérer dans index_body

Code:

et

Supprime tous ce qu'il y a entre ces deux balises et insert ce code

Code:

<div class="fontqeel">

<table style="width:1400px">
<tr>
   <td width="300px">
   <img src="http://i23.servimg.com/u/f23/16/33/01/71/qeel10.png" alt="qui est en ligne ?"/>
   </td>
   <td width="1050px">
<div align="center">
<br />

<div class="groupes">
<a href="/g2-de-thiemay"/><span style="color:#C74040;">De Thiémay</span></a>
<img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<a href="/g3-de-rohan"/><span style="color:#333269;">De Rohan</span></a>
<img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<a href="/g4-famille-de-thiemay"/><span style="color:#C97D7D;">Famille de Thiémay</span></a>
<img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<a href="/g5-famille-de-rohan"/><span style="color:#706F96;">Famille de Rohan</span></a>
<img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
<a href="/g6-etrangers"/><span style="color:#798A56;">Etrangers</span></a>
<img src="http://www.noelshack.com/up/aac/qeelespace-e8e9337137.png">
</div>

<br />

<div class="gensmall">
<span id="newestuser">{NEWEST_USER}</span>
<script type="text/javascript">
document.getElementById('newestuser').innerHTML=document.getElementById('newestuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Bienvenue à");
</script><br /><br />

{TOTAL_POSTS}. <br />
      {TOTAL_USERS}<br /><br />

{TOTAL_USERS_ONLINE} ? {LOGGED_IN_USER_LIST}

</div><br /><br />
<div class="liste24h">
      <table>
            {L_CONNECTED_MEMBERS}
      </table>
   </div>
</div>

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

et le CSS qui vas avec

Code:

.fontqeel {
width : 1400px;
margin:auto;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius:20px;
}

.groupes {
text-transform: uppercase;
font-weight : bold;
font-size:14px;
}

.liste24h td.row1{
background:#C8DADF;
}

**Invité**

Alors j'ai rentré tout ça mais ça n'a pas marché, rien n'a changé oO
Et oui, j'utilise bien phpbb2 ^^

**Invité**

Tu as bien pensé à publier le nouveau fichier ?
Croix verte sur la même ligne que index_body .

**Invité**

Effectivement... *se sent ridicule* xD
Par contre, toute ma page a été déformée ! Lien
Sinon, c'est exactement ce que je veux ^^

**Invité**

Euh je vois pas vraiment ce qui est déformer, c'est moi qui vois pas bien ou tu as réussi a trouver le problème ?

Et pour les liens quesque tu veux modifier exactement ?

**Invité**

Je n'irai pas jusqu'à dire que tu ne vois pas voyons xD Non, c'est juste que la page est devenue vraiment très... large !

Et les liens... Changer quoi ? oO *j'ai parlé de liens ?*

**Invité**

Nothing Else a écrit:

Ensuite, j'aimerais savoir comment changer l'apparence des noms des catégories et forums... Je montre ça en images, sinon personne ne me comprendra xD

Je parlais des nom de catégories ^^

Désole je croyais que ton forum faisait a peu près cette taille
donc pour modifier reprend le css que tu as rajouté et modifie la largeur, met la largeur que tu souhaite.

Code:

width : 1400px;

et apres dans index_body, retrouve la partie que tu as modifier et change de la même façon la largeur

Code:

<table style="width:1400px"> // même largeur que dans le css
<tr>
   <td width="300px"> // pas touche a celle la ^^
   <img src="http://i23.servimg.com/u/f23/16/33/01/71/qeel10.png" alt="qui est en ligne ?"/>
   </td>
   <td width="1050px"> // la largeur du css moin 350

**Invité**

Ah, parfait ! merci beaucoup Smile

Pour les noms des catégories, j'aimerais bien quelque chose qui ressemble à ça, en fait modifier l'apparence par défaut toute simple =/

Spoiler:

**Invité**

Bon voila, je sais pas si c'est exactement ce que tu veux

Code:

a.forumlink
{
color : black;
display: block;
text-align: center;
margin-top: 4px;
font-variant: small-caps;
font-style: italic;
}

a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}

Dit moi si tu veux autre chose

**Invité**

Ça y est, je crois que j'ai tout ce que je cherchais ^^
Merci beaucoup à toi, dis donc c'est la deuxième fois en plus Smile

Oui, je ne sais rien faire toute seule --'
Problème résolu !