Suppression du cadre autour des emojis
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Suppression du cadre autour des emojis
Bonjour,
Je souhaiterai pouvoir supprimer définitivement le cadre blanc autour de la cellule qui regroupe les emojis (comme affiché sur le screenshot), et éventuellement augmenter la taille du bloc (en taille, mais je ne m'y retrouve pas dans mes codes).
Merci beaucoup
Je souhaiterai pouvoir supprimer définitivement le cadre blanc autour de la cellule qui regroupe les emojis (comme affiché sur le screenshot), et éventuellement augmenter la taille du bloc (en taille, mais je ne m'y retrouve pas dans mes codes).
Merci beaucoup
- Code:
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #29200 !important;
border-radius:0;}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #29200 !important;
border-radius:0;}
/*--- Cadre titre du sujet ---*/
input[type=text],textarea {
border:1px solid #322525;}
input,textarea, select
{ background-color: #29200;
}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: #29200 !important;
width: 540px !important;
border-left:none!important;
border-right:none;
border-top:none;}
/*--- Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
background-color: #29200 !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 539px !important;
color: #ebebeb !important;
font-size:11px !important;
border-radius:0;}
/*--- Boutons sélectionnés ---*/
a.sceditor-button.hover {
background-color: #29200 !important;}
/*--- Smileys ---*/
.sce_smilies_body {
background-color: none;
border: none;
}
.sceditor-emoticons {
width: 350px !important;
height: 250px !important;
overflow: auto !important;
border:none;
}
img.smiley {
width: auto !important;
height : auto !important; }
/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
border-radius:0;
}
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
height:500px}
/* fond de la barre d'outil */
.sceditor-toolbar {
background: #292020 !important;
border:1px solid #322525;
border-radius: 0px;
}
/* fond de la zone de saisie de texte */
.sceditor-container{
background: #292020 !important;
border:1px solid #322525;
border-radius: 0px;
}
.sceditor-container iframe, .sceditor-container textarea{
background: #292020 !important;
border:1px solid #322525;
border-radius: 0px;
}
/* fond de groupe de bouton */
body div.sceditor-group {
background: #d7cdcd;
}
/* fond d'un bouton survolé ou activé */
.sceditor-button.hover, a.sceditor-button:hover {
background: #d7cdcd; }
/* bordure de l'éditeur */
div.sceditor-container {
border: 1px solid #322525; }
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: 1px solid #322525; }
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none; }
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}
/* limitation de la taille du cadre des smileys */
.sceditor-emoticons {
max-width: 350px !important;
max-height: 250px !important;
overflow: auto !important;
text-align: center;
}
.sceditor-emoticons div {
display: inline!important;
}
/* taille maximum de 40 pixels */
img.smiley {
width: auto !important;
height : auto !important;
vertical-align: middle;
max-width: 40px;
max-height: 40px;
}
Invité- Invité
Re: Suppression du cadre autour des emojis
Reuh o/
Je me suis permis de me reconnecter sur le compte test pour voir rapidement (mes forums persos étant trop modifiés sur les smileys)
Il faut viser directement l'intérieur de l'iframe, avec ce CSS:
Je me suis permis de me reconnecter sur le compte test pour voir rapidement (mes forums persos étant trop modifiés sur les smileys)
Il faut viser directement l'intérieur de l'iframe, avec ce CSS:
- Code:
#sceditor_smilies {
background-color: transparent;
}
Re: Suppression du cadre autour des emojis
Tu as bien fait ! Par contre pour les emojis je teste sur un autre forum pour pas tout détruire (j'ai eu des soucis de CSS l'autre jour et tout ce que j'avais fait s'est comme annulé, enfin c'est rentré dans l'ordre éventuellement).
Sais-tu ce qu'il faut rajouter au code pour que ça fasse effet sur les réponses rapides ?
Sais-tu ce qu'il faut rajouter au code pour que ça fasse effet sur les réponses rapides ?
Invité- Invité
Re: Suppression du cadre autour des emojis
Re o/
Si tu parles seulement de la bordure grisâtre:
Si tu parles des deux 'bordures' (blanche et grisâtre) pour avoir ce rendu:
Tu fais bien aussi ! :b
Perso, j'ai tendance à copier/coller un template ou le CSS dans un bloc-note avant de sauvegarder les modifications. C'est une bonne habitude que j'ai prise et qui m'a évité pas mal de pertes
Lana Cleevest a écrit:Sais-tu ce qu'il faut rajouter au code pour que ça fasse effet sur les réponses rapides ?
Si tu parles seulement de la bordure grisâtre:
- Code:
html#sceditor_smilies {
background-color: transparent;
}
Si tu parles des deux 'bordures' (blanche et grisâtre) pour avoir ce rendu:
- Code:
.sceditor-dropdown.sceditor-emoticon {
padding: 0;
border: none;
}
html#sceditor_smilies {
background-color: transparent;
}
Tu as bien fait ! Par contre pour les emojis je teste sur un autre forum pour pas tout détruire (j'ai eu des soucis de CSS l'autre jour et tout ce que j'avais fait s'est comme annulé, enfin c'est rentré dans l'ordre éventuellement).
Tu fais bien aussi ! :b
Perso, j'ai tendance à copier/coller un template ou le CSS dans un bloc-note avant de sauvegarder les modifications. C'est une bonne habitude que j'ai prise et qui m'a évité pas mal de pertes
Re: Suppression du cadre autour des emojis
Impeccable !!!
Encore une fois, merci pour ton aide précieuse !
Encore une fois, merci pour ton aide précieuse !
Invité- Invité
Re: Suppression du cadre autour des emojis
Au plaisir ! :b
Sujets similaires
» Cadre autour de la PA
» Il n'y a pas de cadre autour du "qui est là?"
» Cadre autour de l'accordeon.
» Cadre autour des photos
» Cadre autour des forums
» Il n'y a pas de cadre autour du "qui est là?"
» Cadre autour de l'accordeon.
» Cadre autour des photos
» Cadre autour des forums
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum