Bonsoir à tous.

Me voici prêt à attaquer un nouveau thème pour mon forum. Et oui en dirais que j'y prend goût.
Cristof tu m'as conseillé d'opter pour une version en punbb, alors je me lance.
Par contre je commencé à peine à m'habituer au phbb2 et me voilà repartit à zéro ou presque.

Je sollicite votre aide pour me conseiller et me guider dans ma conception.
J'ai fait une maquette de l'allure générale du forum. J'aurai aimé que vous m'indiquiez comment procéder, quels tutos utiliser.
Je sais que j'en demande beaucoup, mais la dernière fois que j'ai attaqué tête baissé, j'y ai parfois passé des heures alors qu'il y avait des méthodes plus simple et rapide.

Voici la maquettes:

Spoiler:

En vous remerciant par avance.

A bientôt.

benjah.

salut benjah et voilà une belle nouvelle
donc le premier conseil que je peux te donner, c'est que PunBB ne fonctionne pas comme phpbb2, vu qu'il est construit principalement en div. (id et class)
donc une personnalisation plus simple (à mon gout) et plus large également.
au vue de ta maquette, tu n'as presque pas, voir pas du tout besoin de toucher au template.
donc si tu as firefox et donc firebug, tu meux commencer à triffouiller le css via firebug afin de voir ce que tu peux faire pour te rapprocher de ta maquette.

Bonjour.

Merci cristof pour tes infos.
Je ne connaissais pas firebug, du coup je viens de l'installer.
Par contre, même à tâton je crois que c'est pas gagné.
Pour commencer, j'arrive même pas à mettre le fond du forum représenté en gris, avec coin arrondis.

Tu pense que juste avec du CSS çà pourrai être bon ?

a bientôt.

Coucou, il faut un ptit temps d'adaptation avec Firebug, qui semble bien compliqué au départ, mais très simple par la suite !
Essais un tout, histoire de découvrir ses possibilités.

Dans ton cas, il suffit de mettre un couleur de fond, et des coins arrondis à ".punb".

.punb{
background: #couleur;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

Si tu veux plus d'espace en haut et en bas, tu mets toujours à .punb :

.punb{
background: #couleur;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 30px auto;
}

Tu auras un marge en haut et en bas de 30px.

Bonne journée.

Merci quierra.

Je sais pas si c'est normal mais je met le code CSS que tu me fourni mais rien ne se passe.


http://benjah.forumgratuit.org/

Nomal ! Je l'ai mal écrit !!! C'est pun et non punb

oki .

Par contre cela n'a pas l'air centré
Puis j'ai un léger décalage en bas au niveau du "sauter vers"
Bizzarre

rassure toi benjah, j'ai galéré aussi avec firebug ^^, maintenant c'est une obligation ;)
de mon côté je vois bien les modifs faites

C'est ton fond qui n'est pas centré, met dans ton css :

body{
background-position: top center;
}

également codou, j'ai un décalage de marge de 1 px en pied de forum
j'ai rajouté ceci :

Code:

#pun-about {
    background-color: #9E9E9E;
    border: 1px solid #000000;
    line-height: 150%;
    margin-left: -1px;
    margin-right: -1px;
    padding: 30px;
    text-align: right;
}

mis simplement un margin de -1px à droite et à gauche ;)

c'est ok .
Mais mon cadre gris à l'air décalé vers la droite, par rapport au titre et à la navigation.

Critof, tu fais une bêtise là tu as tout simplement étiré le div !!! Ça ne se fait pas... Il aurait juste eu besoin de supprimer la bordure, car ce n'est que la bordure qui donnait cet aspect, et non une erreur l'alignement.

Et si tu centrais ta navigation tout simplement dans ton pa ?

Affichage --> En-tête & Navigation --> A position du menu, tu mets "centrer".

arff, mais j'ai enlevé la bordure et cela n'as pas fonctionné

A bon... Bouge pas ! J'essaie

Désolé pour toi... Mais j'ai toujours raison

Spoiler:

#pun-about {
border: medium none;
}