Inserer un text shadow dans un code

2 participants

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

Résolu Inserer un text shadow dans un code

Message par lolo591 Lun 28 Juil 2014 - 14:18

Bonjour à tous,
j'aimerai ajouter un text shadow dans un code, mais après differents essais, je n'ai pas trouvé l'endroit ou l'inserer, si vous pourriez m'aider
Code:
                $(document).on('ready', function () {
                $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-duelo" style="display:none;margin-top: 27px;"><div>
                <input type="button" class="boutmodo1" value="Bouton réservé à la modération 1"><br />
                <input type="button" class="boutmodo2" value="Bouton réservé à la modération 2"><br />
                </div></div>');
                $('<a class="sceditor-button bbcode-duelo"  title="Ensemble de boutons réservé à la modération uniquement, ne vous en servez pas, Merci"><div style="background-image:url(https://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/fortress.png)">Quadrado</div></a>').insertBefore('.sceditor-button-quote').click(function () {
                var f = $(".sceditor-duelo").css("display");
                if(f =='none') {$(".sceditor-duelo").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
                else {$(".sceditor-duelo").hide(); }
                });
                $(".sceditor-duelo .boutmodo1").click(function () {
                $('#text_editor_textarea').sceditor("instance").insert('XXXXXXXXXXXXXX');
                });
                $(".sceditor-duelo .boutmodo2").click(function () {
                $('#text_editor_textarea').sceditor("instance").insert('YYYYYYYYYYYYYYYYY');
                });
                });

merci à vous


Dernière édition par lolo591 le Lun 28 Juil 2014 - 18:02, édité 1 fois
lolo591

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

Voir le profil de l'utilisateur
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer un text shadow dans un code

Message par Self Lun 28 Juil 2014 - 15:23

Bonjour,

Si c'est au bouton que vous désirez mettre un text-shadow il faudra utiliser le code suivant (à mettre dans la feuille de style CSS) :
(Panneau d'administration > Affichage > Images et couleurs > Couleurs > Feuille de style CSS)
Code:
.boutmodo1, .boutmodo2{
    text-shadow: 1px 1px 3px #000;
}
Self

Self
Membre actif

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

Voir le profil de l'utilisateur https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer un text shadow dans un code

Message par lolo591 Lun 28 Juil 2014 - 16:49

non, ce n'est aux boutons, mais a sa fonction, c'est a dire dans le code couleur qu'ils representent
lolo591

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

Voir le profil de l'utilisateur
lolo591 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer un text shadow dans un code

Message par Self Lun 28 Juil 2014 - 16:56

Bonjour,

Dans ce cas dans les parties du code :
Code:
.insert('XXXXXXXXXXXXXX')
Et :
Code:
.insert('YYYYYYYYYYYYYYYYY')

Ajouter un span comme ceci :
Code:
.insert('<span class="modMsg">XXXXXXXXXXXXXX</span>')
Et :
Code:
.insert('<span class="modMsg"YYYYYYYYYYYYYYYYY</span>')

Puis dans votre feuille de style CSS ce code :
Code:
.modMsg{
    text-shadow: 1px 1px 3px #000;
}
Self

Self
Membre actif

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

Voir le profil de l'utilisateur https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer un text shadow dans un code

Message par lolo591 Lun 28 Juil 2014 - 18:02

yesssssss, super, un grand merci  cheers Yes 
lolo591

lolo591
****

Masculin
Messages : 249
Inscrit(e) le : 02/06/2014

Voir le profil de l'utilisateur
lolo591 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