*RESOLU* Plusieurs liens dans image

Page 1 sur 2 1, 2  Suivant

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
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 Jeu 20 Juil 2017 - 18:51
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
je regarderais cela demain car ce soir j'ai du monde (ma fille m'a fait une belle surprise en venant de Normandie ).

Pour ta demande , ou sera placée le code html que je vais te donner stp ?



-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 Jeu 20 Juil 2017 - 19:18
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
oui profite de la famille, ça c'est importent.
a demain Philippe Bonne soirée impeccable

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Jeu 20 Juil 2017 - 19:25
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:Hello Dan,
je regarderais cela demain car ce soir j'ai du monde (ma fille m'a fait une belle surprise en venant de Normandie ).

Pour ta demande , ou sera placée le code html que je vais te donner stp ?
pour  dans présentation, avant je faisais avec un fonds ou autre, car j'avais l'idée depuis un bon moment de faire une image avec divers liens; et puis je suis tombé sur une image présentation très belle.
et j'ai vu ceci  et j'ai trouvé cela trop beau. (j’avoue q'une image dans le style dessous en vert m'aurai beaucoup plus)

Image:

Re: *RESOLU* Plusieurs liens dans image

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

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
donc voici un petit aperçu de mon projet si pas possible d'avoir comme le votre en modifier  pasvuT juste au dessus

aperçu en Image:
 

Les images et Liens:

Lien image QS
Code:
https://i11.servimg.com/u/f11/16/47/45/04/quad_q11.png

Quad Daniel te souhaite la bienvenue
Code:
https://i11.servimg.com/u/f11/16/47/45/04/daniel15.gif

Lien Règlement (Règlement forum) sur infobulle
Code:
https://www.quadsalvetain.com/t367-regles-generales-du-forum-quad-salvetain#2192
Image règlement
Code:
https://i.servimg.com/u/f58/19/71/22/79/offici21.png

Lien Charte
Code:
https://www.quadsalvetain.com/t104-charte-du-forum-quad-salvetain#410
Image charte (charte forum) sur infobulle
Code:
https://i11.servimg.com/u/f11/16/47/45/04/offici10.png

Lien info
Code:
https://www.quadsalvetain.com/t2112-aide-info-forum#20939
image info (aide info Réponse Fréquentes) sur infobulle
Code:
https://i11.servimg.com/u/f11/16/47/45/04/infove10.png

Info su les balise
Code:
https://www.quadsalvetain.com/t92-balise-titre-sujet-comment-fonctionne-les-balises#322
Image Balise
Code:
https://i11.servimg.com/u/f11/16/47/45/04/info_b17.png



lien Avatar
Code:
https://www.quadsalvetain.com/profile?mode=editprofile&page_profil=avatars

Lien Signature
Code:
https://www.quadsalvetain.com/profile?mode=editprofile&page_profil=signature

lien Préférence
Code:
https://www.quadsalvetain.com/profile?mode=editprofile&page_profil=preferences

lien Parking (présenter sa machine)infobulle
Code:
https://www.quadsalvetain.com/f13-parking

lien Faq
Code:
https://www.quadsalvetain.com/faq

lien livre d'or (livre d'or QS) Infobulle
Code:
http://www.free-livredor.com/quad-salvetain-64287-1.html

lien: Petit rappel rapide de Sortie 
Code:
https://www.quadsalvetain.com/t278-petit-rappel-des-regles-pour-les-sorties#1360


lien: trombinoscopes (trombinoscopes photo Quadeur) infobulle
Code:
https://www.quadsalvetain.com/f145-trombinoscopes



dans nos passions

lien les sorties quad
Code:
https://www.quadsalvetain.com/f6-sorties-quad
nos vidéos
Code:
https://www.quadsalvetain.com/f5-videos-quad
Nos Photos
Code:
https://www.quadsalvetain.com/f3-photos-quad



Dernière édition par Quad Daniel le Ven 21 Juil 2017 - 10:31, édité 2 fois

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 3:52
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
on va partir sur ce modèle alors:


Bon par contre il me faudra la couleur de fond et la couleur de police (texte et liens)
Les icônes devront être bien plus petits en résolution et de taille identique Dan .
Je vais donc partir avec la base de mon modèle et insérer tes liens et textes 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 Ven 21 Juil 2017 - 8:20
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Bonjour; phil 
c'est bien plus beau comme cela 
tu a juste a changer couleur Plus rajouter une image QS et image Règlement
plus les texte comme sur photos
tu peut aussi gardé les petit icon a gauche pour voir avant de centré (je te fait confiance)

les couleurs:

Couleur de fond( Vert):
Code:
#006600
Couleur texte de bienvenue

Couleur Texte:
Code:
#ffffff
Couleur lien:
Code:
#B7F58B

couleur survole
Code:
#CFFC08

 infobulle couleur par Défaut



 les liens et images codes ici 

lien divers ici: 
autres Codes ici




Dernière édition par Quad Daniel le Ven 21 Juil 2017 - 10:13, édité 6 fois

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 8:42
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
 oups j'ai oublier, dans "liens utiles" avant qui somme nous !,
est t'il possible de rajouter :
Son Prénom apparent dans les sujets

Code:
https://www.quadsalvetain.com/t3429-prenom-avec-infobulle-sur-avatar-et-pseudo-dans-sujet#51298

dans "liens utiles" après aide forum !,
est t'il possible de rajouter :
Toute Discutions

Code:
https://www.quadsalvetain.com/f1-bar-des-quadeurs




si l'image QS charge trop le haut
tu peut mettre ceci  
Code:
https://i11.servimg.com/u/f11/16/47/45/04/auto_q10.png
ou incliné 
Code:
https://i11.servimg.com/u/f11/16/47/45/04/auto_q11.png

si possible en bas centré avec lien sur accueil, déposé ceci (j'ai l'image en grand pour l'adapter au bas si il faut je réduit avec Photoshop ou PaintShop-pros
Code:
https://i11.servimg.com/u/f11/16/47/45/04/quad_s10.png


Dernière édition par Quad Daniel le Ven 21 Juil 2017 - 20:16, édité 2 fois

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 15:50
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Dan,

hum tu en demandes beaucoup dit donc ....
Hum il faudra une image pour mettre sur l'éditeur qui au clic affichera directement le tag de présentation , cette image davra avoir une taille de 16px sur 16px.

Ensuite il ne faut pas trop surcharger ce tag car d'une part, les membres regardent que partiellement ce module et ensuite le code html est très restreint sur le contenu.

Donc je vais te créer cela en mettant vraiment l’essentiel Dan clin oeil .

Je te donnerais le script et la c.s.s associée et il ne faudra en aucune façon modifier
quoi que ce soit, il te suffira de me dire ce qui ne va pas et je t'expliquerais tout de fond en comble impeccable

As tu le premier message toujours affiché dans ton P.A stp ?



-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 Ven 21 Juil 2017 - 17:51
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
image  pour mettre sur l'éditeur 
Code:
https://i11.servimg.com/u/f11/16/47/45/04/icon_p10.png

tu a dit a écrit:As tu le premier message toujours affiché dans ton P.A stp ?
je ne comprend pas quel message PA ?





5 possibilité, moi j'aime bien le 1 (même la 1 avec l'image info) en premier ou le 3


(1)

(2)

ou 
(3)

ou
(4)

ou
(5)



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

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

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


lien Aide :
Code:
https://www.quadsalvetain.com/t2112-aide-info-forum#20939

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 20:06
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
c'est pas plus simple pour toi de créer un code html (que je copier coller)et que je stock dans mes sauvegarde admin sur forum ?

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 20:14
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Pour le premier message Dan:
Général/Messages et Emails/Configuration/Messages


Toujours afficher le 1er message dans les sujets: cocher oui

Ensuite la structure est déjà faite Dan et je ne vais me repastiller tout ,
arrêtes de vouloir modifier en permanence car j'en perd mon latin mdr .

En gros cela ressemblera à ceci, ensuite tous les liens seront modifiés.
Le code sera a placer dans le script ou tu as déjà des boutons sur l'éditeur.




Le pseudo du membre sous le logo avec la même couleur et avec une police s'en rapprochant.

C'est une structure fragile est on ne met des trucs comme un vulgaire texte Dan,
ensuite , il ne faut pas trop charger d'image comme tu le faire, c'est un peu démodé désormais et mettre des caractères fluides.

On pourra apporter des modifications mais ce sera vraiment très limité 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 Ven 21 Juil 2017 - 20:25
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
je panser que une image a gauche était mieux pour toi ! supprimer les lien et tu avez juste une image avec un lien!
par-contre je souhaite que ceci soit utilisé que par les staff si possible ?
on est obligé de mettre le pseudo ? cela modifie l'image au dessus et plus centré
bien pour le texte  super

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 20:30
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:Pour le premier message Dan:
Général/Messages et Emails/Configuration/Messages

Toujours afficher le 1er message dans les sujets: cocher oui

était dejas sur oui

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Ven 21 Juil 2017 - 20:37
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
on ne peut pas supprimer l'écriture du pseudonyme qui déforme tous et mettre une image simple déco comme mon petit quad incliné.?  pasvuT

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 6:11
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,
par-contre je souhaite que ceci soit utilisé que par les staff si possible ?
Effectué

on est obligé de mettre le pseudo ? cela modifie l'image au dessus et plus centré

C'était ton souhait au départ et l'endroit indiqué ne pouvait contenir ce dernier

on ne peut pas supprimer l'écriture du pseudonyme qui déforme tous et mettre une image simple déco comme mon petit quad incliné.?

Purée Dan, je me démène pour te donner un truc de grande qualité et tu ne prends même pas en compte les conseils donnés précédemment.





-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 Sam 22 Juil 2017 - 6:44
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour l'ami, si j'ai vu tes écrit, mais je ne connais pas ce que tu peut modifier ou pas ?
 nous nous somme pas compris. désolé marreordi

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 7:02
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Alors, on peut ajouter des liens sans problème Dan,
ensuite il faut impérativement avoir un contenu définitif sans image car elles sont de très mauvaises qualités Dan (sans vouloir te vexer) et l'affichage peut être long suivant l'attente de l'hébergeur...
Actuellement j'ai ceci:



On peut ajouter des liens à droite car j'ai supprimé les sauts de ligne contrairement à la colonne de gauche .

Que dois je ajouter car avec tous les messages que tu postes je suis paumé 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 Sam 22 Juil 2017 - 7:18
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
j'ai écouté ton conseil, idée et je pense que tu as raison faut pas trop en mettre, donc si tu veux, tu peux remettre les espaces à droite pour l' esthétique pour ré-agrandir le carré vert , fais au mieux, je te fais confiance, si tu peux réduire à peine le pseudonyme ! pour le reste, ça me va.

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 8:06
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oki Dan,
donc rien a ajouter mon ami ?



-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 Sam 22 Juil 2017 - 8:38
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
non, merci Phil  transpir

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 8:43
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Oki Dan,
il va me falloir le script que tu as pour les ajouts des boutons sur l'éditeur car je vais incorporer celui du tag clin oeil

Si ce script n'a pas été modifié par tes soins, remplaces tout le contenu par celui-ci:
Code:
//LES AUTORISATIONS POUR LA DIV 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://i11.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;">Bienvenu sur les forums 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"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Nouveau membre</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://i58.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://i58.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="Problème est il résolu"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">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="Double post"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Double 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="Toujours d\'actualité"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">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="Cocher résolu"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Cocher résolu</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"><div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Sans nouvelle de l\'auteur</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://i58.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://i58.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://i58.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">
<div unselectable="on"style="background-image:url(https://i58.servimg.com/u/f58/16/47/45/04/premiu10.png);">Veuillez éditer</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="Ne pas citer">
<div unselectable="on"style="background-image:url(https://i58.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://i58.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://i58.servimg.com/u/f58/16/47/45/04/premiu10.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://i58.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://i58.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  <img src="https://i58.servimg.com/u/f58/19/71/22/79/bouton10.gif"title="Aide"/></a>                                                               
</div>
</td>
</tr></tbody></table>');
        });
 
 })});





  });

La partie ajoutée se trouve en début de script ici:
Code:
  $(function(){ $(function(){
    $('<a class="sceditor-button" unselectable="on"title="Tag présentation"><div unselectable="on"style="background-image:url(https://i11.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;">Bienvenu sur les forums 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;">◊&nbsp;</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>');
        });})});


Ce script dans la partie html a été commenté afin que tu puisses te repérer Dan.
Tous les liens sont pourvus de balises title (infobulles) , il faudra peut être modifier le contenu en preant soin de bien mettre
une barre oblique si tu déposes des apostrophes comme ici:

Code:
 target="_blank"title="Livre d\'or QS">Livre d\'or</a><br />

Ensuite pour afficher le pseudo du membre, on va crée un autre script:

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur les sujets

Déposes ceci:
Code:

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

Penses a cliquer sur le bouton Valider



Puis le style Dan

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

Ajoutes ceci :
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;
    float: right;
    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*/


Penses à valider les modifications en cliquant sur le bouton Valider




-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 Sam 22 Juil 2017 - 9:28
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
j'ai celui là : 
Code:
[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>');
            });
            })});

// FIN SCRIPT CONCERNANT Boutons Editeur sujet et réponse rapide (Voté,top site, faq & règlement)[/code]

ou
j'ai celui-là 

Code:
// SCRIPT BOUTONS STAFF 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="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 AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 9:37
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Ok alors remplaces le deuxième par tout ce contenu Dan:
Code:

// SCRIPT BOUTONS STAFF 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://i11.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;">Bienvenu sur les forums 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 AVERTISSEMENT AUTORISATIONS AJOUTEE A L EDITEUR



-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 Sam 22 Juil 2017 - 9:50
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
Excuse je suis pas rapide, j'essais de ne pas faire de betises

ok j'ai rajouter ça dans: ( JavaScript (Sur toutes les pages)

ccs ok fait aussi 

par-contre j'ai plus trop de place pour les nouveaux JS "j'essaye donc de regroupé
Code:

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

j'ai placer ça dans Javascript (Sur les sujets) avec d'autres


Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 10:29
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
j'ai un petit souci ; manque un cadre vert,
et j'ai un espace a droite

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 11:57
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je viens de modifier le script car une class merci était tronqué avec un autre script Dan.
Je viens de mettre en place tout cela 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 Sam 22 Juil 2017 - 12:18
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
le nom tronqué veut dire défectueux (mauvais script ) je suppose ?

par-contre j'ai toujours le petit décalage du cadre vert sur la droite comme indiqué au dessus avec flèche orange?

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Sam 22 Juil 2017 - 15:51
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Non, tu avais un script qui remplacé la class merci par une image.

Pour remédier au décalage recherches cette class Dan:
Code:
.lien.tutoriel

et supprimes ceci:
Code:
float:right;



-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 Sam 22 Juil 2017 - 21:03
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
désolé tu va panser que je suis nul, mais je ne trouve pas ? "sur toute les pages" Rien ?

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Dim 23 Juil 2017 - 7:46
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Dan,

c'est dans ta feuille de style clin oeil :

Affichage/Images et Couleurs/Couleurs/Feuille de style



-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 Dim 23 Juil 2017 - 9:12
Quad Daniel
avatar
Membre

MessageQuad Daniel

  • 16px
  • 24px
  • Zoom
bonjour phil
Oui, j'ai commencé par cela hier , mais ne l'avais pas vu !
pourtant, j'ai lu au moins 7 ou 8 fois, comme me dit ma femme, des fois c'est mieux d'y revenir.
la ce matin 3mn après je suis tombé dessus  
bon un peut,beaucoup avec ton aide, ptderire  disons que je me suis concentré que sur css  pasvuT

bon là tout semble bien, dernière petite chose,
que doit on faire pour grossir d'un soupçon:
"Bienvenu sur les forums de quad-salvetain"


Juste une Question: 
Es normale d'avoir quand un staff clique par erreur une deuxième fois avec le tag présentation.
le pseudonyme qui n'apparaît pas ?

Re: *RESOLU* Plusieurs liens dans image

Sujet résolu le Dim 23 Juil 2017 - 19:07
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Dan,
alors pour grossir le texte recherches ce code html:

Code:

<span style="color:#fff;">Bienvenu sur les forums de quad-salvetain</span>

Tu vois la balise span ayant un style, il faut ajouter la taille de police comme ceci:

Code:

<span style="color:#fff;font-size:13px;">Bienvenu sur les forums de quad-salvetain
</span>

Par contre sur les messages l'effet sera effectif lors du prochain tag.

Ensuite je viens de voir effectivement que le tag ne fonction qu'une seule fois
sur le Pseudo.

Je regarde çà 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 Dim 23 Juil 2017 - 19:12
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Supprimes ce script Dan:

Code:

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

remplaces le par celui-ci:
Code:
$(function(){
var M14_memberPoSt=$('.postbody-head').first().find('p.author a[href^="/u"]').text();
$('.cadre.milieu center span').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 Dim 23 Juil 2017 - 20:23
Quad Daniel
avatar
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

Page 1 sur 2 1, 2  Suivant

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