*RESOLU* Plusieurs liens dans image

Page 2 sur 2 Précédent  1, 2

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

*RESOLU* Plusieurs liens dans image

Sujet résolu le Jeu 20 Juil 2017 - 15:31
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Rappel du premier message :

Lien forum: ICI

j'utilise Google
forum en Invision
(Template divers, Java, css modifier)

Bonjour; 
voilà, j'aurais aimé créer plusieurs liens, sur une image globale, et même intégrée des images avec liens, j'aurais aimé savoir si cela est possible.
en fait, ceci me servirait a donné des informations aux nouveaux arrivants.(bienvenue) est que je porrai modifier écriture
Cordialement
j'ai essayer avec Photoshop rien une fois enregistrer plus de lien ?
j'ai donc essayé avec ceci , j'ai les liens, mais ne vois pas l'écriture,  j'ai donc abandonné après 3 heures d'essais perdu.
Code:
http://www.html-map.com/

image que je souhaite 
mon Image:

Code:
https://i11.servimg.com/u/f11/16/47/45/04/boucle15.png



Dernière édition par Quad Daniel le Lun 24 Juil 2017 - 16:39, édité 2 fois

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Dim 23 Juil 2017 - 20:23
Quad Daniel
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
hello phil,
pour la grosseur du texte super merci, 
juste il faudra monté un soupçon les écritures pour centré un peut plus même si cela n'est pas centré a 100% pas grave juste monté un peut si possible ! .

pour le nom pseudo, j'ai remis provisoirement car me modifie le texte;
voir en image 

Image défaut:
remonter a peine le texte !
Défaut  je viens de remarqué aussi que en plus du texte modifier, j'ai les petits icones coller au texte lien sauf son quad qui est bon

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 5:46
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
tu peux me donner le script des boutons de l'éditeur que je fasse une modification stp.
Ensuite il faut modifier aussi l'autre car le pseudo apparait a deux reprises.




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

Fondateur des forums





Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 5:54
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonjour Phil  clin oeil

CSS et JS:

CSS 
CSS Tag Présentation Uniquement
Code:
/*DEBUT CSS MILOUZE TAG PRESENTATION*/
/*Le bloc complet*/
#M14_tout
{
width:auto;
height:370px;
margin-top: 60px;/*on decale de 60px du bord haut du message*/
}
/*Configuration des liens */                                                                                                                                                              
#M14_tout a
{
color:#B7F58B;
line-height: 20px;
text-decoration:none !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* couleur de plice au survol*/
#M14_tout a:hover{color:#CFFC08;}
/*Le fond du milieu*/
#fond
{
width:600px;
height:250px;
background:#cccccc;
margin-left:auto;
margin-right:auto;
border: 4px ridge #ccc;-webkit-border-radius: 150px;-moz-border-radius: 150px;border-radius: 150px;
  box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
  -moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
  -webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}


img{border:none;}

/*l image de presentation*/
img.image.milieu {
    position: absolute;
    margin-top: -60px;
    width: 200px;
    height: 90px;
    margin-left:70px;
}
/* le pseudo*/
#M14_memberpresentation
{
font-size:30px;
color:#4A1A2C;
letter-spacing: 1px;
line-height: 18px;
font-family:Brush Script Std, Brush Script MT, cursive;
}



 /*le cadre du milieu*/
.cadre.milieu
  {
    background: #bcbcbc;
    box-shadow: 1px 1px 30px #1a1a1a inset;
  -moz-box-shadow: 1px 1px 30px #1a1a1a inset;
  -webkit-box-shadow: 1px 1px 30px #1a1a1a inset;
}

/*cadre du message de bienvenu*/
.Merci
  {
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
min-height: 30px;
text-align:left;
background:#006600;
    border-radius: 5px;
    padding: 5px;
    border: 4px ridge #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/* le cadre ou est plce l image de reglement*/
  .dernier_tuto
  {
  color: #ffffff;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
  text-align:center;
    min-height: 50px;
  background: #006600;
    border-radius: 5px;
    padding: 5px;
    border: 4px ridge #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
  }
  /* le cadre de droite*/
  
  .lien.tutoriel
  {
    margin-top: 0px;
    color: #ffffff;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    height: auto;
    text-align: left;
    background:    #006600;
    border-radius: 5px;
    padding: 5px;
    border: 4px ridge #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
    -webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
}
/*la cadre en haut a gauche*/
.boitehelloleft
  {
margin-top:5px;position:relative;
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
height: auto;
text-align:left;
background:#006600;
border-radius:5px;
padding:5px;
border: 4px ridge #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
-webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;

 }
/* le cadre en bas a gauche*/
.boitehelloleft_2
  {
background:#006600;
border-radius:5px;padding:5px;
margin-bottom:5px;
position:relative;
color:#ffffff;
font-family: arial;
font-size: 11px;
font-style: italic;
height: auto;
padding:5px;
text-align:left;
  border: 4px ridge #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
  box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
  -moz-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;
  -webkit-box-shadow: 0px 0px 5px #671c1c, 0 0 10px #671c1c inset;

 }

/*FIN CSS MILOUZE TAG PRESENTATION*/



JS (Sur toutes les pages)
JS Boutons Présentation et Avertissement
Code:
// SCRIPT BOUTONS STAFF PRESENTATION ET AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

    $(function(){
    if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
    $(function(){
      $('.sceditor-group:last').after('<br /><div class="sceditor-group M14_groupe"></div>');
    });            

          $(function(){ $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Tag présentation"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f11/16/47/45/04/icon_p10.png);">Tag présentation</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<table id="M14_tout"><tr><td>

<table id="fond">    
<tr colspan="3">
<td style="width: 120px;">
//contenu haut gauche                                                              
  <div class="boitehelloleft">
<center><span style="color: #fff;">Mon profil</span></center>
<span style="font-size:12px; color:#ccc;">◊ </span><a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier ton avatar">Ton avatar</a><br />
<span style="font-size:12px; color:#ccc;">◊ </span><a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ta signature">Ta signature</a><br />
<span style="font-size:12px; color:#ccc;">◊ </span><a href="/profile?mode=editprofile&page_profil=preferences"title="Modifie tes choix concernant,Accepter les newsletters ,Toujours m\'avertir des réponses,M\'avertir des nouveaux Messages Privés etc.." >Tes préférences.</a><br />
<span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f13-parking"title="Présenter sa machine">Son quad</a></div>
  <br />
//contenu bas gauche                                                                
<div class="boitehelloleft_2">
    <center><span style="color: #fff;">Notre passion</span></center>
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/f6-sorties-quad" target="_blank"title="Sorties quad">Sorties quad</a><br />
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/f5-videos-quad" target="_blank"title="Nos vidéos">Nos vidéos</a><br />
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/f3-photos-quad" target="_blank"title="Nos photos">Nos photos</a><br />                                                              


</div>
  </td>
  <td class="cadre milieu">
//image presentation                                                              
  <img class="image milieu"src="https://i.servimg.com/u/f37/16/87/83/03/nes2sy10.png"align="absmiddle"/><br /><br />
//le pseudo
<center><span id="M14_memberpresentation"></span></center><br />
    
//texte de bienvenu
    <div class="Merci"><br />
      <center>
<span style="color:#fff;font-size:13px;">Bienvenu sur le forum de quad-salvetain
</span><br /><br />
L\'équipe te souhaite la bienvenue et te remercie par avance pour ta participation.        <br />
Tu peux désormais profiter<br />de toutes les informations présentes.<br />
Bonne lecture.<br /></center></div>
<br />
//le bouton de reglement                                                              
  <div class="dernier_tuto">
    <center><a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192" target="_blank" class="Style35"title="Voir le règlement"><img src="https://i.servimg.com/u/f58/19/71/22/79/offici21.png"/></a></center>
<br /><br />
    
  </div>
  </td><td style="width: 120px;">
//contenu droit                                                              
  <div class="lien tutoriel">
    <center><span style="color:#fff;">Liens utiles</span></center>
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192" target="_blank"title="Le règlement">Le règlement</a><br />                                                                
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/t104-charte-du-forum-quad-salvetain#410" target="_blank"title="La charte">La charte</a><br />                                                    
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/t92-balise-titre-sujet-comment-fonctionne-les-balises#322" target="_blank"title="Balises">Balises</a><br />  
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/t2112-aide-info-forum#20939" target="_blank"title="Aide forum">Aide forum</a><br />
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/f1-bar-des-quadeurs" target="_blank"title="Toutes discutions">Toutes discutions</a><br />                                    
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/faq" target="_blank"title="Faq forum">Faq forum</a><br />
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="http://www.free-livredor.com/quad-salvetain-64287-1.html" target="_blank"title="Livre d\'or QS">Livre d\'or</a><br />
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/t278-petit-rappel-des-regles-pour-les-sorties#1360"target="_blank"title="Petit rappel">Petit rappel</a><br />  
 <span style="font-size:12px; color:#ccc;">◊ </span><a href="https://www.quadsalvetain.com/f145-trombinoscopes" target="_blank"title="Trombinoscopes photo Quadeur">Trombinoscopes</a><br />
</div>
 </td></tr></table></td></tr></table>');
        });})});
    $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Nouveau membre vous présenter"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Nouveau membre vous présenter</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info17.png"/>');
            });})});
      
      $(function(){$(function(){
        $('<a class="sceditor-button" unselectable="on"title="Règles générales du forum">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Règles générales du forum</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info13.png"/>');
            });})});

        $(function(){$(function(){
        $('<a class="sceditor-button" unselectable="on"title="Edition balises">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Edition balises</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info18.png"/>');
            });})});

      $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="le Sujet est-il Toujours d\'actualité"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">le Sujet est-il Toujours d\'actualité</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info12.png"/>');
            });})});

      $(function(){$(function(){
    $('<a class="sceditor-button" unselectable="on"title="Votre Problème est il résolu"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il résolu</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info16.png"/>');
            });})});

            $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Votre Problème est il finalisé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il finalisé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info11.png"/>');
            });})});

              $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Sans nouvelle de l\'auteur-Finalisé ou Abandonné"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sans nouvelle de l\'auteur-Finalisé ou Abandonné</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info13.png"/>');
            });})});
          
              $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Sujet corbeillé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet corbeillé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f55/16/47/45/04/z_info10.png"/>');
            });})});

      $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Sujet déplacé">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet déplacé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info21.png"/>');
            });})});

      $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Sujet clôturé">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet clôturé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f10/16/47/45/04/z_info10.png"/>');
            });})});

      $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Veuillez éditer dans le bon Post">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Veuillez éditer dans le bon Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info19.png"/>');
            });})});

            $(function(){
        $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Eviter les Doubles Post"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Eviter les Doubles Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info14.png"/>');
            });})});

      $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Ne pas citer">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Ne pas citer</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info15.png"/>');
            });})});

    $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Bouton vote aide">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Bouton vote aide</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f68/16/47/45/04/aprys_14.jpg"/><br />
    <img src="https://i.servimg.com/u/f68/16/47/45/04/fdgd10.jpg"/>');
            });})});

    $(function(){  $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Bouton tag de moderation">
    <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/19/71/22/79/1121010.png);">Bouton tag de moderation</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
    $('#text_editor_textarea').sceditor("instance").insertText('<table style="background:#95A595;width:80%;padding: 5px 0px 5px 5px;border: 5px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><tbody><tr>
    <td rowspan="2"style="width:150px;background-color:green;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-image:url(https://imgfast.net/users/1111/26/68/96/smiles/1460069482.png);background-repeat:no-repeat;background-position:top left;">
    </td>
                                                              <td><div align="center"style="font-size: 18px; line-height: normal;color:green;font-weight:bold;">Staff du Forum Quad Salvetain</div><br/><br/>
    <div align="center"style="background-color:white;color:#20aec8;font-size:15px;">\n\n
    MODIFIER ET RAJOUTER TEXTE ET IMAGE ICI \n\n
    </div><br/>
    <div class="M14_TagModer"align="center">
    <div id="M14_TagModer"><img src="https://i.servimg.com/u/f58/11/26/21/37/quad_q12.png"/></div>
    <a style="color:green !important;text-decoration:none !important;font-size: 13px;"href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Règlement  <img src="https://i.servimg.com/u/f39/16/47/45/04/link10.gif"title="Règlement"/></a>
    <a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/faq">Faq  <img src="https://i.servimg.com/u/f58/19/71/22/79/clique10.gif"title="La faq"/></a>
    <a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/t2112-aide-info-forum#20939">Aide &nbsp;<img src="https://i.servimg.com/u/f58/19/71/22/79/bouton10.gif"title="Aide"/></a>                                                                
    </div>
    </td>
    </tr></tbody></table>');
            });})});

      });

    // FIN SCRIPT BOUTONS STAFF PRESENTATION ET AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 6:19
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux supprimer la totalité et remplacer par celui-ci:
Code:
// SCRIPT BOUTONS STAFF PRESENTATION ET AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

        $(function(){
        if (_userdata["user_level"] ==1||_userdata["user_level"] ==2)
        $(function(){
          $('.sceditor-group:last').after('<br /><div class="sceditor-group M14_groupe"></div>');
        });           

              $(function(){ $(function(){
        $('<a class="sceditor-button" unselectable="on"title="Tag présentation"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f11/16/47/45/04/icon_p10.png);">Tag présentation</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<table id="M14_tout"><tr><td>

    <table id="fond">   
    <tr colspan="3">
    <td style="width: 120px;">
    //contenu haut gauche                                                             
      <div class="boitehelloleft">
    <center><span style="color: #fff;">Mon profil</span></center>
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="/profile?mode=editprofile&page_profil=avatars"title="Modifier ton avatar">Ton avatar</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="/profile?mode=editprofile&page_profil=signature"title="Modifier ta signature">Ta signature</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="/profile?mode=editprofile&page_profil=preferences"title="Modifie tes choix concernant,Accepter les newsletters ,Toujours m\'avertir des réponses,M\'avertir des nouveaux Messages Privés etc.." >Tes préférences.</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f13-parking"title="Présenter sa machine">Son quad</a></div>
      <br />
    //contenu bas gauche                                                               
    <div class="boitehelloleft_2">
        <center><span style="color: #fff;">Notre passion</span></center>
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f6-sorties-quad" target="_blank"title="Sorties quad">Sorties quad</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f5-videos-quad" target="_blank"title="Nos vidéos">Nos vidéos</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f3-photos-quad" target="_blank"title="Nos photos">Nos photos</a><br />                                                             


    </div>
      </td>
      <td class="cadre milieu">
    //image presentation                                                             
      <img class="image milieu"src="https://i.servimg.com/u/f37/16/87/83/03/nes2sy10.png"align="absmiddle"/><br /><br />
    //le pseudo
    <center><p id="M14_memberpresentation"></p></center><br />
       
    //texte de bienvenu
        <div class="Merci">
          <center>
    <span style="color:#fff;font-size:13px;">Bienvenu sur le forum de quad-salvetain
    </span><br /><br />
    L\'équipe te souhaite la bienvenue et te remercie par avance pour ta participation.        <br />
    Tu peux désormais profiter<br />de toutes les informations présentes.<br />
    Bonne lecture.<br /></center></div>
    <br />
    //le bouton de reglement                                                             
      <div class="dernier_tuto">
        <center><a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192" target="_blank" class="Style35"title="Voir le règlement"><img src="https://i.servimg.com/u/f58/19/71/22/79/offici21.png"/></a></center>
    <br /><br />
       
      </div>
      </td><td style="width: 120px;">
    //contenu droit                                                             
      <div class="lien tutoriel">
        <center><span style="color:#fff;">Liens utiles</span></center>
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192" target="_blank"title="Le règlement">Le règlement</a><br />                                                               
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/t104-charte-du-forum-quad-salvetain#410" target="_blank"title="La charte">La charte</a><br />                                                   
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/t92-balise-titre-sujet-comment-fonctionne-les-balises#322" target="_blank"title="Balises">Balises</a><br /> 
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/t2112-aide-info-forum#20939" target="_blank"title="Aide forum">Aide forum</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f1-bar-des-quadeurs" target="_blank"title="Toutes discutions">Toutes discutions</a><br />                                   
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/faq" target="_blank"title="Faq forum">Faq forum</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="http://www.free-livredor.com/quad-salvetain-64287-1.html" target="_blank"title="Livre d\'or QS">Livre d\'or</a><br />
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/t278-petit-rappel-des-regles-pour-les-sorties#1360"target="_blank"title="Petit rappel">Petit rappel</a><br /> 
    <span style="font-size:12px; color:#ccc;">◊ </span> <a href="https://www.quadsalvetain.com/f145-trombinoscopes" target="_blank"title="Trombinoscopes photo Quadeur">Trombinoscopes</a><br />
    </div>
    </td></tr></table></td></tr></table>');
            });})});
        $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Nouveau membre vous présenter"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Nouveau membre vous présenter</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info17.png"/>');
                });})});
         
          $(function(){$(function(){
            $('<a class="sceditor-button" unselectable="on"title="Règles générales du forum">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Règles générales du forum</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info13.png"/>');
                });})});

            $(function(){$(function(){
            $('<a class="sceditor-button" unselectable="on"title="Edition balises">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Edition balises</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info18.png"/>');
                });})});

          $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="le Sujet est-il Toujours d\'actualité"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">le Sujet est-il Toujours d\'actualité</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info12.png"/>');
                });})});

          $(function(){$(function(){
        $('<a class="sceditor-button" unselectable="on"title="Votre Problème est il résolu"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il résolu</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info16.png"/>');
                });})});

                $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Votre Problème est il finalisé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Votre Problème est il finalisé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info11.png"/>');
                });})});

                  $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Sans nouvelle de l\'auteur-Finalisé ou Abandonné"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sans nouvelle de l\'auteur-Finalisé ou Abandonné</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f39/16/47/45/04/z_info13.png"/>');
                });})});
             
                  $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Sujet corbeillé"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet corbeillé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f55/16/47/45/04/z_info10.png"/>');
                });})});

          $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Sujet déplacé">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet déplacé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info21.png"/>');
                });})});

          $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Sujet clôturé">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sujet clôturé</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f10/16/47/45/04/z_info10.png"/>');
                });})});

          $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Veuillez éditer dans le bon Post">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Veuillez éditer dans le bon Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info19.png"/>');
                });})});

                $(function(){
            $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Eviter les Doubles Post"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Eviter les Doubles Post</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info14.png"/>');
                });})});

          $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Ne pas citer">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Ne pas citer</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f37/16/47/45/04/z_info15.png"/>');
                });})});

        $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Bouton vote aide">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/16/47/45/04/premiu10.png);">Bouton vote aide</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
            $('#text_editor_textarea').sceditor("instance").insertText('<img src="https://i.servimg.com/u/f68/16/47/45/04/aprys_14.jpg"/><br />
        <img src="https://i.servimg.com/u/f68/16/47/45/04/fdgd10.jpg"/>');
                });})});

        $(function(){  $(function(){
            $('<a class="sceditor-button" unselectable="on"title="Bouton tag de moderation">
        <div unselectable="on"style="background-image:url(https://i.servimg.com/u/f58/19/71/22/79/1121010.png);">Bouton tag de moderation</div></a>').appendTo('.sceditor-group.M14_groupe').click(function(){
        $('#text_editor_textarea').sceditor("instance").insertText('<table style="background:#95A595;width:80%;padding: 5px 0px 5px 5px;border: 5px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><tbody><tr>
        <td rowspan="2"style="width:150px;background-color:green;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-image:url(https://imgfast.net/users/1111/26/68/96/smiles/1460069482.png);background-repeat:no-repeat;background-position:top left;">
        </td>
                                                                  <td><div align="center"style="font-size: 18px; line-height: normal;color:green;font-weight:bold;">Staff du Forum Quad Salvetain</div><br/><br/>
        <div align="center"style="background-color:white;color:#20aec8;font-size:15px;">\n\n
        MODIFIER ET RAJOUTER TEXTE ET IMAGE ICI \n\n
        </div><br/>
        <div class="M14_TagModer"align="center">
        <div id="M14_TagModer"><img src="https://i.servimg.com/u/f58/11/26/21/37/quad_q12.png"/></div>
        <a style="color:green !important;text-decoration:none !important;font-size: 13px;"href="https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192">Règlement  <img src="https://i.servimg.com/u/f39/16/47/45/04/link10.gif"title="Règlement"/></a>
        <a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/faq">Faq  <img src="https://i.servimg.com/u/f58/19/71/22/79/clique10.gif"title="La faq"/></a>
        <a style="color:green !important;text-decoration:none !important;font-size: 13px;margin-left:15px;"href="https://www.quadsalvetain.com/t2112-aide-info-forum#20939">Aide &nbsp;<img src="https://i.servimg.com/u/f58/19/71/22/79/bouton10.gif"title="Aide"/></a>                                                               
        </div>
        </td>
        </tr></tbody></table>');
                });})});

          });

        // FIN SCRIPT BOUTONS STAFF PRESENTATION ET AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR



Puis l'autre script a remplacer Dan:
Code:

$(function(){
var M14_memberPoSt=$('.postbody-head').first().find('p.author a[href^="/u"]').text();
  $('.cadre.milieu center p').html(M14_memberPoSt);
});




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

Fondateur des forums





Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 7:04
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
hello Phil,
rien n'a changer le texte du haut pas remonter, et j'ai plus de pseudo.
(si trop compliqué on remet qu'un pseudo) c'est toi qui vois
par-contre l' image de règlement un soupçon trop haute elle



j'ai toujours pas d'espace entre petit icone et lien (si tu m'explique la manip pour l'espace entre les icones et liens je le ferai)

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 15:27
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Dannnnnnnnnnnnnnnnnnnneeeeeeeeeeeeeeeeeeeeeee mdr ,

il faut de nouveau se servir du script vu que l'on agit dessus la css n'a strictement rien a voir avec clin oeil

Pour mette l'image un peu plus bas:
Recherches cette ligne:

Code:
 <div class="dernier_tuto">
ajoutes un saut de ligne juste après :
Code:
 
<div class="dernier_tuto"><br />




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

Fondateur des forums





Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 16:16
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour Phil,
super tout fonctionne .
maintenant reste juste a monter l'écriture d'un poil sur l'équipe te souhaite la bienvenu

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 16:29
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
c'est bon ça fonctionne..    encore et toujours grand merci Philippe pour ton aide    +  

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 16:31
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Dan clin oeil



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

Fondateur des forums





Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Lun 24 Juil 2017 - 16:43
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





Page 2 sur 2 Précédent  1, 2

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