[EDGE] Réponse automatique avec la balise hide

Hello Serge,
alors pour la énième fois, tu as la version EDGE, merci pour tes prochaines demandes de mentionner cette version et non pas AwesomeBB.

Comment désires tu obtenir ce tag:
"Bonjour, pour voir le pronostic du jour, cliquez ici."
L'idéal serait un bouton dans l'éditeur.
Pour ce bouton, est-ce qu'il ne servira qu'à toi (fondateur )?

Bonjour milouze , alors excuse pour le awesomebb je croyai comme un .... que j'y était donc toutes mes excuses ....

Pour le tag : "Bonjour, pour voir le pronostic du jour, cliquez ici."  
C'est parfait......
Pour le faite d'avoir l'icone oh que oui mais je pensait que tout le monde le verrai donc si que moi donc oui :
voici le lien image de 16x16  - 

Code:

https://i28.servimg.com/u/f28/17/15/41/45/tzolzo10.jpg

merci beaucoup

Alors, lorsque je parle du bouton qui affichera le tag , je voulais mentionner:
Est-ce que il n'y aura que toi qui déposera un message caché ?

Alors, pour l'image et comme tu es sous Edge,

il faut se servir de la bibliothèque awesome:
http://seehowsupport.com/font-awesome/#top

Alors je t'explique je fonctionnement.

Seul les administrateurs auront le visuel du bouton qui au clic:




Affichera le tag suivant:



Puis en dessous, il faudra mettre le lien des pronostics entre les balise hide:



Allez c'est parti:

On va dans un premier temps, on va donner une apparence au bouton sur l'éditeur:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


.sceditor-button.M14_pronostic:after{content: "\f1f1";}
/*Le bloc du message a remercier*/
div#M14_thank
{
background-color:#ffffff;
color:darkred !important;
font-weight:bold;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 3px solid #666666;
text-decoration:none !important;
cursor:pointer;
}
/*Le texte du message posté*/
div.M14_thank
{
background-color:yellow;
color:black !important;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:20%;
border: 5px solid green;
text-decoration:none !important;
cursor:pointer;
}



Penser a cliquer sur le bouton

Si la pseudo image ne te convient pas,
il faudra alors en trouver une sur le lien donné plus haut.
Exemple sur la première en haut à gauche, tu as ceci:

Code:

\f26e

Et déposer juste après le / ce que tu souhaites dans la feuille de style ici:
.sceditor-button.M14_pronostic:after{content: "\f1f1";}

Puis les scripts:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur toutes les pages.

Déposer ceci:

Code:


$(function(){
if(_userdata["user_level"] ==1)
$(function(){
$('<a class="sceditor-button M14_pronostic" unselectable="on" title="Bouton pronostics"><div unselectable=">Bouton pronostics</div></a>')
.insertAfter('a.sceditor-button-source').click(function(){
$('#text_editor_textarea').sceditor("instance").insert('
<div id="M14_thank">Bonjour, pour voir le pronostic du jour, cliquez ici.</div>\n');
});       
})});


$(function() {
  var message = "<div class='M14_thank'>PMturf vous remercie pour votre message, les pronostics sont en haut de la page (premier message)</div>";
$('#M14_thank').click(function() {
$editor = $('.sceditor-container');
if ($editor.hasClass('wysiwygMode')) $editor.removeClass('wysiwygMode').addClass('sourceMode') ;
  $('#quick_reply textarea ').val(message);
$('input[name="post"]').click();
});
});
 
  $(function(){
$('div[id="M14_thank"]').each(function(){
  $(this).closest('.content').find('.codebox.hidecode').find('dd').before('<dd style="text-align: center;color:darkred;">Voici le lien des pronostics:</dd>');
});});


Penser a cliquer sur le bouton



Pour information, j'ai supprimé ta dernière demande, il faut relire le règlement Serge.

Bonjour mon milouze 
un mot merciiiiiiiii super sa fonctionne t'es un gény mille merci je met en résolue

De rien Serge,