Rejoignez le forum, c’est rapide et facile

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal

Aller en bas
Anonymous
Invité
Invité

Astuce Design Dim 23 Mai - 8:08

Rappel du premier message :

Je recherche aussi les Scripts pour pouvoir intégrer dans une réponse un message de Staff, type un bouton mais je peut choisir une mise en forme de cadre qui s'affiche en html dans la réponse rapide et ou j’écris dedans avant de poster ? :c:  Comme celui-la ^^

Sauvegarde de l'ancien script:
Code:
jQuery(window).load(function() {
 if (typeof _userdata === "undefined") return;
 if ((_userdata['user_level'] == '1') || (_userdata["user_level"] == '2')) {
jQuery('body').append('<div id="fa_modtable" class="select" style="visibility:hidden;width:auto;text-align:left;"><div class="rndmtablex" id="rndmtable1">Valider/Accepter</br></div><div class="rndmtablex" id="rndmtable2">Attention</div><div class="rndmtablex" id="rndmtable3">Infos</div>');
jQuery('.sceditor-group:last-child').after('<div class="sceditor-group" id="fa_modtools"><a class="sceditor-button" title="Mod Tables" onclick="selectWysiwyg(this, \'fa_modtable\');"><div style="background:url(https://i.servimg.com/u/f56/18/45/41/65/modera10.png) no-repeat center;"></div></a></div>');
jQuery('#rndmtable1').click(function() { jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="solved"][tr][td width="1%"]<img src="https://i.servimg.com/u/f97/19/54/37/96/icone_10.png">[/td][td]','[/td][/tr][/table]');});
jQuery('#rndmtable2').click(function() { jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="lock"][tr][td width="1%"]<img src="https://2img.net/u/1315/32/44/34/smiles/2474117383.gif">[/td][td]','[/td][/tr][/table]');});
jQuery('#rndmtable3').click(function() { jQuery('#text_editor_textarea').sceditor('instance').insertText('[table class="info"][tr][td width="1%"]<img src="https://2img.net/u/1315/32/44/34/smiles/755097874.png">[/td][td]','[/td][/tr][/table]'); });
jQuery('.rndmtablex').click(function() { jQuery('#fa_modtable').css('visibility','hidden'); });
 }
 });

J'ai modifié le script que tu avais déposé , il est opérationnel,
il suffit de cliquer dans le menu sur le choix désiré et de modifier le texte contenu:

Résultat sans modifier le texte contenu:

contenu

contenu

contenu

Chaque tableau à une class:
En partant du premier:

Code:
table.solved{}

Code:
table.lock{}

Code:
table.info{}


Résultat en modifiant le texte contenu:


Votre sujet est résolu

Votre sujet est verrouillé

Attention il manque des informations!!!!!

J'ai commencé le style des tables dans la feuille de style externe pour les couleurs.


Dernière édition par Milouze14 le Dim 23 Mai - 9:44, édité 1 fois

Milouze14
Milouze14
№ ????
Homme Ouranos Capricorne

◘ Date de naissance : 22/12/1965
◘ Messages : 34
◘ Date d'inscription : 29/05/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Cheval corsé
◘ Inscription par : Grâce à un / une Ami(e)
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 0
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 0

Astuce Design Dim 30 Mai - 8:35

@Mercurie ,
tu as les couleurs Sandra, cela m’évite de chercher ;) .
Tu n'as pas plus petit en taille pour les feuilles ???

Pour les avertissement, les feuilles restent vertes ?

Mercurie
Mercurie
⚜ ℱσпɔαтяıcε ⚜
⚜ ℱσпɔαтяıcε ⚜
Femme Gaïa Taureau

◘ Date de naissance : 08/05/1991
◘ Messages : 237
◘ Date d'inscription : 17/03/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Mercurie
◘ Ancienneté Equideow : 50 J ~
◘ Inscription Jeux : 18/03/2020
◘ Inscription par : Equideow.com
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 240
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 9
https://office-equideow.forumactif.com

Astuce Design Lun 31 Mai - 0:08

Oui bien sur Milouze, voila, toutes les feuilles restes verte =) elles sont ici, ci-dessous pour les icones tu les as et pour les couleur : 

Bouton type Staff - Page 2 Icone_10 Validation
Image:

:croix: Avertissement : #C9001A (donc cette fois pas le texte en noir mais en blanc si possible :c: )

:!: Informations : #cbc86b

Merci de tout cœur :c: 

Bouton type Staff - Page 2 F212
Bouton type Staff - Page 2 F312
Milouze14
Milouze14
№ ????
Homme Ouranos Capricorne

◘ Date de naissance : 22/12/1965
◘ Messages : 34
◘ Date d'inscription : 29/05/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Cheval corsé
◘ Inscription par : Grâce à un / une Ami(e)
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 0
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 0

Astuce Design Lun 31 Mai - 4:21

@Mercurie ,
je me souviens que tu avais donné des captures concernant les atgs.
Je ne les retrouve pas!!

Il me semble que tu voulais l'icône en haut et centrée non ?
Mercurie
Mercurie
⚜ ℱσпɔαтяıcε ⚜
⚜ ℱσпɔαтяıcε ⚜
Femme Gaïa Taureau

◘ Date de naissance : 08/05/1991
◘ Messages : 237
◘ Date d'inscription : 17/03/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Mercurie
◘ Ancienneté Equideow : 50 J ~
◘ Inscription Jeux : 18/03/2020
◘ Inscription par : Equideow.com
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 240
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 9
https://office-equideow.forumactif.com

Astuce Design Lun 31 Mai - 15:47

Non, juste au début du texte c'est tout =)

En voila mon ami :

Bouton type Staff - Page 2 Valida10

Milouze14
Milouze14
№ ????
Homme Ouranos Capricorne

◘ Date de naissance : 22/12/1965
◘ Messages : 34
◘ Date d'inscription : 29/05/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Cheval corsé
◘ Inscription par : Grâce à un / une Ami(e)
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 0
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 0

Astuce Design Mar 1 Juin - 18:00

Bon en fait j'ai revu les tags mais avec des divs.


Avertissement : #C9001A (donc cette fois pas le texte en noir mais en blanc si possible :c: )
On passe de #C9001A mais pas de noir mais en blanc :larme:
Alors là, tu as fais fort et je n'ai strictement rien compris!!!!!

Tu pourras changer les couleurs dans la feuille de style en t'aidant des commentaires:
Code:

/*COULEUR ACCEPTER VALIDER*/
div.solved div.M14_texte{color:#fff!important;}
/*COULEUR ATTENTION*/
div.lock  div.M14_texte  {color:#C9001A!important;}
/*COULEUR INFORMATION*/
div.info div.M14_texte  {color:#cbc86b!important;}


Le reste est assez sensible à la casse Sandra donc attention a bien respecter les valeurs.

Sauvegarde c.s.s:
Code:
/*COULEUR ACCEPTER VALIDER*/
div.solved div.M14_texte{color:#fff!important;}
/*COULEUR ATTENTION*/
div.lock  div.M14_texte  {color:#C9001A!important;}
/*COULEUR INFORMATION*/
div.info div.M14_texte  {color:#cbc86b!important;}
div.solved,div.lock,div.info
{
width:61%;
height:200px;
background:url(https://i.servimg.com/u/f20/20/11/87/27/color110.png);
background-repeat:repeat;
margin-left:20%;
border:2px solid #333;
}
div.M14_icone{width:20px;height:20px;position:absolute;margin-top: 20px;margin-left:5px;}
div.M14_icone img{padding:2px;}

div.M14_texte
{
height: 150px;
margin-left: 10%;
margin-top: 20px;
padding: 30px 10px;
width: 82%;
border: 1px dashed #000;
}
div.solved:before,div.lock:before,div.info:before
{
content:'';
width:77px;
height:70px;
position: absolute;
margin-left: 28%;
margin-top: 40px;
background:url(https://i.servimg.com/u/f20/20/11/87/27/f21210.png);
background-repeat:no-repeat;
}
div.solved:after,div.lock:after,div.info:after
{
content:'';
width:77px;
height:70px;
position: absolute;
margin-left: -2%;
margin-top: -35px;
background:url(https://i.servimg.com/u/f20/20/11/87/27/f31210.png);
background-repeat:no-repeat;
}
Voir les tags respectifs: avec un texte généré a déposer dans l'éditeur:



Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.



Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.


Avec texte plus conséquent

Isdem diebus Apollinaris Domitiani gener, paulo ante agens palatii Caesaris curam, ad Mesopotamiam missus a socero per militares numeros immodice scrutabatur, an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.an quaedam altiora meditantis iam Galli secreta susceperint scripta, qui conpertis Antiochiae gestis per minorem Armeniam lapsus Constantinopolim petit exindeque per protectores retractus artissime tenebatur.
Mercurie
Mercurie
⚜ ℱσпɔαтяıcε ⚜
⚜ ℱσпɔαтяıcε ⚜
Femme Gaïa Taureau

◘ Date de naissance : 08/05/1991
◘ Messages : 237
◘ Date d'inscription : 17/03/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Mercurie
◘ Ancienneté Equideow : 50 J ~
◘ Inscription Jeux : 18/03/2020
◘ Inscription par : Equideow.com
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 240
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 9
https://office-equideow.forumactif.com

Astuce Design Jeu 3 Juin - 5:24

Bonsoir  @Milouze14 Voila ce que cela donne chez moi : 

Bouton type Staff - Page 2 Staff11


J'ai essayer de modifier quelque petites choses mais rater :( je suis vraiment désolé ... :(: ... :l: 
Je souhaiterais que la longueur soit sur toute la longueur de l'espace "texte" donc au moins 95% et la largeur de 100 px. Il faut donc rétrécir le texte, ce que je n'ai pas réussie à faire :/ Les deux feuilles sont décaler et je voudrait juste retirer le cadre autour des textes et mettre le fond des cellules de couleur différentes, pour la première donc en vert (elle est parfaite), la deuxième cellule aura comme fond du rouge avec un texte blanc et la dernière aura un fond beige avec un texte blanc, je ne sais pas si tu voie ce que je veut dire mon ami :c: ? 
Mercurie
Mercurie
⚜ ℱσпɔαтяıcε ⚜
⚜ ℱσпɔαтяıcε ⚜
Femme Gaïa Taureau

◘ Date de naissance : 08/05/1991
◘ Messages : 237
◘ Date d'inscription : 17/03/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Mercurie
◘ Ancienneté Equideow : 50 J ~
◘ Inscription Jeux : 18/03/2020
◘ Inscription par : Equideow.com
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 240
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 9
https://office-equideow.forumactif.com

Astuce Design Sam 5 Juin - 7:52

Petit Up sur les dernier message ici  @Milouze14 :l:
Mercurie
Mercurie
⚜ ℱσпɔαтяıcε ⚜
⚜ ℱσпɔαтяıcε ⚜
Femme Gaïa Taureau

◘ Date de naissance : 08/05/1991
◘ Messages : 237
◘ Date d'inscription : 17/03/2021
◘ Présence : ♥ Là chaque jour

◘ Pseudo Equideow : Mercurie
◘ Ancienneté Equideow : 50 J ~
◘ Inscription Jeux : 18/03/2020
◘ Inscription par : Equideow.com
◘ Mon Parrain : Mercurie
◘ Compte Equideow : Basique
◘ Karma Jeux : 10

◘ Pierre de Mercure ◘ Pierre de Mercure : 0
◘ Obsidienne Louange ◘ Obsidienne Louange : 240
◘ Pierre d'Elifta ◘ Pierre d'Elifta : 9
https://office-equideow.forumactif.com

Astuce Design Dim 21 Nov - 1:08

Test  @Milouze14 :l:

Validation


ATTENTION


INFORMATION
Contenu sponsorisé

Astuce Design

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum