*RESOLU* Générateur d'image cliquable avec lien

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

Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
 Bonjour; me revoilà 


Lien forum: ICI http://www.quadsalvetain.com/

j'utilise Google
je suis en Invision
(Template Java css modifier)

les Code CSS, JS, HTML:
JS sur toutes les pages
Code:
// SCRIPT CONCERNANT Boutons Editeur sujet et réponse rapide (Voté,top site, faq & règlement)

$(function(){
    $(function(){    
    $('<a class="sceditor-button" unselectable="on" title="A voté pour le forum Quad Salvetain">
    <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_v15.jpg)">Bouton vote</div></a>').insertBefore('.sceditor-button-bold').click(function(){
    $('#text_editor_textarea').sceditor("instance").insert(' \n
    <div id="M14_vote_img"title="Nombre de vote pour le forum">[b] Déposez le numéro ici [/b]</div>');
    });  
    })});



$(function(){
$(function(){  
$('<a class="sceditor-button"href="http://www.annuaire-quad.fr/quad-salvetain-s-5143.html" unselectable="on" title="Lien direct Vote-Top site"target="_blank"><div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/quad_t10.jpg)">Lien direct Vote-Top site</div></a>').insertBefore('.sceditor-button-bold');
        })});



        $(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Aide Faq">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-13.jpg)">Écriture Lien Aide Faq</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/faq">Lien Aide Faq du forum</div>');
            });
            })});



$(function(){
            $(function(){  
            $('<a class="sceditor-button" unselectable="on" title="Écriture Lien Règlement">
            <div unselectable="on" style="background-image:url(https://i.servimg.com/u/f68/16/47/45/04/icons-11.png)">Écriture Lien Règlement</div></a>').insertBefore('.sceditor-button-bold').click(function(){
            $('#text_editor_textarea').sceditor("instance").insert(' \n
            <a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Lien Règlement</div>');
            });
            })});




// SCRIPT CONCERNANT Toulbar (barre Toulbar Modifier)



$(function() {
    var share = {

    text : _lang.Share,

    buttons : {
    /* DEFAULT SHARE BUTTONS */
    mail : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba28.png" />',
    title : 'Envoyer cette page à quelqu\'un'
    },
    M14_cherch_toolbar: {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba36.png" />',
    href : '/search',
    title : 'Recherche avancée'
    } ,

    FaceBoOk:
    {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba30.png" />',
    href : 'https://www.facebook.com/QuadSalvetain',
    title : 'Facebook',
    target : '_blank'
    } ,
    gp : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba29.png" />',
    href : 'https://plus.google.com/u/0/117701248821038158455',
    title : 'Google Plus',
    target : '_blank'
    },
    twitter : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba31.png" />',
    href : 'https://twitter.com/danielm31880',
    title : 'Twitter',
    target : '_blank'
    },
    copy_url : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba32.png" />',
    title : 'Copier l\'adresse BBCode (copie lien de page)',

    onclick : function(e) {
    prompt('Copiez l\'URL BBCode de cette page?', '[url=' + window.location.href + ']' + document.title + '[/url]');
    e.preventDefault();
    }
    },
    print : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba33.png" />',
    title : 'Imprimer cette page',
    onclick : function(e) {
    window.print();
    e.preventDefault();
    }
    },
    vote:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba35.png" />',
    href : '/t3325-info-vote-quad-salvetain-fonctionnement#48350',
    title : 'Info et lien Vote du forum'
    } ,

    fb : {
    enable : false,
    title : 'Facebook'
    },



    rss : {
    enable : false,
    title : 'Flux  RSS'
    },

    /* START CUSTOM SHARE BUTTONS */

    /* extra share buttons */
    pinterest : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/60/73/pinter10.png" />',
    title : 'Pinterest',

    onclick : function(e) {
    var media = prompt('Vous êtes sur le point d\'épingler cette page. Partager une image?');

    if (media == null) return false;
    else if (media == '') media = $('meta[property="og:image"]').attr('content') || '';

    window.open('http://pinterest.com/pin/create/button/?url=' + encodeURIComponent(window.location.href) + (media ? '&media=' + encodeURIComponent(media) : '') + '&description=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    tumblr : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/tumblr11.png" />',
    title : 'Tumblr',

    onclick : function(e) {
    window.open('http://www.tumblr.com/share/link?url=' + encodeURIComponent(window.location.href), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },

    reddit : {
    enable : false,
    innerHTML : '<img src="https://i.servimg.com/u/f21/18/21/41/30/reddit10.png" />',
    title : 'Reddit',
    onclick : function(e) {
    window.open('http://www.reddit.com/submit?url=' + encodeURIComponent(window.location.href) + '&title=' + encodeURIComponent(document.title), '', 'menubar=no,status=no,scrollbars=no,width=800,height=600');
    e.preventDefault();
    }
    },
      
      

    M14_FA_Espace:{
    enable :true
    },






    top : {
    enable :true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba38.png" />',
    title : 'Haut de la page',
    href : '#top'
    },


    bottom : {
    enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f68/16/47/45/04/pourba37.png" />',
    title : 'Bas de page',
    href : '#bottom'
    }

    /* END CUSTOM SHARE BUTTONS*/

    }
    },

    newList = document.createElement('SPAN'),
    fa_share,
    fa_share_text,
    existingNode,
    newNode,
    i, k;

    $(function() {
    fa_share = document.getElementById('fa_share');
    fa_share_text = document.getElementById('fa_share_text');
    if (!fa_share) return;

    // apply new share text
    if (fa_share_text) fa_share_text.innerHTML = share.text + ' : ';

    // redefine share buttons
    for (i in share.buttons) {
    existingNode = document.getElementById('fa_' + i);

    // modify exisiting share buttons
    if (existingNode) {
    if (share.buttons[i].enable) {
    for (k in share.buttons[i]) if (k != 'enable') existingNode[k] = share.buttons[i][k];
    newList.appendChild(existingNode);
    }
    else existingNode.parentNode.removeChild(existingNode);
    }

    // create a new share button
    else if (share.buttons[i].enable) {
    newNode = document.createElement('A');
    newNode.id = 'fa_' + i;

    for (k in share.buttons[i]) if (k != 'enable') newNode[k] = share.buttons[i][k];
    if (!newNode.href) newNode.href = '#';

    newList.appendChild(newNode);
    }

    }

    fa_share.appendChild(newList);
    });
    });





// SCRIPT CONCERNANT FAQ quelque peu originale


if(location.pathname == '/faq')
    $(function(){
    //on donne une apparence aux titres de la FAQ
    $('dt.subtitle').css({"color":"grey","fontWeight":"bold","fontStyle":"italic","textAlign":"center"});
    //on donne une infobulle puis au clic...
    $('dd[onclick^="return"]').attr('title','Afficher/Masquer le contenu').click(function(){
    //on donne une class
    $(this).next().addClass('M14_effet_Faq');
    //on place le bouton de fermeture
    $('dd p').append('<span class="M14_Close_Faq"title="cliquez pour fermer">x</span>');
    //on donne l apparence reelle au bloc
    $(this).next().animate({
    //on positionne le bloc a  15% de la gauche
    left:'15%',
    //on positionne le bloc a  15% de la droite
    right:'15%',
    //on positionne le bloc a 45% du haut
    top:'45%' ,
    //on demande la difference en largeur 100 - 15 -15 = 70
    width:'70%' ,
    //on demande une opacity a 1
     opacity:'1'
    });
    //La fermeture
    $(' .M14_Close_Faq').click(function(){
    $('.M14_effet_Faq').fadeOut();
    });
    });});

// FIN SCRIPT CONCERNANT FAQ quelque peu originale




//  CONCERNANT infobulle originale sur les titres Texte

$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
        
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
        
          parse = function() {
            titles = $('[title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
        
          queue ? $(parse) : parse();
        });

//  FIN CONCERNANT infobulle originale sur les titres Texte







// SCRIPT CONCERNANT Info Global profil sur clic pseudo

$(function () {
          if (/\/u\d+/.test(location.pathname)) return;
        
          var wall = 0, // Onglet visiteur
          stats = 1, // Onglet statistiques
          attachments = 0, // Onglet fichiers joints
          friends = 1, // Onglet amis
          contact = 1, // Onglet contacts
          rpg = 0, // Onglet RPG
          close = 1, // Fermeture de la popUp
          avatar = 1; // Afficher l avatar
        
          var a=document.getElementsByTagName('A');
          for(i=0;i<a.length;i++)if(/\/u\d+/.test(a[i].href))a[i].className=a[i].className+' profilePopup';
          $('.profilePopup:has(img)').removeClass('profilePopup');
          
          var userWall='',userStats='',userAttachments='',userFriends='',userContact='',userRpg='',userClose='',guestView=true;
          if(wall==1)userWall='<span class="propop_tab" id="propop_vm">Messages des visiteurs</span>';if(stats==1)userStats='<span class="propop_tab" id="propop_stats">Statistiques</span>';if(attachments==1)userAttachments='<span class="propop_tab" id="propop_attach">Fichiers joints</span>';if(friends==1)userFriends='<span class="propop_tab" id="propop_friends">Ami(e)s</span>';if(contact==1)userContact='<span class="propop_tab" id="propop_contact">Contacts</span>';if(rpg==1)userRpg='<span class="propop_tab" id="propop_rpg">Feuille de personnage</span>';if(close==1)userClose='<span class="propop_tab" id="close_popup" style="float:right;margin-top:-4px;">Fermer</span>';
        
          $('.profilePopup').click(function(){
            var UID=$(this).attr('href'),UNM=$(this).text(),SEL='#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details',LOAD='<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Loading...</div>';
            $('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:url(https://i.servimg.com/u/f39/18/21/41/30/overla10.png);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#b8fcbf;border:1px solid #CCC;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;z-index:50;"><div class="profile_popup_nav">'+userWall+'<span class="propop_tab" id="propop_profile">Profil</span>'+userStats+userAttachments+userFriends+userContact+userRpg+userClose+'</div><a href="'+UID+'"><div id="userAVA"></div></a><div id="userprofile" style="height:400px;overflow-y:auto;">'+LOAD+'</div><span id="profileLinks"><a href="'+UID+'">Voir le Profil</a><span id="interactionLinks"> • <a href="/privmsg?mode=post&u='+UID.replace(/.*?\/u/,'')+'">Envoyer un MP</a><span style="float:right;"><a href="/profile?friend='+UNM.replace(/\s+/g,'+')+'&mode=editprofile&page_profil=friendsfoes">Ajouter aux amis</a></span></span></div>');
        
            $('#userprofile').load(UID+SEL,function(){if($('#profcont-container #username').length&&_userdata.user_id==-1){$(this).html('<div class="profileLoading" style="text-align:center;font-weight:bold;font-size:18px;">Sorry, guests cannot view the profiles! :(</div>');guestView=false}});
            $('#propop_profile').addClass('activeTab');
            if (avatar == 1) $('#userAVA').load(UID+' #profile-advanced-right .module:first div img:first, .forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img:first, dl.left-box.details:first dd img:first, .row1 b .gen:first img:first, .real_avatar img:first');
            loadPro('#propop_profile','');loadPro('#propop_vm','wall');loadPro('#propop_stats','stats');loadPro('#propop_friends','friends');loadPro('#propop_contact','contact');loadPro('#propop_rpg','rpg');loadPro('#propop_attach','attachments');
          
            if(wall==0)$('#vmLink').remove();
            if(!document.getElementById('logout'))$('#interactionLinks').remove();
            $('#profilefilter,#close_popup').click(function(){$('#profilefilter, #profcont-container').remove()});
            function loadPro(element, location){$(element).click(function(){if($(this).hasClass('activeTab')||guestView==false)return;$('#propop_profile,#propop_vm,#propop_stats,#propop_friends,#propop_contact,#propop_rpg,#propop_attach,#propop_close').removeClass('activeTab');$(this).addClass('activeTab');$('#userprofile').html(LOAD).load(UID+location+SEL)})}
            return false;
          });
        });

// FIN SCRIPT CONCERNANT Info Global profil sur clic pseudo

CSS 
Code:
/*script message remercie*/
#fa_thanks_message {
  color:#000000;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  background-color:#5A6B58;
  border:1px solid black;
  border-radius:6px;
  padding:6px;
  margin:6px;
}
/*Positionnemnt du bouton merci NE PAS TOUCHER LE DISPLAY NONE*/
ul.posting-icons li a[href*="thank"] img,ul.posting-icons li img[alt="Sujet déjà remercié"]{display:none;margin-top: 20px;}
/*Colorisation d un message remercie*/
.M14_PostThanK  .post-header{min-height: 47px;}
.M14_PostThanK  .post-entry,
.M14_PostThanK  .post-entry a,
.M14_PostThanK  .signature_div,
.M14_PostThanK  .signature_div a,
.M14_PostThanK  .postprofile ,
.M14_PostThanK  .user-info .label span,
.M14_PostThanK strong,.M14_PostThanK span
{color:#000000 !important;}



body
{
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: top center;

}
div#logostrip #logo {
 display: block;
 margin: 0 0px;
                padding: 0.8em 0em 0em 0em;
 float: center;
 }
table.ipbtable tfoot td { background-color: #000000; background-image: url("https://i.servimg.com/u/f84/13/64/43/70/rr210.jpg");}
.box-content { border-bottom:10px  #000000; }
#gfooter {
background-color:#;
height: 80px;
background: url("https://i.servimg.com/u/f84/13/64/43/70/tes111.jpg") no-repeat 50% 50%;
}
#submenu ul li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#navstrip li {
 float: left;
 margin: 0 5px;
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche10.png') no-repeat left 50%;
 }
#navstrip li.begin {
 padding-left: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/fleche11.png') no-repeat left 50%;
 }
div.maintitle .expand,div.maintitle .contract {
 float: right;
 width: 10px;
 height: 10px;
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi11.png') no-repeat 50% 50%;
 cursor: pointer;
 }
div.maintitle .expand {
 background: url('https://i.servimg.com/u/f61/13/51/88/96/invisi10.png') no-repeat 50% 50%;
 }
.popmenubutton a {
 display: block;
 padding: 2px 16px 2px 8px;
 background-image: url('https://i.servimg.com/u/f61/13/51/88/96/fleche12.png');
 background-position: 97% 50%;
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 white-space: nowrap;
 text-decoration: none;
 }
div.maintitle {
 vertical-align: middle;
 padding: 8px 8px 8px 15px;
 background-image: url("https://i.servimg.com/u/f84/13/64/23/61/rr210.jpg");
 background-repeat: repeat-x;
 }
div.maintitle:hover {
                vertical-align: middle;
 padding: 8px 8px 8px 15px;
                background-image: url("https://i.servimg.com/u/f84/13/64/23/61/test_l10.jpg");
                background-repeat: repeat-x;
}
.row2 {
 background-color: #262626;
        background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.row2:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}


.row1 {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
background-repeat: repeat-y;
background-position: top left;
}
.row1:hover {
background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond_c11.jpg');
        background-repeat: repeat-y;
        background-position: top left;
 }
.ipbform2 dl dd:hover {
 background-image: url('https://i.servimg.com/u/f80/13/60/15/08/fond2_11.jpg');
background-repeat: repeat-y;
background-position: top left;
}








/*MODIFIER AJOUTER PAR Quad Daniel*/








/*mini avatar sur forum Quad Daniel*/

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;  
  }
      .sceditor-container iframe, .sceditor-container textarea {
    background-image: url("https://i.servimg.com/u/f39/16/47/45/04/transp10.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#topicmenu-options.popmenubutton
{
margin-top: -07px;
}  


/*barre citer*/

blockquote cite {
background-color: #677E52
background-image: url(https://i.servimg.com/u/f38/16/47/45/04/t_new10.gif);
color: #002F2F;
min-height: 30px;
}

/*barre code*/

dl.codebox dt {
background-color: #6B0D0D;
background-image: url(https://i.servimg.com/u/f68/16/47/45/04/i_icon16.png);
color: #CC9900;
min-height: 25px;
}
    /*Placement du texte code selectionner le contenu*/
    .selectCode
    {
    float:right;
    margin-right:30px;
    cursor:pointer;
    }
div.cont_code { clear: right; }

dl.codebox dd {
background-color: #383636;
}

/*barre Spoiler*/

    dl.spoiler dt
    {
    background-color:#175732;
    /*l image du spoiler*/
    background-image:url(https://i.servimg.com/u/f68/16/47/45/04/21310.png);
    background-repeat:no-repeat;/*pas de répétition de l image*/
    background-position:right;/*on positionne l image a droite*/
    color:#AFAFAF;/*couleur du texte*/
min-height: 25px;
    }

/*barre Code Caché*/
/*Code box hide*/
dl.codebox.hidecode dd{background:#282828;color:white; }
/*barre Fond luminosité gris*/
/*Ombrage code spoiler hide*/
dl.codebox, dl.spoiler{box-shadow: 3px 3px 15px 5px #9E9E9E;}
/*FIN barre*/

/*correction sur les balises hide*/
dl.codebox.hidecode .codebox.contcode dt ,.codebox.hidecode dl.spoiler dt
{
display:block !important;
}
/*correction de l ascenceur*/
.codebox dd{word-wrap: break-word;}
/******espacer gauche et droite dans l affichage d un message******/
  
/*Correction des codesbox*/
dl.codebox , dl.spoiler,blockquote
{
margin:30px 60px !important;
}
    

/*FIN Correction des codesbox*/



  
        /*L apparence normale*/
        #search #keywords
        {
        transition-duration: 1s;
        width: 150px;
        }
        /*L apparence au clic*/
        #search #keywords:focus
        {
        width: 250px;
        }



/*DEBUT EFFET TOGGLE FAQ*/
    /*Les questions de la FAQ Modifier Daniel*/
    dd[onclick^="return"] a
    {
    color:#forum !important;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }

    /*Les reponses*/
    /*on depose un style pour l effet de transition en relation avec le script*/
    .M14_effet_Faq
    {
    position:fixed;/*on fixe le bloc*/
    left:45%;/*on le positionne a 45 pourcent de la gauche*/
    right:45%;/*on le positionne a 45 pourcent de la droite*/
    width:10%;/*il reste 10 pourcent pour la largeur*/
    top:10%;/*on le place a 10 pourcent du haut*/
    min-height:30px;/*on lui donne une largeur minimale*/
    height:auto;/*on demande une hauteur en automatique*/
    max-height:250px;/*on impose une hauteur maximale*/
    overflow-y:auto; /*on demande en cas dde depassement un scroll*/
    z-index:999;/*Au premier plan*/
    background-color:Black !important;/*couleur de fond*/
    -moz-opacity:0;/*Opacity a 0 navigateurs recents*/
    -khtml-opacity:0;
    -ms-filter:"alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    opacity:0;
      /*on ajoute un entourage flou avec une couleur grise*/
      -moz-box-shadow: 0px 0px 30px 20px grey;
    -webkit-box-shadow: 0px 0px 30px 20px grey;
    -o-box-shadow: 0px 0px 30px 20px grey;
    box-shadow: 0px 0px 30px 20px grey;
      /*les bordures arrondies*/
      -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

    /*La petite croix de fermeture*/
    .M14_Close_Faq
    {
    color:#ffff00;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    position:absolute;/*on demande une position bien definie*/
    top:10px;/*a 10px du haut*/
    left:98%;/*a 98 pourcent de la gauche*/
    cursor:pointer; /*on demande un style cursor*/
    }
    /*La cellule laissant apparaitre le contenu*/
    .M14_effet_Faq p
    {
    /*on demande un espace en haut 10px a droite 35px puis 5px en bas et a gauche*/
    /*le 35px est impose pour laisser la place au bouton de fermeture*/
    padding: 10px 35px 5px  5px !important;
      /*Apparence du texte et son placement*/
    color:grey;/*on demande une couleur de police*/
    font-weight:bold;/*on demande en caractere gras*/
    font-style:italic;/*on demande en style italic*/
    padding-right: 35px;/*on demande un espace de 35px a doite pour placer le bouton*/
    border:none !important;/*on supprime les bordures*/
    }


    /*Apparence des liens*/
    .M14_effet_Faq p a
    {
    color:orange;/*on demande une couleur de police*/
    font-weight:normal;/*on demande en caractere normal*/
    font-style:italic;/*on demande en style italic*/
    text-decoration:none !important;/*on supprime le soulignement*/
    }
    /*FIN EFFET TOGGLE FAQ*/


/*Effet loupe sur chaque message*/

    /*Le bouton pour l ouverture de la fenetre*/
    .M14_open_Body
    {
    width: 16px;
    height: 16px;
    right: 10px;
    float: right;
    cursor:pointer;
  margin-right: -17em;
    }
    /*Le bouton pour la fermeture de la fenetre*/
    .M14_close_Body
    {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor:pointer;
    }
    /*On place les transitions sur les messages*/
    .post-entry
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    }
    /*La fenetre agrandie*/
    #M14_Effet_body.post-entry
    {
    /*On donne une position absolute*/
    position:absolute;
    /*On demande une marge a gauche et a droite pour la correction de la fenetre*/
    left:20%;
    right:20%;
    /*La couleur de fond*/
    background: #2B2E2A;
    /*La couleur de police*/
    color:forum;
    /*La taille de police*/
    font-size:14px;
    /*On donne un espace conséquent si besoin peut etre supprime*/
    padding: 20px 30px 10px 10px;
    /*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
      /*la couleur de bordure*/
    border:2px solid #339966;
      /*Les bordures arrondies sur la plupart des navigateurs*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
      /*On le place au premier plan*/
      z-index:999;
    }

/*FIN EFFET LOUPE*/

    

/*fond envoyer & Titre du sujet Vert*/

   input {
          color: #000000;
          background: #93ada6!important;
        }

/*FIN fond envoyer & Titre du sujet Vert*/
 

/*bouton 3D Prévisualiser envoyer*/

        input[name="preview"] ,input[name="post"]
        {background-color:#F5F5F5;background-image:url(https://i.servimg.com/u/f37/16/47/45/04/voirfi10.png);
          background-repeat:repeat-x;
          border:1px solid #C3E0F1;
          border-radius:2px;
          box-shadow:1px 1px 1px;
          color:#666!important;
          cursor:pointer;
          font-size:11px;
          font-weight:700;
          height:24px;
          line-height:18px;
          margin:5px 6px;
          padding:0 8px!important;
          text-align:center;
        }
        input[name="preview"]:hover ,input[name="post"]:hover
        {
        background-position:0 100%;
        border:1px solid #00ff00!important;
        box-shadow:1px 1px 5px!important;
        color:#00ff00!important;
        }

/*FIN bouton 3D Prévisualiser envoyer*/


/*image fond barre Toulbar*/

        #fa_toolbar, #fa_toolbar_hidden {background-image: url('https://i.servimg.com/u/f68/16/47/45/04/b21110.jpg');}

/*FIN image fond barre Toulbar*/


/*barre Toulbar Modifier*/

    /*Suppression de la recherche et du texte partager*/
    #fa_search, #fa_share_text{display:none !important;}


    #fa_M14_FA_Espace{width:30px !important;height:30px !important;}

/*Fond Couleur Notification et image poubelle*/
    #fa_right.notification > #fa_notifications{background-color: #578A5B !important;}
    #notif_list li a.delete{background:url(https://i.servimg.com/u/f68/11/26/21/37/poubel10.png)no-repeat !important;}

/*FIN barre Toulbar Modifier*/



/*Image Style barre verte bas sujet*/

      .post-footer
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/mainme13.png");
    background-position: top center;
    background-repeat: no-repeat;
    border-top : none !important;
    }

/*FIN Image Style barre verte bas sujet*/


/*Image Style barre verte haut sujet*/

    .post .post-header
    {
    background-image: url("https://i.servimg.com/u/f58/16/47/45/04/back_t10.png");
    background-position: top center;
    background-repeat: repeat;
    }

/*FIN Image Style barre verte haut sujet*/



    /*Bouton vote reponse rapide*/

    a#M14_vote_Rap
    {
    position: absolute;
    width: 221px;
    height: 190px;
    margin-left: -50px;
    }

    /*Bouton vote repondre rapide*/

    a#M14_vote_btn
    {
    margin-top: -240px;
    float: right;
    }

/*FIN Bouton vote repondre rapide*/


/*Image et Cadre Vote*/


        #M14_vote_img
        {
        background:url(https://i.servimg.com/u/f58/16/47/45/04/cadre_12.png)no-repeat;
        width:200px;
        height:200px;
        margin-left: 320px;
        color:#578A5B !important;
        padding:80px 0;
        text-align: center;
        font-weight:bold;
    font-size:20px;
        }


    #M14_vote_img:before
    {
    content:"";
    position:absolute;
    background:url(https://i.servimg.com/u/f19/14/29/90/39/t508hv10.gif);
    height: 200px;
    width: 190px;
    margin-left: -320px;
    margin-top: -70px;
    }


/*FIN Image et Cadre Vote*/



/*Image de Fond Forum 100% sur la page*/

body {
    background-size: cover;
}

/*FIN Image de Fond Forum 100% sur la page*/




/*afficher ou masquer tous les champs du profil*/


.M14_Op_user-info , .M14_Close_user-info {cursor:pointer;}

/*FIN afficher ou masquer tous les champs du profil*/




/*Couleur bordure Infobulle en vert*/

.tooltipster-content{border:4px solid green;}
.tooltipster-arrow-top span{border-color :green !important;}

/*FIN Couleur bordure Infobulle en vert*/




/* INFO SUR LE PROFIL GLOBAL

/* La popUp du profil*/
        #profcont-container {
            background:#b8fcbf !important;
            border:1px solid #CCC !important;
        }
         /*l avatar*/
        #userAVA img{
            position:absolute;
            top:73px;
            right:30px;
            height:50px;
            width:50px;
        }
         /*la barre des onglets*/
        .profile_popup_nav {
            background:#b8fcbf;
            margin:-4px -4px 10px -4px;
            padding:3px;
            padding-top:10px !important;
            height:auto;
            border-bottom:1px solid #CCC;
            -webkit-border-radius:5px 5px 0px 0px;
            -moz-border-radius:5px 5px 0px 0px;
            border-radius:5px 5px 0px 0px;
        }
         /*Les onglets*/
        .propop_tab {
            color:green;
            text-shadow:1px 1px 0 #F5F5F5;
            cursor:pointer;
            -webkit-border-radius:4px 4px 0px 0px;
              -moz-border-radius:4px 4px 0px 0px;
                    border-radius:4px 4px 0px 0px;
            border:1px solid #CCC;
            border-bottom:none;
            -webkit-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
              -moz-box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
                    box-shadow:0px 10px 6px rgba(255,255,255, 0.5) inset;
            background:#DDD;
            margin:0 2px;
            padding:3px;
        }
         /* Les onglets au survol*/
        .propop_tab:hover {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none;
            background-color:#EEE;
        }
         /*l onglet actif*/
        .propop_tab.activeTab {
            position:relative;
            top:1px;
            color:#666;
            text-shadow:none !important;
            background-color:#EEE !important;
        }
         /*La barre des contacts*/
        #profileLinks {
            background:#b8fcbf;
            display:block;
            padding:3px;
            margin:10px -4px -4px -4px;
            border-top:1px solid #CCC;
            -webkit-border-radius:0px 0px 5px 5px;
            -moz-border-radius:0px 0px 5px 5px;
            border-radius:0px 0px 5px 5px;
        }
#profileLinks a{color:black !important;text-ecoration:none !important;}
#profcont-container .maintitle{background-image:none !important;}
#profcont-container .maintitle,#profcont-container #userprofile{background-color:#b8fcbf;}
#profcont-container .maintitle h1,#profcont-container .maintitle h1 span{color:black !important;}

#profcont-container #profileLinks {color:black !important;}
/* FIN INFO SUR LE PROFIL GLOBAL


le code générateur HTML Modifier par moi sur image et infobulle ci dessous
Code:
<script language="JavaScript">
            function generer(form) {
            form.graphcode.value += "<a href=\"";
            form.graphcode.value += form.input1.value + "\"";
            if (form.liste1.value != "") form.graphcode.value += " target=\"" + form.liste1.value + "\"";
        form.graphcode.value += "><img src=\"" + form.input2.value + "\"/";
            if (form.input3.value != "") form.graphcode.value += " alt=\"" + form.input3.value + "\"" + " title=\"" + form.input3.value + "\"";
        form.graphcode.value += "></a>\n";
            }
            </script>

        <script>
        $(function(){
        $('input[value="Créer"]').hide();
        $('select[name="liste1"]').focus(function(){
        $('input[value="Créer"]').fadeIn();
        });
        $('input[value="Effacer"]').focus(function(){
        $('input[value="Créer"]').fadeOut();
        $('tr#M14_input2,tr#M14_input3,table#M14_input4').removeClass('M14_opacity').addClass('M14_none_opacity');
        });

        $('input[name="input1"]').focus(function(){
        $('tr#M14_input2').addClass('M14_opacity');
        });
        $('input[name="input2"]').focus(function(){
        $('tr#M14_input3').addClass('M14_opacity');
        });
        $('input[name="input3"]').focus(function(){
        $('table#M14_input4').addClass('M14_opacity');
        });
        $('input[value="Créer"]').focus(function(){
        $('textarea[name="graphcode"]').addClass('M14_borderTextarea');
        });
        $('input[value="Effacer"]').focus(function(){
        $('textarea[name="graphcode"]').removeClass('M14_borderTextarea');
        });

        $('tr#M14_apercuHTML').click(function(){
        $('#M14_textareaHTML').toggleClass('M14_opacity');
        });


        });

        </script>


        <style>
form[graphcode=""]
{
font-size:12px !important;
background-color:grey;
color:white!important;
}
form[graphcode=""] a
{
color:white!important;
}

        textarea.M14_rendu
        {
        width: 503px;
        height:60px;
        overflow: hidden;
        resize: none;
        -khtml-user-select : none;
          -webkit-user-select : none;
          -moz-user-select : -moz-none;
          -ms-user-select : none;
          user-select : none;
        }
        .M14_borderTextarea{border: 4px dashed orange !important;}
        .M14_opacity
        {
        -moz-opacity:1 !important;
        -khtml-opacity:1 !important;
        -ms-filter:"alpha(opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter:alpha(opacity=100);
        opacity:1 !important;
        }
        tr#M14_input2,tr#M14_input3,table#M14_input4 ,.M14_none_opacity,#M14_textareaHTML
        {
        -moz-opacity:0 ;
        -khtml-opacity:0 ;
        -ms-filter:"alpha(opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter:alpha(opacity=0);
        opacity:0 ;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
        }
 
        input[name="input1"],input[name="input2"] ,input[name="input3"],
        select[name="liste1"]
        {border: 2px dotted orange;cursor:pointer;}
            fieldset
            {
              margin-bottom: 15px;
              padding: 15px;
              width: 50%;
              margin-left: auto;
              margin-right: auto;
              font-variant: Arial;
       border: none !important;
         
            }

            

         
            input[type=button] {
              margin-bottom: 15px;
              padding: 10px;
              width: 10%;
              border:1px dotted white;
              font-variant: Arial;
              margin-left: auto;
              margin-right: auto;
       
            }

            input[type=reset]  {
              margin-bottom: 15px;
              padding: 10px;
              width: 10%;
        border:1px dotted white;
              font-variant: Arial;
              margin-left: auto;
              margin-right: auto;
         
            }
        textarea[name="graphcode"]
        {
        background: #fff;
        border:color:#69c;
        border:4px dotted;
        color: #111;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 13px;
        margin: 5px;
        outline: 0;
        padding: 3px;
        resize: none;
        }
        span.M14_texte
        {
        font-weight:bold;
        cursor:pointer;
        }
        select{padding:0px;}
        option[value="_blank"],option[value="_parent"]{color:green;}
a#anchor
{
position: relative;
top: -30px;
}
            </style>
        <body>
<a id="anchor"></a>
        <center class="color-primary">
            <form id="M14_Form"graphcode="">
             
              <div align="center"class="color-primary">
        <strong>GÉNÉRATEUR DE LIEN SUR IMAGE par <a href="/u1432" title="Modérateur et graphiste sur les forums Milouze14&Compagnie">MARIOK</a></strong>
        </div><br />
              <center>
        Ce générateur vous permet de créer un lien sur une image pour mettre sur vos forums.<br />
        Il est impératif de renseigner tous les champs, sous peine de voir votre code html tronqué.
              </center>   
        <hr />
        <center>Préparez votre image</center><br />
              <table style="width:100%;">
                         
                  <tbody>
                 
                    <tr>
                               
        <td width="40%"align="right"valign="middle">
        <span class="M14_texte">Le lien concerné:</span>
        </td>
        <td width="60%"align="center">
        <input size="40" value="" name="input1" placeholder="https://lien du site" title="Champ obligatoire"/>
        </td>
        </tr>
        <tr id="M14_input2">
        <td width="40%"align="right"valign="middle">
        <span class="M14_texte">Url de votre Image :</span>
        </td>
        <td width="60%"align="center">
        <input size="40" value="" name="input2" placeholder="https://lien de votre image"title="Champ obligatoire"/>
        </td>
        </tr>
        <tr id="M14_input3">
        <td width="40%"align="right"valign="middle"><span class="M14_texte">Infobulle :</span>      </td>     
        <td width="60%"align="center"><input size="40" value="" name="input3" placeholder="Infobulle de votre lien"title="Champ obligatoire" />  </td>
        </tr>
        <tr id="M14_apercuHTML">
        <td width="40%"align="right"valign="middle">
        <span class="M14_texte"title="Cliquez ici pour voir le code html">Le rendu visuel:</span>
        </td>
        <td width="60%"align="center">
        <a href="https://www.quadsalvetain.forumperso.com/" target="_blank">
        <img src="https://i.servimg.com/u/f58/16/47/45/04/9725a210.gif" alt="Gif Quad Salvetain - ( lien sur Accueil )" title="Gif Quad Salvetain - ( lien sur Accueil )" /></a>
        </td>
        </tr>
        <tr id="M14_textareaHTML">
        <td width="40%"align="right"valign="middle">Le code html:</td>
        <td width="60%"align="center">
        <textarea class="M14_rendu">
        <a href="https://www.quadsalvetain.forumperso.com/" target="_blank">
        <img src="https://i.servimg.com/u/f58/16/47/45/04/9725a210.gif" alt="Gif Quad Salvetain - ( lien sur Accueil )" title="Gif Quad Salvetain - ( lien sur Accueil )"/></a>
        </textarea>
        </td>
        </tr>



                         
                  </tbody>
               
              </table>
        <hr />
        <center>Préparez votre redirection </center>
            <table id="M14_input4"style="width:100%;">               
                  <tbody>     
                    <tr title="Champ obligatoire">                       
        <td width="40%"align="right"valign="middle">Ouverture du lien:</td>
        <td width="60%"align="center">
                                <select  size="1" name="liste1">
                    <option selected="selected">Redirection désirez</option>
                    <option value="_blank">BLANK</option>
                    <option value="_parent">PARENT</option>
                  </select>       
                        </td>                     
                    </tr>
        <tr>
        <td width="40%"align="center"valign="middle"></td>
        <td width="60%"align="center">
        <span>BLANK</span>: Ouverture de la page dans une nouvelle fenêtre<br />
        <span>PARENT</span>: Ouverture de la page dans la même page <br />
        </td>
        </tr>
               
                  </tbody>
               
              </table><br />
       
              <center>
        <input title="Créer le code html"onclick="generer(this.form)" value="Créer" name="button" type="button" />   
        <input title="Effacer les données renseignées"value="Effacer" name="reset" type="reset" /> 
              </center>
                  <fieldset>Résultat</fieldset>
              <center>
                  <textarea name="graphcode" rows="6" cols="70"placeholder="Votre code html sera affiché ici"></textarea>
              </center>
              <table style="width: 100%;">
                             
                  <tbody>
                 
                    <tr>
                                           
                    </tr>
                         
                  </tbody>
               
              </table>
              <center>
                  <input title="Cliquez ici pour sélectionner le code html"type="button" value="Selectionner" onclick="javascript:this.form.graphcode.focus();this.form.graphcode.select();" />
              </center>
                   
            </form>
        </center>
        </body>



j'ai fait ce qui est écrit comme indiqué sur le sujet Voir Sujet Générateur Ici générateur d'image cliquable avec lien.
j'ai tout mis sauf le Js que j'ai re sortie qui ne semble pas fonctionné chez moi (bien sûr, je me doute bien que je merdouille quelque part).

j'ai pas bien compris le lien "LE LIEN DE LA PAGE WEB" je supose que c'est le lien de mon forum mais cela ne fonctionne pas ?

mon Image est  
Code:
https://i.servimg.com/u/f58/16/47/45/04/pourba10.png




j'aimerai si possible comme ceci 

Image pour Le rendu visuel 
Rendu Visuel:

Image pour le rendu Visuel


Code:
https://i.servimg.com/u/f58/16/47/45/04/9725a210.gif
Lien https://www.quadsalvetain.com




pour info! le mauvais code que j'ai créer: et que j'avais posé sur JS sur toutes les pages  ( je l'avais posé au N° 127 juste avant l'espace bouton bas haut)
Code:
     // SCRIPT CONCERNANT Générateur d'image cliquable avec lien
      
      $(function(){
$(function(){
var image="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png";
var link="https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable";
var ancre="#anchor";
$('#fa_rss').after('<a href="'+link+''+ancre+'"target="_blank"title="Générateur d\'images cliquables"><img src="'+image+'"/></a>');

})});


Dernière édition par Quad Daniel le Dim 4 Juin 2017 - 8:17, édité 4 fois
fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
j'ai fait ce qui est écrit comme indiqué sur le sujet VOIR SUJET GÉNÉRATEUR ICI générateur d'image cliquable avec lien.

Bonjour Quad,
vu que tu as une partie hébergée sur une page html :
lien page web= lien page html






Administrateur des forums



Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Merci Stéphane pour ta réponse, je vais essayer
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour;
j'ai coller dans JavaScript (Sur toutes les pages) le code ci dessous 
Code:
     // SCRIPT CONCERNANT Générateur d'image cliquable avec lien
      
      $(function(){
$(function(){
var image="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png";
var link="https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable";
var ancre="#anchor";
$('#fa_rss').after('<a href="'+link+''+ancre+'"target="_blank"title="Générateur d\'images cliquables"><img src="'+image+'"/></a>');

})});

cela ne fonctionne pas et en plus une fois coller dans le JS ça me modifie ma toulbar ?

le code générateur HTML Modifier par moi sur image et infobulle ci dessous 

Code:
<script language="JavaScript">
            function generer(form) {
            form.graphcode.value += "<a href=\"";
            form.graphcode.value += form.input1.value + "\"";
            if (form.liste1.value != "") form.graphcode.value += " target=\"" + form.liste1.value + "\"";
        form.graphcode.value += "><img src=\"" + form.input2.value + "\"/";
            if (form.input3.value != "") form.graphcode.value += " alt=\"" + form.input3.value + "\"" + " title=\"" + form.input3.value + "\"";
        form.graphcode.value += "></a>\n";
            }
            </script>



mon image intégrer a HTML:


Code:
https://i.servimg.com/u/f58/16/47/45/04/9725a210.gif



si l'image est trop grosse je peut mètre ceci  

Code:
https://i58.servimg.com/u/f58/16/47/45/04/cube-s10.gif



Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
je viens de placer ton image sur la toolbar et elle est fonctionnelle sans aucune déformation




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour Philippe, je viens juste de me connecter je ne vois pas le bouton ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan, oui c'est normal, je travaille dessus et je cherche une autre solution clin oeil


Dernière édition par Milouze14 le Dim 4 Juin 2017 - 6:48, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
ha oké, bonjour Philippe,

juste une petite question que j'aurai déjà du mettre dans suggestion 
il n'y a pas de possibilité de rajouté dans le générateur une re dimension image ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Chaque chose en son temps Dan,

pour le bouton , j'ai purement supprimer le script et je suis passé par l'ajout de fonctionnalité que tu as dans tes scripts sur la toolbar et ajouté ceci:
Code:

// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables'
    } ,


Est ce que cela répond à ta demande Dan ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
oui je le sais mais j'ai posé cette question pas que pour moi , pour que toi aussi tu l’intègre dans ton fofo
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
je sais que tu bosses beaucoup, mais après pourra, tu me dire s'il est possible d'ouvrir le générateur à la clique bouton sur une autre page je ne ces pas mettre le code "Blank".
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom


Pour ajouter une restriction de taille sur l'image, il faut remplacer cette ligne (au début) dans le script:

Code:

form.graphcode.value += "><img src=\"" + form.input2.value + "\"/";


Par:
Code:


form.graphcode.value += "><img style=\"width:64px;height:64px\"src=\"" + form.input2.value + "\"/";

il faut éventuellement modifier les deux valeurs 64

je sais que tu bosses beaucoup, mais après pourra, tu me dire s'il est possible d'ouvrir le générateur à la clique bouton sur une autre page je ne ces pas mettre le code "Blank".

Oups je regarde cela Dan clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Quad Daniel a écrit:je sais que tu bosses beaucoup, mais après pourra, tu me dire s'il est possible d'ouvrir le générateur à la clique bouton sur une autre page je ne ces pas mettre le code "Blank".


Voilà Dan,
il suffisait d'ajouter ici:
Code:


// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables'
    } ,


ceci
Code:
  target : '_blank'




Ce qui donne:
Code:


// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables',
 target : '_blank'
    } ,



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
le code ci dessous  oblige a avoir une image toujours identique non ??
Code:
form.graphcode.value += "><img style=\"width:64px;height:64px\"src=\"" + form.input2.value + "\"/";
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Exactement Dan , tu veux que je le fasse ?

Tu auras des images de dimension 64px x 64px



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:
Quad Daniel a écrit:je sais que tu bosses beaucoup, mais après pourra, tu me dire s'il est possible d'ouvrir le générateur à la clique bouton sur une autre page je ne ces pas mettre le code "Blank".


Voilà Dan,
il suffisait d'ajouter ici:
Code:


// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables'
    } ,


ceci
Code:
  target : '_blank'




Ce qui donne:
Code:


// AJOUT GENERATEUR D IMAGE CLIQUABLE
 Generateur:
    {enable : true,
    innerHTML : '<img src="https://i.servimg.com/u/f58/16/47/45/04/pourba10.png" />',
    href : 'https://www.quadsalvetain.com/h6-creer-un-generateur-d-image-cliquable',
    title : 'Générateur d\'images cliquables',
 target : '_blank'
    } ,
merci pour l'info  clin oeil  et l'explication détaillé
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:Exactement Dan , tu veux que je le fasse ?

Tu auras des images de dimension 64px x 64px
non car les membres on parfois besoin d'une image plus grosse
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oky Dan clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
pour info si tu rajoute le lien avec le 64x64 je le verrai apparaître dans le code et pourrai modifier la grandeur dans le code ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oui tu verras un truc comme ceci dans le bloc :
Code:

<img style="width:64px;height:64px"



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
mille excuse  alors je veux bien le rajouté avec une grandeur
Code:
<img style="width:200px;height:200px"

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hum, je viens de penser un truc si un membre déposes une image qui fait admettons ces dimensions:

64px par 64px et que l'on déposes les dimensions que tu désires cela ressemblera (exemple avec mon avatar) à ceci une fois le message posté:




Le code html:
Code:
<img src="https://imgfast.net/users/3413/73/38/67/avatars/1-65.gif"style="width:200px;height:200px;"/>



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
oui je viens juste de le voir  tu a raison (je suppose que de rajouter la dimension après le code effectuer risque de compliqué la tache)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ben automatiquement , c'est infaisable Dan, et le faire manuellement cela risque de prendre beaucoup de temps!!!!



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bon et bien cela restera comme ça, je panser que de rajouter ceci :
Code:
[img(100px,100px)] comme  avant sur image [/img]
était suffisant .  ces dé-jas bien d'avoir un générateur..

j'ai le droit de modifier le fond couleur du générateur ?
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
j'ai le droit de modifier le fond couleur du générateur ?

Désormais , tu fais ce que tu veux avec les couleurs Dan clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
(remarque la couleur va comme cela)
ces tout bon pour moi .
encore merci pour ton aide bien précieuse,  merci beaucoup philippe comme d'habitude 
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Dan clin oeil ,
-Staff du Forum Milouze14-



  • Hello 
    Ton problème est-il toujours d'actualité?
    Si ce n'est plus le cas et qu'il est résolu,
    merci de cliquer sur le bouton en haut de page.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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