editer texte dans le portail

2 participants

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

Résolu editer texte dans le portail

Message par Mizar Sam 27 Juin - 18:24

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 25/06/2015
Lien du forum : http://passionfoveon.forumactif.org

Description du problème

bonjour
j'essaie de mettre un texte en entête du portail pour le rendre plus clair et plus agréable
j'ai créé différent widget
un pour mettre une photo à l'honneur
et un autre au dessus pour mettre un texte
mais je n'arrive pas à faire de retour de ligne , de saut de ligne pour alléger tout ça
ce n'est pas faute de lire les questions réponses et autres tutoriels (qui m'ont permis de créer ce forum), mais là je coince
exemple de ce que je voudrais faire, comme sur ce forum
Spoiler:
ou celui-ci
Spoiler:
de même comment changer les cadres des widgets (inexistants sur mon forum)
merci pour votre aide


Dernière édition par Mizar le Dim 28 Juin - 16:30, édité 3 fois
avatar

Mizar
***

Messages : 118
Inscrit(e) le : 19/06/2015

http://passionfoveon.forumactif.org
Mizar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: editer texte dans le portail

Message par MlleAlys Sam 27 Juin - 21:03

Bonjour,
pour avoir un saut de ligne dans un code html, il faut mettre une balise <br/>
Par exemple :
Code:
Hello <br/> Bonjour
S'affichera :
Hello
Bonjour


Pour mettre un cadre autour des widgets, essayez d'ajouter le code suivant dans Affichage > couleurs > onglet feuille de style css :
Code:
/*bordure widgets*/
.module {
  border: 1px solid black;
}
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: editer texte dans le portail

Message par Mizar Dim 28 Juin - 12:37

merci beaucoup, ça marche
et pour "customiser" le fond, sous les titres des widgets, pour les rendre similaires aux titres des catégories du forum svp?
merci


Dernière édition par Mizar le Dim 28 Juin - 14:11, édité 2 fois
avatar

Mizar
***

Messages : 118
Inscrit(e) le : 19/06/2015

http://passionfoveon.forumactif.org
Mizar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: editer texte dans le portail

Message par MlleAlys Dim 28 Juin - 13:03

Essayez d'ajouter le code suivant :
Code:
.module .h3 {
  color: #29d8db;  /*couleur des titres*/
  background: url(http://2img.net/s/t/10/72/56/i_list_bg.jpg);  /*image de fond des titres*/
  padding: 5px;
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  border-radius: 5px 5px 0 0;
}
.module .corners-top {
  display: none;
}
.module {
  border-radius: 5px 5px 0 0;
}

Remplacez si besoin l'url de l'image de fond des titres par celle de l'image souhaitée, et le code de la couleur des titres par le code de la couleur souhaitée.

nb : merci de mettre les bonnes adresses du forum concerné dans votre profil et dans l'en-tête du message, ou alors ne mettez rien du tout, ça ne changera pas grand chose à part éviter l'agacement de se retrouver nulle part en cliquant dessus... Wink


Dernière édition par MlleAlys le Dim 28 Juin - 14:45, édité 1 fois
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: editer texte dans le portail

Message par Mizar Dim 28 Juin - 13:53

oups , j'ai mis l'adresse du forum dans l'entête du message
et pour les codes css il ne se passe rien
j'ai mis ça:
.module .h3 {
color: #29d8db; /*couleur des titres*/
background: url(https://2img.net/s/t/10/72/56/i_list_bg.jpg; /*black*/
padding: 5px;
margin-right: -10px;
margin-left: -10px;
margin-top: 0;
border-radius: 5px 5px 0 0;
}
.module .corners-top {
display: none;
}
.module {
border-radius: 5px 5px 0 0;
}
avatar

Mizar
***

Messages : 118
Inscrit(e) le : 19/06/2015

http://passionfoveon.forumactif.org
Mizar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: editer texte dans le portail

Message par MlleAlys Dim 28 Juin - 14:46

Oups, pardon, j'ai oublié une parenthèse :
Code:
.module .h3 {
  color: #29d8db;  /*couleur des titres*/
  background: url(http://2img.net/s/t/10/72/56/i_list_bg.jpg);  /*image de fond des titres*/
  padding: 5px;
  margin-right: -10px;
  margin-left: -10px;
  margin-top: 0;
  border-radius: 5px 5px 0 0;
}
.module .corners-top {
  display: none;
}
.module {
  border-radius: 5px 5px 0 0;
}
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: editer texte dans le portail

Message par Mizar Dim 28 Juin - 16:29

super, c'est excactement ça
merci beaucoup
je n'ai plus qu'à régler d'autres problèmes
avatar

Mizar
***

Messages : 118
Inscrit(e) le : 19/06/2015

http://passionfoveon.forumactif.org
Mizar 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