|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19 
|
|
 Posted: Wed 26 Nov 2008 - 22:15   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
  |
|
Listing tuto de Sploutch
| Recherche rapide de Sploutch
| By Sploutch ©  |
|---|
Â
Informations
| Informations sur le tutoriel |
|---|
| Nom | Ligne d' icônes dans la composition d'un message. | | Auteur | By  Fiche Contact ICI | | Version | Version 1.0 | | Description |
Avec ce tutoriel, vous allez pouvoir mettre un emplacement juste au dessus des icônes de sujet déjà présent(quand activé via le panneau d'administration) lors de la composition d'un message, pour y mettre en plus des icônes qui peuvent être réservé aux administrateurs/modérateurs quand ils postent un/des message(s).
| | Exemple | Regardez la capture d'écran (encadré en rouge) ICI Ou encore sur cette page test ICI | | Défaut(s) |
- Quand on coche l'image, cela ouvre 2 pages actuellement.
- J'ai du louper quelque(s) chose(s) ... (en recherche pour rectification)
| | Difficulté |
- Installation: novice/initié
- Compréhension: novice
| | Templates à modifier |
| | Testé sur |
- Navigateurs
- Firefox - Internet Explorer
- Thèmes Xooit
| | A utiliser avec |
[Tuto] Bloc horizontal, retour sous-forum
| | A ne pas utiliser avec |
| | Notes |
-
Amélioration prochaine pour obtenir directement l'url de(s) l'image(s) dans un module. (Fait ! )
- Je vous recommande la Variante, qui reste plus construite et mieux, car vous avez une nouvelle page qui s'affiche, avec dedans un module contenant le lien url de l'image (celle qui à été sélectionné) et les balises sont comprise dedans !
- Exemple ICI
- Je vous invite à lire entièrement le tutoriel, avant de vous lancez.
|
Installation
Il est conseillé d'effectuer une sauvegarde avant de réaliser ce tutoriel. Pour cela, cliquez sur le champs de texte et appuyez sur Ctrl+A et Ctrl+C. Ouvrez votre éditeur de texte préféré et faites Ctrl+V.
Ouvrez Posting_body.tpl
Cherchez (ou ressemblent selon le(s) thème(s) ):
- Code: Sélectionner - Agrandir
<!-- END switch_privmsg -->  <tr>    <td width="294" height="86" class="row1"><span class="gen"><b>{L_SUBJECT}</b></span></td>    <td class="row2" width="1065"> <p class="gen">      <input type="text" name="subject" size="45" maxlength="60" style="width:450px" tabindex="2" class="post" value="{SUBJECT}" />       </p>
Juste après :
- Code: Sélectionner - Agrandir
value="{SUBJECT}"Â />
      </p>
Faite un retour à la ligne puis ajoutez :
- Code: Sélectionner - Agrandir
<p class="gen"><br /></p></td></tr></tbody><tbody><tr> <th height="1" align="left" valign="middle" colspan="3" class="thHead"> <span class="thHead Style1"> <blink> Icônes réservé</blink> aux modérateurs </span></th> </tr> <tr> <td class="row1" align="center"> <div align="left"><strong>Staff</strong><br /> </div></td><td height="10" width="750" class="row1"> <table height="25" cellspacing="0" cellpadding="2" align="left" width="349" class="gen"> <tbody><tr> <td height="23" width="331" valign="top"><span class="gen"><a title="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" target="_blank" href="http://aubonendroit.com.xooit.com/portal.php?pid=48"><input type="radio" value="1" name="IconeAdmi" /></a> <img border="0" src="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" /> <a title="http://img49.xooimage.com/files/3/7/c/infoicon-87764c.gif" target="_blank" href="http://img49.xooimage.com/files/3/7/c/infoicon-87764c.gif"><input type="radio" checked="false" value="1" name="IconeAdmi" /></a> <img border="0" src="http://img49.xooimage.com/files/3/7/c/infoicon-87764c.gif" /> <a title="http://img43.xooimage.com/files/2/e/0/fermsr7-8776f6.png" target="_blank" href="http://img43.xooimage.com/files/2/e/0/fermsr7-8776f6.png"><input type="radio" checked="false" value="1" name="IconeAdmi" /></a> <img border="0" src="http://img43.xooimage.com/files/2/e/0/fermsr7-8776f6.png" /> <a title="http://img1.xooimage.com/files/0/a/8/signalisation-22d5.gif" target="_blank" href="http://img1.xooimage.com/files/0/a/8/signalisation-22d5.gif"><input type="radio" checked="false" value="1" name="IconeAdmi" /></a> <img border="0" src="http://img1.xooimage.com/files/0/a/8/signalisation-22d5.gif" /> <input type="radio" checked="true" value="1" name="IconeAdmi" />Aucun </span></td></tr> </tbody></table> </td> </tr> </tbody></p>
Sauvegardez
 Pour modifier la désignation de la ligne :
Modifier Icônes réservé au Staff dans la ligne suivante :
- Code: Sélectionner - Agrandir
<div align="left"><strong>Icônes réservé au Staff</strong><br>
Bien sur vous devez obligatoirement (sauf si les icones dans ce tutoriel vous convienne) modifier :
Les images existent que j'ai mis !
- Code: Sélectionner - Agrandir
<img border="0" src="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" />
Les liens url de(s) l'image(s) !
(que vous obtenez dans la barre d'adresse, une fois cliqué sur l'une d'elle afin de la mettre dans le message entre les balises
- Code: Sélectionner - Agrandir
[img]URL DE L'IMAGE[/img]
Les liens url de l'info bulles (si vous en changez par des nouvelles) présente au passage de la souris !
- Code: Sélectionner - Agrandir
title="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif">
Si vous souhaitez mettre plus d'icônes que prévu dans le tutoriel, il vous suffit de les ajouter à la suite de celle déjà en place.
A la suite :
- Code: Sélectionner - Agrandir
<a href="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" target="_blank" title="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif"><img border="0" src="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" /><input name="GT" value="1" checked="checked" type="radio"></a>
Ensuite vous devez selon le nombre d'image(s) ajouté, augmenter le chiffre 337 dans cette ligne :
- Code: Sélectionner - Agrandir
<table width="337" height="25" align="left" cellpadding="2" cellspacing="0" class="gen
Afin de mettre vos icônes sur une seul ligne.
Avec cette façon, vous obtenez le lien url de l'image dans la barre d'adresse de votre navigateur.
Voici, une autre façon qui vous ouvrira une page avec votre lien url de l'image et ces balises (BBcode).
Il ne restera plus cas faire un copier/coller du code et le déposer dans votre message.
Exemple ICI
Pour cela, vous devez créer une/des nouvelle(s) page(s) et module(s).
(Autant que d'image que vous allez mettre.)
Soyez organisé, mentionnez vos pages et modules correspondent pour que cela soit facile à retrouver.
Nom de la plage : - Code: Sélectionner - Agrandir
PageUrlImage
Nom du module dans cette page :
- Code: Sélectionner - Agrandir
ModuleUrlImage
Pour les suivants, ajoutez :
Nom de la plage :
- Code: Sélectionner - Agrandir
PageUrlImage1
Nom du module dans cette page :
- Code: Sélectionner - Agrandir
ModuleUrlImage1
Image2, Image3 etc etc pour les autres pages et module, enfin à vous de voir, l'important c'est que vous, vous y retrouviez !
Créer votre/vos module(s)
Via votre panneau administration :
Portail
* Configuration
* Gestion des modules
Là créez un nouveau module et entrez le code suivant :
- Code: Sélectionner - Agrandir
<p align="center"><font size="+1"><br>     <br> Copierle code de l'image : <br>     <textarea name="textfield" cols="40" rows="5">[img]http://img1.xooimage.com/files/0/3/4/new-2a10b.gif" unselectable="on"></textarea>   </p>
Vous devez répéter cette opération autant de fois que vous allez mettre d'icônes.
Il vous faudra bien sur (dans les autres) changer le lien URL de l'icône.
Créer votre/vos nouvelle(s) page(s)
Via votre panneau d'administration :
Portail
* Configuration
* Gestion des modules
* Gérer les pages
Là créez votre nouvelle page et ajouter ensuite le module précédemment crée.
Vous devez répéter cette opération autant de fois que vous allez mettre de module (et autant d'icônes que de module(s) et page(s) ).
Copier/coller le lien de votre nouvelle page.
Du genre :
- Code: Sélectionner - Agrandir
http://aubonendroit.com.xooit.com/portal.php?pid=48
Chaque nouvelle page comportera une nouvelle ID (ici = id=48)
Via votre panneau d'aministration : Portail * Configuration * Gestion des modules * Gérer les pagesUne fois sur la page, rechercher la page que vous avez crée avec par exemple le titre PageUrlImage1Cliquez alors sur le chiffre en face qui se trouve sur la droite. Voir une capture d'écran ICIUne nouvelle page s'affiche, copier/coller le lien dans la barre d'adresse. (vérrifier que le module est bien ajouter et que c'est le(s) bon  )
Une fois le lien de votre/vos nouvelle(s) page(s) et les dits modules avec leurs url d'images respective, vous devez mettre cette url dans le code.
Et cela autant que vous avez d'image et logiquement de page(s) et module(s) correspondent !
Rechercher :
- Code: Sélectionner - Agrandir
<a href="http://aubonendroit.com.xooit.com/portal.php?pid=48" target="_blank" title="http://img1.xooimage.com/files/0/3/4/new-2a10b.gif"><input name="IconeAdmi" value="1" type="radio"></a>
Supprimez et remplacer :
- Code: Sélectionner - Agrandir
http://aubonendroit.com.xooit.com/portal.php?pid=48
et ainsi de suite, pour les autres liens de vos nouvelles pages avec les modules installé dessus et autant de fois que vous avez d'icônes bien sur.
Dans le code initial, il n'y à que le premier icône, qui s'affiche dans une nouvelle page, correspondent donc au second choix, la variante.
Le reste (les 3 autres icônes) sont fait avec la première façon de manière à ce que les deux solutions soit visible par chacun, pour donner un aperçu.[/hide]
Voila en espèrent que je n'ai rien oublié. bonne installation.
Fin du tuto
By Sploutch ©
_______________________
[MOD] Eau | Sploutch-land | Formulaire d'aide aux tutos | Recherche-Net | Aqua-Tim |
Listing my tutos | Radio | Site | Contact | Smileys Fun | Arcades | Proposez un logiciels |
Last edited by Sploutch on Sun 18 Jan 2009 - 21:03; edited 6 times in total
|
|
|
|
 |
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20  
|
|
| Posted: Thu 27 Nov 2008 - 07:56   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
bonjour
très bon tuto
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Thu 27 Nov 2008 - 17:52   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
|
|
|
|
|
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
| Posted: Thu 27 Nov 2008 - 17:58   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
par contre pour les exemple
tu peux faire des images
car on tombe sur une page noir quand on clique
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Thu 27 Nov 2008 - 18:47   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
|
|
|
|
|
|
|
|
Twilight
Offline
|
| Membre |
Joined: 19 Dec 2007
Posts: 177
Niveau: Point(s): 109 Moyenne: 0.62   
|
|
| Posted: Thu 27 Nov 2008 - 19:18   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
Si si, ils marchent en général tes exemples.
Sinon, en effet, bon tutoriel, parfois utile mais a ne pas en abusé pour pas que les images viennent gâcher la page d'envois de message. Et sinon, tu pourrais corriger la vilaine faute qu'est "image reservéES" au modérateur, et non pas "reserver" ... cela fait un peu plus propre, merci.
A la prochaine.
_______________________
<Signature retirée - Maximum : 80 pixels de haut>
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Thu 27 Nov 2008 - 19:31   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
| Twilight wrote: | | Sinon, en effet, bon tutoriel, parfois utile mais a ne pas en abusé pour pas que les images viennent gâcher la page d'envois de message. |
Rien ne risque d'être gâché, (sauf si tu mets des logos mille fois trop gros) vu que le tutoriel ajoute une ligne pour mettre des icônes et que celle-ci s'incorpore automatiquement au(x) thème(s) des forums.
_______________________
[MOD] Eau | Sploutch-land | Formulaire d'aide aux tutos | Recherche-Net | Aqua-Tim |
Listing my tutos | Radio | Site | Contact | Smileys Fun | Arcades | Proposez un logiciels |
|
|
|
|
|
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
| Posted: Fri 28 Nov 2008 - 08:30   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
il mets un texte de copier le code de l'image mais je n'ai pas d'image
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Fri 28 Nov 2008 - 18:55   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
|
|
|
|
|
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
| Posted: Fri 28 Nov 2008 - 19:03   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
non c'est quand je cliques sur un lien d'image que tu donnes
j'ai un message comme quoi je dois copier un codee mais je ne vois pas l'image que tu as mis je n'ai rien
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Fri 28 Nov 2008 - 19:06   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
|
|
|
|
|
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
| Posted: Fri 28 Nov 2008 - 19:07   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
| Sploutch wrote: |
Tu veux dire que
LA et ICI
Et enfin ICI qui correspond a cette image LA tu ne vois rien ?
|
je parle de ça les exemples que tu donnes
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Fri 28 Nov 2008 - 19:15   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
|
|
|
|
|
|
|
|
themalin
Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
| Posted: Fri 28 Nov 2008 - 19:16   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
le premier je vois bien l'image mais pour les trois autres je n'ai rien sauf un texte copier le code de l'image
_______________________
|
|
|
|
|
|
|
|
Sploutch
Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
| Posted: Fri 28 Nov 2008 - 19:20   Post subject: [Tuto] Ligne d' icônes dans la composition d'un message. |
|
|
Et tu ne vois pas le code présent comme ICI sur la capture d'écran ?
Parce que tu ne vois QUE le code justement !
Puisque c'est un module contenant QUE le code de l'image !
Es-tu sur d'avoir bien tout compris la tutoriel et surtout la partie pour la variante avec justement le module ou il y à le code de l'image a copier pour le mettre dans le(s) message(s) ?!
_______________________
[MOD] Eau | Sploutch-land | Formulaire d'aide aux tutos | Recherche-Net | Aqua-Tim |
Listing my tutos | Radio | Site | Contact | Smileys Fun | Arcades | Proposez un logiciels |
|
|
|
|
|
|
|
|
FAQ
Search
Register
