Éditeur

2 participants

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

Résolu Éditeur

Message par canele Mar 2 Nov 2021 - 9:19

Détails techniques

Version du forum : phpBB2
Poste 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

Bonjour

Une 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
canele

canele
****

Féminin
Messages : 339
Inscrit(e) le : 15/10/2010

http://www.canelle56.org/forum
canele a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Éditeur

Message par Oka.mi Mar 2 Nov 2021 - 9:21

Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Éditeur

Message par canele Mar 2 Nov 2021 - 13:22

Merci

Que faut il modifier pour agrandir en largeur Svp, Merci

XXXXXX - Éditeur Captu172
canele

canele
****

Féminin
Messages : 339
Inscrit(e) le : 15/10/2010

http://www.canelle56.org/forum
canele a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Éditeur

Message par Oka.mi Mar 2 Nov 2021 - 14:18

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 :
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.
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Éditeur

Message par canele Mar 2 Nov 2021 - 14:53

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;
}
canele

canele
****

Féminin
Messages : 339
Inscrit(e) le : 15/10/2010

http://www.canelle56.org/forum
canele a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Éditeur

Message par Oka.mi Mar 2 Nov 2021 - 15:01

Il vous suffit de vous reférer aux noms des éléments repris dans mon précédent message :
  • .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;
}
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Éditeur

Message par canele Mar 2 Nov 2021 - 15:04

salut ok  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! Shocked

C'est bon j'ai trouvé désolée
canele

canele
****

Féminin
Messages : 339
Inscrit(e) le : 15/10/2010

http://www.canelle56.org/forum
canele a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Éditeur

Message par Oka.mi Mar 2 Nov 2021 - 15:08

Pour les éléments .sceditor-container iframe, .sceditor-container textarea, vous avez la ligne suivante :
Code:
font-size:11px !important;
Il suffit d'augmenter le nombre Smile

Edit: de rien ^^
Oka.mi

Oka.mi
Aidactive
Aidactive

Messages : 2777
Inscrit(e) le : 06/01/2011

https://deus-academia.forumactif.com/
Oka.mi 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