|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Sat 8 Nov 2008 - 14:06   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
Informations
| Informations sur le tutoriel |
|---|
| Nom | Bloc affichage message spécial | | Auteur | By Formulaire Contact ICI | | Version | Version 1.0 | | Description | Avec ce petit tuto, vous allez pouvoir mettre un message un peu spécial par son affichage et sons curseur actif | | Exemple | Regardez sur cette page ICI ou alors ICI pour un exemple plus parlent correspondent à un aspect sur un forum.Pensez également a comparer avec la variante... | | Défaut(s) | | | Difficulté | - Installation: novice
- Compréhension: novice
| | Templates à modifier | - Celle de votre choix et selon la ou vous voulez que sa s'affiche !
- dans ce tuto, il s'affiche dans un bloc
- Après vous pouvez le mettre dans Overall_header.tpl par exemple.
| | Testé sur | - Navigateurs
- Firefox - Internet Explorer
- Thèmes Xooit
| | A utiliser avec | | | A ne pas utiliser avec | | | Notes | - Une variante est disponible en exemple ICI avec possibilité de mettre un lien dans le message, une image également, centrer le texte, mettre le texte et les titre de diffèrente couleur, option d'actualisation du message. Voir dernière partie du tutoriel.
| Infos+ :
Installez et/ou mettre à jour java Téléchargement ICI
Java vous permet notamment de jouer en ligne, de discuter avec des personnes dans le monde entier, de calculer les intérêts de votre prêt immobilier ou de visualiser des images en 3D. Java est également intégré aux applications intranet et autres solutions e-business qui sont la base de l'informatique d'entreprise. Aide pour java.
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 le Overall_header.tpl par exemple ou une autre de votre choix
Cherchez
- Code: Sélectionner - Agrandir
L'emplacement ou vous souhaitez que ce bloc s'affiche ! Tout en bas dans Overall_header.tpl par exemple pour un affichage en haut des pages.
Ajoutez
- Code: Sélectionner - Agrandir
<table width="85%" border="0" align="center" cellpadding="2" cellspacing="1" class="forumline"> <tbody><tr> <th valign="middle" height="28" align="center" class="thHead" colspan="3"> <span class="thHead"> TITRE DU BLOC ICI</span></th> </tr> <tr> <td width="6" class="row1"> </td> <td width="906" height="25" class="row1"> <table width="905" cellspacing="0" cellpadding="0" class="forumline"> <tbody><tr> <td width="717" valign="top"> <span class="gen"> <APPLET CODE="datatext.class" codebase="http://www.scriptzone-fr.com/applet/" WIDTH=100% HEIGHT=100 > <PARAM NAME="demicron" VALUE="www.demicron.se"> <PARAM NAME="reg" VALUE="A00009"> <PARAM NAME="sleeptime" VALUE="100"> <PARAM NAME="fontsize" VALUE="14"> <PARAM NAME="displace" VALUE="0"> <PARAM NAME="rerun" VALUE="yes"> <PARAM NAME="sound" VALUE="no"> <PARAM NAME="item0,0" VALUE="Bonjour,"> <PARAM NAME="item0,1" VALUE=""> <PARAM NAME="item0,2" VALUE="Bienvenue sur l'un de mes tutoriels"> <PARAM NAME="item0,3" VALUE="J'espère que celui-ci vous plaira !"> <PARAM NAME="item0,4" VALUE="Le design du bloc s'integre parfaitement au thème de votre forum.">
<PARAM NAME="item1,0" VALUE="(couleurs, aspect etc ...)"> <PARAM NAME="item1,1" VALUE=""> <PARAM NAME="item1,2" VALUE="Prennez bien le temps de lire le tuto "> <PARAM NAME="item1,3" VALUE="¤ De comprendre la procèdure !"> <PARAM NAME="item1,4" VALUE="¤ De voir le résultat final!"> <PARAM NAME="item1,5" VALUE="¤ De savoir ce que vous voulez exactement en faire !"> <PARAM NAME="item1,6" VALUE="etc ..."> <PARAM NAME="item1,7" VALUE="">
<PARAM NAME="item2,0" VALUE="En cas de soucis d'intallation "> <PARAM NAME="item2,1" VALUE="et/ou"> <PARAM NAME="item2,2" VALUE="Problèmes,"> <PARAM NAME="item2,3" VALUE="Posez vous questions à la suite du tuto"> <PARAM NAME="item2,4" VALUE="Merci.">
<PARAM NAME="item3,0" VALUE="Par ailleurs vous pouvez me joindre"> <PARAM NAME="item3,1" VALUE="via ma fiche contact"> <PARAM NAME="item3,2" VALUE=""> <PARAM NAME="item3,3" VALUE=""> <PARAM NAME="item3,4" VALUE="Bonne installation à vous !"> <PARAM NAME="item3,5" VALUE=""> <PARAM NAME="item3,6" VALUE=""> <PARAM NAME="foreground" VALUE="AEAEDF"> <PARAM NAME="background" VALUE="000000"> <PARAM NAME="backgroundimage" VALUE="Inserer image de fond ici"> </APPLET> </span></td> </tr> </tbody></table></td><!-- INFO:*************ATTENTION ne pas modifier a partir de cette ligne, car votre bloc sera déformé et ne s'affichera pas correctement sur votre page ! Pour tout souhait de modification, merci de prendre contact avec moi avant ! ********* --> <td width="65" class="row1"><td onclick="javascript:alert('Validez votre choix et patientez vous allez être redirigé - WEBMASTER : NE PAS MODIFIER LE CODE ! ')"><div align="right"><span class="Style2"><font size="1"></font><a href="http://sploutchsploutch.free.fr" target="_blank"><font size="1">© Sploutch</font></span><img border="0" src="http://img10.xooimage.com/files/0/8/7/goute-12b2ae.gif" /></a></div></td></td> </tr> </tbody></table>
Sauvegardez
Options :
-Pour mettre une image. Ajoutez l'url de l'image dans la ligne suivante :
- Code: Sélectionner - Agrandir
<PARAMÂ NAME="backgroundimage"Â VALUE="INSERERÂ UNEÂ IMAGEÂ DEÂ FONDÂ ICI">
-Pour changer la couleur. Modifier 000000 dans la ligne suivante:
- Code: Sélectionner - Agrandir
<PARAMÂ NAME="background"Â VALUE="000000">
-Pour changer la couleur de la police Modifier : AEAEDF dans la ligne suivante :
- Code: Sélectionner - Agrandir
<PARAMÂ NAME="foreground"Â VALUE="AEAEDF">
-Pour la taille de la police. Modifier 14 dans la ligne suivante :
- Code: Sélectionner - Agrandir
<PARAMÂ NAME="fontsize"Â VALUE="14">
-Ajoutez vos textes aux emplacements désiré et disponible :
- Code: Sélectionner - Agrandir
<PARAMÂ NAME="item3,5"Â VALUE="AJOUTEZÂ VOTREÂ TEXTE"> <PARAMÂ NAME="item3,6"Â VALUE="AJOUTEZÂ VOTREÂ TEXTE">
Et pareil pour les autres item.
- Code: Sélectionner - Agrandir
item0,1 item0,1 item1,7Â etc...
Bien sur modifier le texte existent que j'ai mis par le votre...
################################################################################################################ ################################################################################################################
Variante avec cette autre version plus complète :
- Code: Sélectionner - Agrandir
<body onload="init()"> <table width="85%" border="0" align="center" cellpadding="2" cellspacing="1" class="forumline"> <tbody><tr> <th valign="middle" height="28" align="center" class="thHead" colspan="3"> <font color="red">Message Important</font></th> </tr> <tr> <td width="6" class="row1"> </td>
<td width="906" height="25" class="row1"><div align="center"><a href="javascript:history.go(-1)"><font color=gren>Retour page précèdente ...</font></a> <a href="#" class="Style2" Onclick="javascript:window.history.go(0)"><font color="F5FEFE">Actualiser le message</font></a> <br /> </div> <table width="905" cellspacing="0" cellpadding="0" class="forumline"> <tbody><tr> <td width="717" valign="top"> <div id="bulle"></div> <script language="JavaScript"> var i=0 var j=0 var texteNE, affiche var texte="<center><font color=blue>Voici l'un de mes tutoriels <br>Le design du bloc s'integre parfaitement au thème de votre forum. <br>(couleurs, aspect etc ...) <br>Prennez bien le temps de lire le tuto <br>¤ De comprendre la procèdure ! <br>¤ De voir le résultat final !<br>¤ De savoir ce que vous voulez exactement en faire !<br>etc etc .......<br>En cas de soucis d'intallation et/ou problèmes,<br>Posez vos questions à la suite du tuto !<br>Par ailleurs vous pouvez me joindre<br>via ma fiche contact sur ce lien en cliquent directement dessus : <a href=http://sploutchgratuits.site.voila.fr/Contacts.html target=_blank>Contactez Sploutch</a><br>Bonne installation à vous !<br>Tutoriel By sploutch<br> <img src=http://img28.xooimage.com/files/c/e/7/e-17cf09e.jpg></font></center>" var ie = (document.all); var ne = (document.layers); function init(){ texteNE=''; machine_a_ecrire(); } function machine_a_ecrire(){ texteNE=texteNE+texte.charAt(i) affiche='<font face=verdana size=1 color=black><strong>'+texteNE+'</strong></font>' if (texte.charAt(i)=="<") { j=1 } if (texte.charAt(i)==">") { j=0 } if (j==0) { if (document.getElementById) { // avec internet explorer document.getElementById("bulle").innerHTML = affiche; } } if (i<texte.length-1){ i++ setTimeout("machine_a_ecrire()",100) } else return } </script></td>
</tr> </tbody></table></td><!-- INFO:*************ATTENTION ne pas modifier a partir de cette ligne, car votre bloc sera déformé et ne s'affichera pas correctement sur votre page ! Pour tout souhait de modification, merci de prendre contact avec moi avant ! ********* --> <td width="65" class="row1"><td onclick="javascript:alert('Validez votre choix et patientez vous allez être redirigé - WEBMASTER : NE PAS MODIFIER LE CODE ! ')"><div align="right"><span class="Style2"><font size="1"></font><a href="http://sploutchsploutch.free.fr" target="_blank"><font size="1">© Sploutch</font></span><img border="0" src="http://img10.xooimage.com/files/0/8/7/goute-12b2ae.gif" /></a></div></td></td> </tr> </tbody></table>
Lors du support mentionnez bien quel code vous utilisé Pour les modifications de cette dernière je les fais a la suite et au fur et à mesure des demandes.
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 Tue 26 Jan 2010 - 14:58; edited 16 times in total
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Sat 8 Nov 2008 - 14:08   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
bonjour
sympa le message en effet
par contre tu devrais indiquer dans la description du tuto ce que ça fait exactement car si on ne voit pas les exemple on ne comprends pas trop _______________________
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Sat 8 Nov 2008 - 15:03   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
|
|
|
|
 |
|
|
|
Arlem2
|
Posted: Sat 8 Nov 2008 - 16:03   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
Salut,
Sous Internet Explorer 7, je ne vois qu'un bloc gris. _______________________
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
|
|
|
 |
|
|
|
Yskander
 Offline
|
| Administrateur du forum |
Joined: 26 Jan 2008
Posts: 20,594
Point(s): 19,367 Moyenne: 0.94
|
|
Posted: Sat 8 Nov 2008 - 16:14   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
Posted: Sat 8 Nov 2008 - 16:48   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
| Sploutch wrote: | Merci, Oui peut-être, mais en même temps cela reste assez complexe à expliquer, d'où le fait que j'ai mis deux exemples avec un aspect différent.
| en effet mais tu peux indiquer ce que comment ça s'affiche par exemple pour mieux comprendre _______________________
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Sat 8 Nov 2008 - 20:15   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
|
|
|
|
 |
|
|
|
Arlem2
|
Posted: Sun 9 Nov 2008 - 20:44   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
@Sploutch, ah oui, excuse moi je pensais être à jour... _______________________
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Sun 9 Nov 2008 - 20:57   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
Posted: Fri 24 Jul 2009 - 14:12   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
|
|
|
|
 |
|
|
|
dref
 Offline
|
| Membre |
Joined: 13 May 2007
Posts: 20
Niveau: Point(s): 14 Moyenne: 0.70
|
|
|
|
|
 |
|
|
|
themalin
 Offline
|
| Membre |
Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652 Moyenne: 1.20
|
|
|
|
|
 |
|
|
|
Sploutch
 Offline
|
| Membre |
Joined: 02 Jan 2006
Posts: 2,800
Niveau: Point(s): 3,330 Moyenne: 1.19
|
|
|
|
|
 |
|
|
|
LeBiDuL
Offline
|
| Membre |
Joined: 06 Aug 2009
Posts: 8
Niveau: Point(s): 7 Moyenne: 0.88
|
|
Posted: Tue 11 Aug 2009 - 16:47   Post subject: [Tuto] Message d'entête spécial façon machine à écrire |
 |
|
Bonjour 
Installation sans problèmes sur mon forum Execellent tuto
Fonctionne sous vista ultimate et mozilla version 3 sans soucis
|
|
|
|
 |
|
|
|