Bordure forum phpBB3
3 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
Bordure forum phpBB3
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://manticores-test.guildjdr.com/
Description du problème
Bonjour,Je voudrais personnaliser l'apparence en ajoutant des bordures sur les côtés du forum, à ne pas confondre avec le fond de page. Cela me permettrait d'avoir un fond en parchemin et d'avoir les bordures qui encadreraient les catégories à droite et à gauche.
J'ai trouvé des sujets en parlant, mais uniquement en phpBB2, les citer explicitera peut-être un peu ce que je demande :
- https://forum.forumactif.com/t370714-css-la-bodyline-en-image
- https://forum.forumactif.com/t373961-ajouter-des-bordures-encadrement-autour-du-forum-gauche-droite?highlight=c%F4t%E9+forum
Pour illustrer un peu mieux, voilà ce que j'ai actuellement :
Avec le code suivant :
- Code:
#wrap{
background: url('http://img11.hostingpics.net/pics/544503Fondparchmid.png') repeat-y;
background-size: 100% auto;
}
Et voilà ce que je voudrais (je rappelle que mon forum est en phpBB3) :
-
Merci d'avance à toutes les bonnes âmes qui voudront bien se pencher sur ma question.
Dernière édition par Maeth le Jeu 15 Jan 2015 - 20:59, édité 1 fois
Re: Bordure forum phpBB3
Le padding permet de décaler l'image du cadre originel du forum pour le faire déborder à droite et à gauche ?
C'est différent ce que j'ai pu voir sous phphBB2 mais si oui alors ça devrait donner le rendu que je cherche. Je vais tenter ça, je dirais ce que ça donne !
J'ai essayé, c'est tout simple et ça marche. ^^ Il y a toutefois un espace qui reste vide en bas du forum, comment arranger ça ? Changer le padding ne modifie pas ce détail.
J'ai une question subsidiaire : j'envisageais aussi de mettre un en-tête (le haut d'un rouleau de parchemin) et un pied de page (le bas du rouleau) sur le forum en complément de ce parchemin. Bien sûr ça ne peut pas être une seule image puisque celle du milieu sera répétée pour s'adapter à la longueur du forum. J'ai trouvé le code pour le phpBB2 mais jamais en phpBB3. Quelqu'un pourrait m'éclairer ?
C'est différent ce que j'ai pu voir sous phphBB2 mais si oui alors ça devrait donner le rendu que je cherche. Je vais tenter ça, je dirais ce que ça donne !
J'ai essayé, c'est tout simple et ça marche. ^^ Il y a toutefois un espace qui reste vide en bas du forum, comment arranger ça ? Changer le padding ne modifie pas ce détail.
J'ai une question subsidiaire : j'envisageais aussi de mettre un en-tête (le haut d'un rouleau de parchemin) et un pied de page (le bas du rouleau) sur le forum en complément de ce parchemin. Bien sûr ça ne peut pas être une seule image puisque celle du milieu sera répétée pour s'adapter à la longueur du forum. J'ai trouvé le code pour le phpBB2 mais jamais en phpBB3. Quelqu'un pourrait m'éclairer ?
Re: Bordure forum phpBB3
Bonjour, le mieux était de le dire au début car c'est différent, on ne passe pas par le wrap : )
Pour faire CE CHANTIER
Dans overall_header juste après /head
<div id="haut_cadre"></div>
<div id="fond_cadre">
Dans overall_footer_end juste avant /body
</div>
<div id="bas_cadre"></div>
Pour faire CE CHANTIER
Dans overall_header juste après /head
<div id="haut_cadre"></div>
<div id="fond_cadre">
Dans overall_footer_end juste avant /body
</div>
<div id="bas_cadre"></div>
Re: Bordure forum phpBB3
Je ne suis pas sûr de comprendre où effectuer ces modifications, ni ce que ça modifie exactement. Et puisqu'il n'y a pas d'exemple de lien ou d'image, je suppose qu'il faut rajouter quelque chose dans le CSS pour les placer ?
Re: Bordure forum phpBB3
Bonjour Maeth, bonjour Laurent,
Il suffit de rajouter ce css
Pour le haut du cadre
Pour le centre
et pour le bas
Pour la mise en place des div, laurent à précisé où les placer. Techniquement, il va te falloir travailler une image à l'exact largeur du forum pour pouvoir la découper en trois parties par la suite (haut, centre et bas)
Il suffit de rajouter ce css
Pour le haut du cadre
- Code:
#haut_cadre{
width:taille de l'image en px;
height: largeur de l'image en px;
background: url('lien de l'image');
background-repeat:no-repeat;
background-position:center top;
margin:auto;
}
Pour le centre
- Code:
#fond_cadre{
width:largeur en px;
background: url('lien de l'image');
background-repeat:repeat-y;
background-position:center;
margin:auto;
}
et pour le bas
- Code:
#bas_cadre{
width:taille de l'image en px;
height: largeur de l'image en px;
background: url('lien de l'image');
background-repeat:no-repeat;
background-position:center top;
margin: auto;
}
Pour la mise en place des div, laurent à précisé où les placer. Techniquement, il va te falloir travailler une image à l'exact largeur du forum pour pouvoir la découper en trois parties par la suite (haut, centre et bas)
Re: Bordure forum phpBB3
Bonjour,
Merci pour vos réponses, je suppose que le premier code est à chercher/modifier dans les templates, puis à compléter avec le CSS ? (C'était l'information qui me manquait, la modification des templates... ça ne coule pas de source quand on ne touche qu'au CSS. ^^')
Je n'ai pour le moment pas d'image à tester pour ce cadre, je vais garder ce code sous la main. (Au besoin j'ouvrirai un nouveau sujet.) C'était plus une question de curiosité, alors merci.
Pouvez-vous en revanche répondre à ma question précédente, concernant la marge affichée en bas du forum par rapport à l'image de fond ? C'est plutôt disgracieux et je voudrais bien la supprimer. Merci d'avance !
J'ai trouvé la réponse tout seul, je devais mal m'y prendre pour modifier le padding vertical, j'ai achouté qulques pixels, et magie, plus de marge vide !
Résolu donc, merci encore pour votre aide.
Merci pour vos réponses, je suppose que le premier code est à chercher/modifier dans les templates, puis à compléter avec le CSS ? (C'était l'information qui me manquait, la modification des templates... ça ne coule pas de source quand on ne touche qu'au CSS. ^^')
Je n'ai pour le moment pas d'image à tester pour ce cadre, je vais garder ce code sous la main. (Au besoin j'ouvrirai un nouveau sujet.) C'était plus une question de curiosité, alors merci.
Pouvez-vous en revanche répondre à ma question précédente, concernant la marge affichée en bas du forum par rapport à l'image de fond ? C'est plutôt disgracieux et je voudrais bien la supprimer. Merci d'avance !
J'ai trouvé la réponse tout seul, je devais mal m'y prendre pour modifier le padding vertical, j'ai achouté qulques pixels, et magie, plus de marge vide !
Résolu donc, merci encore pour votre aide.
Sujets similaires
» Bordure forum ombré.
» Bordure du forum
» Bordure sur le forum
» Comment mettre une image gif dans la fenetre "logo du forum" forum en phpbb3
» bordure forum irrégulière
» Bordure du forum
» Bordure sur le forum
» Comment mettre une image gif dans la fenetre "logo du forum" forum en phpbb3
» bordure forum irrégulière
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