It is currently Wed 10 Feb 2010 - 08:44 - créer un forum

[Tuto] Message d'entête spécial façon machine à écrire

Skip to content

Post new topic Reply to topic Goto page: 1, 2, 3, 4  >

[Tuto] Message d'entête spécial façon machine à écrire
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Sat 8 Nov 2008 - 14:06    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote



Informations




Informations sur le tutoriel
NomBloc affichage message spécial
Auteur
By Formulaire Contact ICI
VersionVersion 1.0
Description
Avec ce petit tuto, vous allez pouvoir mettre un message un peu spécial par son affichage et sons curseur actif
ExempleRegardez 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)
  • Aucun connu


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
    • Submarine et phpBB


A utiliser avec
  • Inconnu !

A ne pas utiliser avec
  • Inconnu !

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">&nbsp;</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">&nbsp;</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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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
Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652
Moyenne: 1.20
Firefox Mac

PostPosted: Sat 8 Nov 2008 - 14:08    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

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
_______________________


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Sat 8 Nov 2008 - 15:03    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

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.
_______________________

[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 |


Forum
Author Message
Arlem2
Membre


Offline
Membre

Joined: 26 Jun 2006
Posts: 5,359
Point(s): 4,840
Moyenne: 0.90
Opera Linux Gémeaux (21mai-20juin) 猴 Singe

PostPosted: Sat 8 Nov 2008 - 16:03    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Salut,

Sous Internet Explorer 7, je ne vois qu'un bloc gris.
_______________________


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Sat 8 Nov 2008 - 16:10    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Salut Arlem2
Installe et/ou met a jour ton java ICI Wink
Sous Internet Explorer cela fonctionne bien.
En image ICI

Infos+ :
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
_______________________

[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 Sat 8 Nov 2008 - 16:14; edited 1 time in total
Forum
Author Message
Yskander
Administrateur du forum


Offline
Administrateur du forum

Joined: 26 Jan 2008
Posts: 20,594
Point(s): 19,367
Moyenne: 0.94

PostPosted: Sat 8 Nov 2008 - 16:14    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Marche sous
- Ie 8
- Safari
- Kméléon
- Opéra
- Google Chrome


et Flock même si tout le monde s'en moque de celui là snif
_______________________
Yskander - Administrateur du forum de support Xooit.com

Support Technique - Nous ne fournissons aucune assistance par MP ou Mail.
Site | Forum | AnnuPlus | Etat du réseau | Forum de tests
Mes tutos | Top Sites Itinérien | Votre pub | Ma collection d'add-ons Firefox


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652
Moyenne: 1.20
Firefox Mac

PostPosted: Sat 8 Nov 2008 - 16:48    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

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
_______________________


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Sat 8 Nov 2008 - 20:15    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Sa ne suffit pas ? :
Quote:
un peu spécial par son affichage et sons curseur actif

_______________________

[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 |


Forum
Author Message
Arlem2
Membre


Offline
Membre

Joined: 26 Jun 2006
Posts: 5,359
Point(s): 4,840
Moyenne: 0.90
Opera Linux Gémeaux (21mai-20juin) 猴 Singe

PostPosted: Sun 9 Nov 2008 - 20:44    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

@Sploutch, ah oui, excuse moi je pensais être à jour...
_______________________


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Sun 9 Nov 2008 - 20:57    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Mais de rien aucun problème Arlem2, d'ailleurs je suis sur que cela servira a d'autre a un moment ...
J'ai du coup éditer et mis ces informations dans mon tuto Mr. Green
_______________________

[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 |


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Fri 24 Jul 2009 - 14:12    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Remise à jour.
Info:
Après test, il semblerait que l'image en fond ne s'affiche pas correctement.
Ne pas tenir conte de cette option et fonction dans le tutoriel, pour le moment du moins.
Merci.
_______________________

[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 |


Forum
Author Message
dref
Membre


Offline
Membre

Joined: 13 May 2007
Posts: 20
Niveau:
Point(s): 14
Moyenne: 0.70
Firefox Windows XP (ou plus ancien) Masculin

PostPosted: Wed 5 Aug 2009 - 21:06    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Salut,

Comment fais on pour centrer tout ça ?


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 57,289
Point(s): 68,652
Moyenne: 1.20
Firefox Mac

PostPosted: Thu 6 Aug 2009 - 10:19    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

bonjour

dans le code ici
Code: Sélectionner - Agrandir

<table width="50%" cellspacing="1" cellpadding="2" border="0" class="forumline">

mets comme ça

<table width="50%" cellspacing="1" cellpadding="2" border="0" class="forumline" align="center">

_______________________


Forum
Author Message
Sploutch
Membre


Offline
Membre

Joined: 02 Jan 2006
Posts: 2,800
Niveau:
Point(s): 3,330
Moyenne: 1.19
Masculin

PostPosted: Thu 6 Aug 2009 - 14:35    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Bonjour,
dref wrote:
Salut,

Comment fais on pour centrer tout ça ?

Tu veux dire quoi par centrer tout ça ?
Centrer le bloc complet sur ta page ?
Si c'est cela utilise les balises :
Code: Sélectionner - Agrandir
<center>LE CODE DE TON BLOC ICI</center>

Si c'est pour aligner le texte qui s'affiche, il ne me semble pas que cela soit possible...
De plus inutile d'utiliser la méthode donné ci-dessus, sa ne fonctionnera pas !
(D'où l'importance de faire un/des essai(s) avant de donner une/des solution(s) )

Pourrais-tu donner un lien vers ton forum.
_______________________

[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 |


Forum
Author Message
LeBiDuL
Membre


Offline
Membre

Joined: 06 Aug 2009
Posts: 8
Niveau:
Point(s): 7
Moyenne: 0.88
Firefox Windows Vista ou Seven Masculin Cancer (21juin-23juil)

PostPosted: Tue 11 Aug 2009 - 16:47    Post subject: [Tuto] Message d'entête spécial façon machine à écrire Reply with quote

Bonjour Wink

Installation  sans problèmes sur mon forum 
Execellent  tuto

Fonctionne sous vista ultimate  et mozilla version 3  sans soucis


Forum
Display posts from previous:   
Reply to topic Page 1 of 4 Goto page: 1, 2, 3, 4  >




Portal | Index | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Powered by phpBB © 2006 - 2009 phpBB Group |
 
© 2003-2009 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401