Éditeur
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Éditeur
Détails techniques
Version du forum : phpBB2Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.canelle56.org/forum
Description du problème
BonjourUne perte de mémoire!
Quelqu'un pourrait me donner un lien car je cherche
depuis hier, comment modifier l'apparence de l'éditeur
Merci à vous.
Dernière édition par canele le Mar 2 Nov 2021 - 15:08, édité 1 fois
Re: Éditeur
Pour l'instant dans votre css vous avez fixé la largeur à 550px (540px pour les outils d'édition), donc il vous suffit d'augmenter le nombre de px de la ligne "width".
D'ailleurs, vous spécifiez la largeur plusieurs fois, ce n'est pas nécessaire. Vous devez juste le spécifier une fois pour .sceditor-container (le dernier de la liste). Ce qui donnerait :
Ici j'ai fixé la largeur à 800px mais vous la réglez évidemment comme vous le voulez.
D'ailleurs, vous spécifiez la largeur plusieurs fois, ce n'est pas nécessaire. Vous devez juste le spécifier une fois pour .sceditor-container (le dernier de la liste). Ce qui donnerait :
- Code:
.sceditor-container.ltr.sourceMode {
background-color: #XXX!important;
}
.sceditor-container.ltr.wysiwygMode {
background-color: #XXX!important;
}
div.sceditor-toolbar {
background-color: #XXX!important;
}
.sceditor-container iframe,
.sceditor-container textarea {
background: url(https://i.servimg.com/u/f35/19/38/25/34/misted19.jpg)!important;
background-color: #XXX!important;
color: #XXX!important;
font-size: 11px!important;
line-height: 16px;
margin: 0!important;
text-align: justify;
}
.sceditor-container {
margin: 10px auto!important;
width: 800px !important;
}
Ici j'ai fixé la largeur à 800px mais vous la réglez évidemment comme vous le voulez.
Re: Éditeur
Je suis complétement larguée dans tout les codes mdr!
voilà ce que j'ai je modifie quoi svp?
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width:540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}
.sceditor-container
{
width: 100% !important;
margin: auto !important;
}
/*--- Groupe de boutons ---*/
div.sceditor-group {
background-color: #XXXXXX !important; }
/*--- Boutons ---*/
a.sceditor-button {
}
/*--- Boutons sélectionnés ---*/
a.sceditor-button.hover {
background-color: #XXXXXX !important;
}
/*--- Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
.sceditor-container
{
width: 100% !important;
margin: 10px auto !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background:url( https://i.servimg.com/u/f35/19/38/25/34/misted19.jpg)!important;}
.postbody div
{
text-align:center;
}
voilà ce que j'ai je modifie quoi svp?
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #XXXXXX !important;}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #XXXXXX !important;
width: 540px !important;
}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width:540px !important;
color: #XXXXXX !important;
font-size:11px !important;
}
.sceditor-container
{
width: 100% !important;
margin: auto !important;
}
/*--- Groupe de boutons ---*/
div.sceditor-group {
background-color: #XXXXXX !important; }
/*--- Boutons ---*/
a.sceditor-button {
}
/*--- Boutons sélectionnés ---*/
a.sceditor-button.hover {
background-color: #XXXXXX !important;
}
/*--- Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
.sceditor-container
{
width: 100% !important;
margin: 10px auto !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background:url( https://i.servimg.com/u/f35/19/38/25/34/misted19.jpg)!important;}
.postbody div
{
text-align:center;
}
Re: Éditeur
Il vous suffit de vous reférer aux noms des éléments repris dans mon précédent message :
Ce qui donne :
- .sceditor-container.ltr.sourceMode => on retire le width qui n'a pas besoin d'être spécifié plusieurs fois
- .sceditor-container.ltr.wysiwygMode => idem
- div.sceditor-toolbar => idem on enlève le width 540px
- .sceditor-container iframe, .sceditor-container textarea => idem
- .sceditor-container => j'ai mis un width 800px à la place mais vous pouvez remettre le 100%, ce qu'il y a à retenir c'est que c'est le seul élément auquel vous avez besoin de mettre une largeur pour ce que vous souhaitez faire
Ce qui donne :
- Code:
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {background-color: #XXXXXX !important;}
.sceditor-container.ltr.wysiwygMode {background-color: #XXXXXX !important;}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #XXXXXX !important;
}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #XXXXXX !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
color: #XXXXXX !important;
font-size:11px !important;
}
.sceditor-container
{
width: 800px !important;
margin: auto !important;
}
/*--- Groupe de boutons ---*/
div.sceditor-group {
background-color: #XXXXXX !important; }
/*--- Boutons ---*/
a.sceditor-button {
}
/*--- Boutons sélectionnés ---*/
a.sceditor-button.hover {
background-color: #XXXXXX !important;
}
/*--- Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
.sceditor-container
{
width: 100% !important;
margin: 10px auto !important;
}
.sceditor-container iframe, .sceditor-container textarea {
background:url( https://i.servimg.com/u/f35/19/38/25/34/misted19.jpg)!important;}
.postbody div
{
text-align:center;
}
Re: Éditeur
tout est bon pour moi
sauf la taille de l'écriture comment l'agrandir
car moyenne d'âge 60 ans+++ pas assez
de 4 yeux!
C'est bon j'ai trouvé désolée
sauf la taille de l'écriture comment l'agrandir
car moyenne d'âge 60 ans+++ pas assez
de 4 yeux!
C'est bon j'ai trouvé désolée
Re: Éditeur
Pour les éléments .sceditor-container iframe, .sceditor-container textarea, vous avez la ligne suivante :
Edit: de rien ^^
- Code:
font-size:11px !important;
Edit: de rien ^^
Sujets similaires
» Modification le cadrant d'éditeur par rapport au tutoriel "Modifier l'apparence de l'éditeur"
» Bug de l'éditeur.
» Ajouter des boutons dans l'éditeur "réponse rapide" mais pas dans l'éditeur complet
» Editeur
» [Topic Unique] Apparence du nouvel éditeur de messages
» Bug de l'éditeur.
» Ajouter des boutons dans l'éditeur "réponse rapide" mais pas dans l'éditeur complet
» Editeur
» [Topic Unique] Apparence du nouvel éditeur de messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum