Bordure forum phpBB3

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

Résolu Bordure forum phpBB3

Message par Maeth le 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 :
- http://forum.forumactif.com/t370714-css-la-bodyline-en-image
- http://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. Smile


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

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 le Sam 10 Jan 2015 - 17:31

Bonjour,

Par css

#wrap{
background: url('http://img11.hostingpics.net/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
+ Hyperactif +

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 le 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
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 le 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
+ Hyperactif +

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 le 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
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 le 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
+ Hyperactif +

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

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

Résolu Re: Bordure forum phpBB3

Message par Maeth le 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
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


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