Bordure forum phpBB3

3 participants

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

Résolu Bordure forum phpBB3

Message par Maeth Sam 10 Jan 2015 - 15:06

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 :

wrap - Bordure forum phpBB3 461468Sanstitre1

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) :

wrap - Bordure forum phpBB3 531708Sanstitre2

-

Merci d'avance à toutes les bonnes âmes qui voudront bien se pencher sur ma question. Smile


Dernière édition par Maeth le Jeu 15 Jan 2015 - 20:59, édité 1 fois
Maeth

Maeth
Nouveau membre

Messages : 25
Inscrit(e) le : 27/12/2011

http://memories.nightforum.net
Maeth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par AenigmA Sam 10 Jan 2015 - 17:31

Bonjour,

Par css

#wrap{
background: url('https://2img.net/r/hpimg11/pics/544503Fondparchmid.png') repeat-y;
background-size: 100% auto;
box-shadow: 0 5px 20px #000;
padding: 0 72px;
}

Pour faire mieux il faut faire modifier ton image au niveau des bords gauche et droit
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par Maeth Lun 12 Jan 2015 - 23:28

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 ?
Maeth

Maeth
Nouveau membre

Messages : 25
Inscrit(e) le : 27/12/2011

http://memories.nightforum.net
Maeth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par AenigmA Mar 13 Jan 2015 - 7:06

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>
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par Maeth Mar 13 Jan 2015 - 12:01

Je ne suis pas sûr de comprendre où effectuer ces modifications, ni ce que ça modifie exactement. Neutral 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 ?
Maeth

Maeth
Nouveau membre

Messages : 25
Inscrit(e) le : 27/12/2011

http://memories.nightforum.net
Maeth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par demeter1 Mar 13 Jan 2015 - 12:54

Bonjour Maeth, bonjour Laurent,

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)
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordure forum phpBB3

Message par Maeth Mer 14 Jan 2015 - 9:58

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. Smile

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. Wink
Maeth

Maeth
Nouveau membre

Messages : 25
Inscrit(e) le : 27/12/2011

http://memories.nightforum.net
Maeth a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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