editer texte dans le portail

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

Résolu editer texte dans le portail

Message par Mizar le Sam 27 Juin 2015 - 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:
http://i18.servimg.com/u/f18/15/75/86/05/captur10.jpg
ou celui-ci
Spoiler:
http://i18.servimg.com/u/f18/15/75/86/05/captur11.jpg
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 2015 - 16:30, édité 3 fois

Mizar
**

Messages : 89
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 le Sam 27 Juin 2015 - 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
+ Hyperactif +

Messages : 4340
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 le Dim 28 Juin 2015 - 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 2015 - 14:11, édité 2 fois

Mizar
**

Messages : 89
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 le Dim 28 Juin 2015 - 13:03

Essayez d'ajouter le code suivant :
Code:
.module .h3 {
  color: #29d8db;  /*couleur des titres*/
  background: url(http://hitsk.in/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 2015 - 14:45, édité 1 fois

MlleAlys
+ Hyperactif +

Messages : 4340
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 le Dim 28 Juin 2015 - 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(http://hitsk.in/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;
}

Mizar
**

Messages : 89
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 le Dim 28 Juin 2015 - 14:46

Oups, pardon, j'ai oublié une parenthèse :
Code:
.module .h3 {
  color: #29d8db;  /*couleur des titres*/
  background: url(http://hitsk.in/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
+ Hyperactif +

Messages : 4340
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 le Dim 28 Juin 2015 - 16:29

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

Mizar
**

Messages : 89
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


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