Faire un cadre autour des derniers messages

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

Résolu Faire un cadre autour des derniers messages

Message par Invité le Mar 25 Oct 2016 - 14:55

Bonjour, j'aimerai faire un encadré autour des derniers messages sur mon forum. Mes recherches ne m'ont mené que sur la version phpbb2, peut-être une solution pour pour la version phpbb3? Merci de m'aider.


Dernière édition par misslena le Mer 26 Oct 2016 - 17:12, édité 1 fois
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un cadre autour des derniers messages

Message par MlleAlys le Mer 26 Oct 2016 - 15:25

Bonjour,
Je ne sais pas si c'est ce que vous cherchez, mais essayez ainsi :

- dans affichage > couleurs > onglet feuille de style css, copiez-collez le code css suivant :
Code:
/*cadre autour des derniers messages*/
.row dd.lastpost {
  border: 1px solid #787878 !important;
  border-radius: 5px;
  background: rgb(228, 241, 175);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  margin: 5px 0;
  min-height: 65px;
  font-size: 13px;
}

- Enregistrez

=> cela devrait afficher un cadre vert autour des informations sur le dernier message d'un forum.

Pour modifier le code :

- border : ici une bordure de 1px de style solid et de couleur gris foncé. Gardez le !important à la fin de la ligne pour que cette ligne prenne vraiment effet.
- border-radius : arrondi des coins du cadre avec un rayon ici de 5px
- background : couleur de fond du cadre ici vert clair
- box-shadow : effet d'ombre
- margin : pour décoller le cadre des bords, marge de 5px au dessus et en dessous, et 0 à gauche et à droite.
- min-height : hauteur minimale du cadre
- font-size : taille du texte à l'intérieur du cadre.
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un cadre autour des derniers messages

Message par Invité le Mer 26 Oct 2016 - 15:55

Bonjour MelleAlys, merci beaucoup, votre code fonctionne parfaitement, juste une petite précision, si je veux faire le contour en pointillés, (afin de le coordonner avec le contour de mon forum), pouvez-vous me préciser ce que je dois modifier ou rajouter? je crois qu'il faut que je mette dotted après border, mais je ne suis pas certaine. ::fleur::
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Faire un cadre autour des derniers messages

Message par MlleAlys le Mer 26 Oct 2016 - 17:00

Oui c'est le style de la bordure, ici solid, qui doit être remplacé par celui voulu.

Pour un effet "pointillés" il y a deux styles possibles :
- dotted : des petits points
- dashed : des tirets.

dotted risque de ne pas être très visible, je vous propose avec dashed, mais vous pouvez bien sûr modifier comme vous le souhaitez :
Modifiez la ligne border ainsi :
Code:
border: 1px dashed #787878 !important;
avatar

MlleAlys
Membre actif

Messages : 4626
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire un cadre autour des derniers messages

Message par Invité le Mer 26 Oct 2016 - 17:11

@MlleAlys a écrit:Oui c'est le style de la bordure, ici solid, qui doit être remplacé par celui voulu.

Pour un effet "pointillés" il y a deux styles possibles :
- dotted : des petits points
- dashed : des tirets.

dotted risque de ne pas être très visible, je vous propose avec dashed, mais vous pouvez bien sûr modifier comme vous le souhaitez :
Modifiez la ligne border ainsi :
Code:
border: 1px dashed #787878 !important;

C'est parfait, encore merci MelleAlys. merci
avatar

Invité
Invité


Invité 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