Dissocier l'éditeur de message de celui des réponses rapide

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

Résolu Dissocier l'éditeur de message de celui des réponses rapide

Message par Daewyn le Mer 27 Aoû 2014 - 18:05

Bonjour, bonsoir.

Je suis actuellement en train de régler l'apparence de l'éditeur de message sur mon forum (jusque là pas de problème, j'arrive à lui donner l'apparence que je veux sans soucis). Le véritable hic c'est que j'aimerais donner une apparence différente à l'éditeur de message des réponses rapide - rien de bien transcendant, juste la hauteur/largeur et quelques autres détails, mais quand même. J'ai essayé d'englober la réponse rapide dans une div via le template afin ensuite de le régler par css de cette façon :

Code:
.nomdeladiv .sceditor-container { mise en forme }

Mais ça n'a pas marché. Idem pour d'autres solutions du genre "td.row2 .sceditor-container" , "#quick-reply .sceditor-container" (j'essaie un peu tout et n'importe quoi en m'aidant du code source, de toute façon ça n'a aucun effet).

J'aimerais donc savoir de quelle façon dissocier les deux éditeurs afin de leur donner une mise en forme différente ?? (si c'est possible bien sûr, mais étant donné que c'est le cas sur ce forum -même si je n'ai pas compris comment- je suppose que ça ne doit pas être infaisable non plus x) ). Je précise que je suis bien allée voir le tuto expliquant comment modifier l'apparence de l'éditeur (puisque je m'en suis servie pour l'éditeur "normal") mais qu'il n'y avait rien de tel expliqué dessus >< (le bloc "Modifier la réponse rapide" est trompeur et s'applique en réalité aux deux éditeurs).

Merci d'avance.


Dernière édition par Daewyn le Mer 27 Aoû 2014 - 18:57, édité 1 fois

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Self le Mer 27 Aoû 2014 - 18:15

Bonjour,

Vous avez la solution avec : "#quick-reply .sceditor-container", sauf que ce n'est pas un tiret mais un underscore a #quick_reply me semble-t-il Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Daewyn le Mer 27 Aoû 2014 - 18:20

Une petite erreur de ma part dans le message, c'est bien ainsi que je l'avais testé dans le css ^^ Et ça ne marche pas donc ><

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Self le Mer 27 Aoû 2014 - 18:26

Pourriez-vous nous donner le CSS lié à vos éditeur s'il vous plait ?

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Daewyn le Mer 27 Aoû 2014 - 18:28

Le voici (je n'ai plus les tests associés à la réponse rapide par contre, vu qu'ils ne marchaient pas).

Code:
/*** EDITEUR DE TEXTE ***/
.sceditor-container {
  width: 580px !important;
  height: 375px !important;
  margin-bottom: -15px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #C9C9C9 !important; }

.sceditor-toolbar {
  background-color: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid #C9C9C9 !important;
  text-align: center; }

.sceditor-group {
  border: 1px solid #C9C9C9 !important; }

.sceditor-grip {
  background-image: none !important;
  cursor: default !important; }

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Self le Mer 27 Aoû 2014 - 18:49

Ici on a dans le bloc .sceditor-container :
Code:
width: 580px !important;
height: 375px !important;

il faut donc après dans le style appliqué à #quick_reply .sceditor-container (à placer après le bloc CSS .sceditor-container) mettre aussi les !important :
Code:
#quick_reply .sceditor-container{
    width: 380px !important;
    height: 210px !important;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Dissocier l'éditeur de message de celui des réponses rapide

Message par Daewyn le Mer 27 Aoû 2014 - 18:52

Hum, normalement je l'avais fait aussi vu que sans ça l'éditeur ne se modifie pas mais bon >_o Je vais réessayer ^^

EDIT : ça.... marche ? Je comprends vraiment pas pour le coup vu que c'est exactement ce que j'avais déjà essayé précédemment >< Enfin je vais pas non plus m'en plaindre, merci beaucoup du coup de pouce ^^ Je met en résolu Wink


Dernière édition par Daewyn le Mer 27 Aoû 2014 - 18:56, édité 1 fois (Raison : Solution trouvée)

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

Daewyn 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