|
| Abraxas | | GroDemon - 200% optimiste | | Moderateur AlloForum |  |  | | 200 messages postés |
|  Posté le 17-11-2006 à 15:14:20    
| Bonjour,
J’ai passé pas mal de temps à configurer mon pied de page et j’ai appris pas mal de trucs et astuces que j’aimerais vous faire partager.
Voici donc, quelques conseils pour la réalisation de vos pieds de page :
Rajouter une barre défilante sur le coté:
Rajouter en début de code la balise suivante:
<body scroll="yes">
Ca ne marche que sous internet explorer…
A la fin mettez la balise </body>
Ca c'est sacrément utile si le contenu de votre pied de page est plus grand que 200 pixels (limitation d'alloforum)
Faire un fond "transparent"
Rajouter en début de code la balise
<body style="background-color:transparent">
A la fin mettre la balise </body>
Utiliser la feuille de style de votre forum
<link rel="stylesheet" href="http://images.alloforum.com/styles/ ID .css" type="text/css" />
Si vous rajoutez cette ligne vous accèderez à la feuille de style de votre forum… ce qui signifie que le fond de votre forum s’affichera dans le pied de page… Vous pouvez aussi utiliser les spécificités de votre forum par exemple pour mettre un titre dans une cellule dans le même style que vos titres de groupe rajouté ceci…
<td class="td15">
Pour le texte des groupes il faut mettre la balise
<span class="p19">
Voici un exemple mettant dans la première ligne de votre tableau un titre de groupe avec une icône et un texte s’affichant quand vous passez la souris sur l’icône tout ça dans le style de votre forum ainsi qu’une liste des derniers messages postés sur votre forum
<link rel="stylesheet" href="http://images.alloforum.com/styles/ ID .css" type="text/css" />
<table width="100%" border="0" cellspacing="0">
<tr>
<td class="td15"align=center>
<img src=" http://img.espacesite.com/631783brief.gif" alt="Les 10 derniers messages du forum" style="vertical-align:middle" />
<span class="p19"> </span>
<span class="p19">Derniers messages</span>
</td>
</tr>
<tr>
<td class="td10" align=right valign=top>
<script type="text/javascript">
var lien = "#000080;font-size:9px";
var bordure = '#000000';
var fond = "#f7f7f7;border-style: none;";
var police = "#000000;font-size:9px";
</script>
<script type="text/javascript" src="http://www.alloforum.com/derniers/ hote .js">
</script>
</td>
</tr>
</table>
L’utilisation de la feuille de style est sacrèment utile car ainsi si vous modifiez votre forum dans la zone d’administration vous modifierez directement votre pied de page…
Que mettre dans son pied de page…
Il y a plusieurs choses que vous pouvez mettre dans votre pied de page et qui peuvent se révéler sacrèment utiles pour vos visiteurs.
Les derniers messages du forum (voir plus haut)…
Un mini chat..
Pour insérer un minichat vous devez vous inscrire sur un des sites suivants : i-chat, webdiz, cbox (il en existe d’autres) vous pouvez aussi telecharger des codes de minichat si vous voulez l’héberger vous-même sur votre site…
La plupart des minichats sont accesibles au moyen de javascript.
Voici un exemple de mise en page
<link rel="stylesheet" href="http://images.alloforum.com/styles/ ID .css" type="text/css" />
<table width="100%" border="0" cellspacing="0">
<tr>
<td class="td15" align=center >
<img src="http://img.espacesite.com/1086594chat.gif" alt="Venez discuter sur le Mini Chat" style="vertical-align:middle" />
<span class="p19"> </span>
<span class="p19">Mini Chat </span>
</td>
</tr>
<tr>
<td class="td10" align=center valign=top>
<script language="Javascript" src=http://www.webdiz.com/services/membres/shootbox/script/shootbox2.php?id= ID &largeur=370&hauteur=115>
</script>
</td>
</tr>
<table width="100%" border="0" cellspacing="0">
<tr>
Un service d’actualité
Certains sites vous proposent d’accèder aux dernières actualités à l’aide d’un javascript… voici un exemple avec futura science
<table width="100%" border="0" cellspacing="0">
<tr>
<td class="td15" align=center >
<img src="http://img.espacesite.com/555303actu.gif" alt="Les actualités avec Futura Sciences" style="vertical-align:middle" />
<span class="p19"> </span>
<span class="p19">Actualités </span>
</td>
</tr>
<tr>
<td class="td10" align=left valign=top width=280>
<span class="p2">
<script language="javascript" src="http://www.futura-sciences.com/console.php3?type=noframe&nb= 5 "></script>
</span>
</td>
</tr>
</table>
Un autre site proposant des nouvelles écologiques "planete info" dont voici le code :
<td align=left valign=top>
<font size="1">
<script type="text/javascript" src=http://www.notre-planete.info/news/news3.js ></script>
</font>
</td>
Il existe aussi de nombreux flux RSS d’info, mais je ne sais pas comment faire pour les inclure dans une pages web… (si quelqu’un a plus d’infos)
Une bannière de pub…
Rien de plus simple il suffit de remplacer les adresses d'image et de site par ce que vous voulez…
Un exemple avec le site de Nicolas Hulot
<td align=center valign=middle >
<a href=" http://www.fondation-nicolas-hulot.org" target="_blank">
<img src="http://img.espacesite.com/576334logo_nicolas_hulot.gif" border="0" alt="Signez le pacte écologique : Pour qu’en 2007 l’écologie ne soit pas qu’une creuse promesse électoral ">
Un bouton pour uploader une image…
Même principe que pour une bannière voici un exemple (voir le post du démon sur comment uploader une image pour plus d’info.)
<td align=center valign=middle >
<a href="http://www.espacesite.com/"target="_blank">
<img src="http://adressesdevotrebouton.com/bouton.gif" border="0" alt="Uploader une image sur espacesite">
</td>
Vous pouvez utiliser aussi un script pour que les utilisateurs upload directement de leur site vers imageshack. Ici un exemple avec fond transparent :
<BODY STYLE="background-color:transparent">
<center>
<form action="http://imageshack.us/index.php" method="post" enctype="multipart/form-data" target="_blank">
<span style="font-family:verdana, arial, sans-serif;color: #111111;font-size:0.8em">Hébergement d'images : <a
href="http://imageshack.us/" target="_blank">ImageShack</a> - <a
href="http://reg.imageshack.us/content.php?page=rules" target="_blank">Conditions d'utilisation</a><br />
<input type="hidden" name="MAX_FILE_SIZE" value="1048576">
<input type="hidden" name="aff" value="basdepage.alloforum.com">
<input type="hidden" name="type" value="blank">
<input type="file" class="textfield" name="fileupload" size="30"><br />
<input type="submit" value="Uploader l'image"><br />
Patientez pendant le téléchargement</span><br />
</form>
</center>
</body>
Divers
Vous pouvez mettre aussi divers javascripts tel qu’un service mettant une citation du jour, un saint du jour, un diction du jour, la position de la lune, les éphémérides…etc…etc..
Voici deux sites qui proposent des scripts prêts à l’emploi
http://www.evene.fr/webmaster/
http://www.astroo.com/astrologie_script_gratuit.php
Musique
Pour mettre de la musique rien de mieux qu'un radio blog… vous pourrez ensuite l’intégrer dans votre pied de page car c’est un objet flash
Personnellement je trouve qu’il est intutile de mettre de la musique dans votre pied de page… mais c’est vous qui voyez…
Grüß
Abra
Note: les indications en rouge sont les choses que vous devez modifier (sauf pour l'actu de futura sciences, cela correspond au nombre de messages que vous voulez afficher)
PS: Si vous voulez avoir un apperçu de ce que tout ça peut donner, vous pouvez allez faire un tour sur mon forum...
--------------------
Carita bene ordonata incipit a se met ipso
http://abrasax.alloforum.com/ |
|
| TiDemon | | Moderateur AlloForum | |  | | 3635 messages postés |
| Posté le 18-11-2006 à 12:57:16
| Absolument excellent, Abraxas, toutes mes plus sincères félicitations ! 
(je me suis permis d'éditer ton message et d'y corriger quelques fautes d'orthographe, pas pu résister...  )
--------------------
 |
|
| Posté le 19-11-2006 à 10:35:27
| Merci Abraxas ! Merci beaucoup ! 
|
|
| Mlle Bulle | | Membre |  | | 28 messages postés |
| Posté le 20-11-2006 à 19:57:06
| BravOoO !!!! 
C'est trop gentil à toi ! ^^
Merci pour ses infos !
@ bientôt !
--------------------
 |
|
| Abraxas | | GroDemon - 200% optimiste | | Moderateur AlloForum | | | | 200 messages postés |
| Posté le 08-12-2006 à 12:37:26
| Bonjour,
Rajouter des flux RSS sur son pied de pages
J’ai trouvé un site qui permet grâce a un petit javascript de mettre des flux RSS en ligne. Ce site possède un annuaire très complet de différents flux RSS. Normalement on peut rajouter un flux en le soumettant dans l’annuaire, mais cette fonction est pour le moment désactivé. En théorie donc, chacun pourrait mettre le flux rss de son site en le référençant dans l’annuaire de pretty rss.
http://pretty-rss.snyke.com/
Voici a titre d’exemple le code pour avoir les dernière actualité du monde sur son pied de page…
<script charset="ISO-8859-1" type="text/javascript" src="http://pretty-rss.snyke.com/rss_feeds_css/67a3fd67be69bbdd0cb138478769422d.darkblue.js"></script>
Sur le site de pretty rss on peut choisir différent style d’affichage. Les étapes sont donc simple, on commence par choisir un flux rss dans l’annuaire, on clique sur „get it“ on choisit le style de l’affichage et le code javascript se génère automatiquement il n’y a plus qu’a faire un copier/coller…
Sur le site http://www.lamoooche.com ,on a le même principe, mais les scripts sont beaucoup plus paramétrable (incluant une feuille css paramétrable !!!). Les paramétrages s’adressent déjà à des utilisateurs avertis. L’avantage de lamooche c’est qu’on peut rajouter son flux…(j’ai fait un test avec celui de TAO, mais il faut attendre la validation).
Grüß
Abra
|
|
| Tao | | Moderateur AlloForum | |  | | 1805 messages postés |
| Posté le 08-12-2006 à 17:51:26
| Bravo Abraxas!
--------------------
id 2351 
On vit avec le cœur plein dans un monde vide.
[Chateaubriand] |
|
| kaedes | | Membre Habitué(e) |  |  | | 540 messages postés |
| Posté le 09-12-2006 à 08:51:52
| c'est vraiment excellent!!! merci à toi abraxas!!
--------------------
 |
|
| Anon | | (ou mini tidemon) | | Membre | | 12 messages postés |
| Posté le 09-12-2006 à 10:16:52
| Génial merci abraxas
--------------------
|
|
| Abraxas | | GroDemon - 200% optimiste | | Moderateur AlloForum | | | | 200 messages postés |
| Posté le 11-12-2006 à 16:21:38
| Bonjour,
Puisque tout le monde se demande comment faire pour mettre de la musique… voici une petite (oui toute petite) explication.
Pour mettre de la musique sur son site, il faut d’abord avoir une adresse de musique valide. On peut en trouver sur le net, mais le mieux reste de l’uploader sur son propre site. Il faut faire attention avec les fichiers mp3 (et encore plus avec les fichier wav) car tout le monde n’a pas une connexion ultra-rapide. Le mieux c’est de faire une playlist sous forme de m3u, le gros avantage c’est qu’on peut mettre plusieurs musiques à la suite, et que celle-ci commence à jouer tout de suite sans temps de téléchargement.
Il existe moult manière de mettre en ligne de la musique. Pour ce faire sur les forums d’alloforum il faut éditer son pied de page…. Il y a ensuite plusieurs méthodes. Alors une bonne fois pour toute voici tout ce que vous avez toujours voulu savoir sur l’insertion de musique dans le pied de page sans avoir jamais oser le demander.
Le lien direct
Il suffit d'insérer un lien vers ton fichier musical, par exemple:
<a href="http://urldetamusique/musique.mp3">Titre de ma musique</a>
La musique ne démarre pas automatiquement, il faut que le visiteur clique sur le lien, la musique est téléchargé sur son disque dur et se met à jouer a ce moment là.
La balise BODY
Ca c’est la feinte du sioux…
<body Bgsound="http://urldetamusique/musique.mp3">
La musique démarre automatiquement par contre ça ne marche qu’avec Internet explorer.
La balise EMBED
Encore une méthode ultra simpliste, et encore une fois ça ne marche pas avec tout les navigateurs
Avec lecteur sans autostart et en boucle (une fois lancé)
<EMBED src="http://urldetamusique/musique.mp3" autostart="false" width="160px" height="20px" loop="true" controller="true" >
</EMBED>
Sans lecteur, avec autostat et sans boucle.
<EMBED SRC="http://urldetamusique/musique.mp3" HIDDEN="true" AUTOSTART="true" LOOP="false">
</EMBED>
L'inconvénient de cette méthode est qu'elle ne fonctionne pas avec toutes les versions d'Internet Explorer (et a fortriori donc avec mozilla) et que le fichier musical doit être complètement chargé avant d'être lu.
La balise OBJECT
La méthode OBJECT est plus compliquée plus compatible. La méthode OBJECT définit le lecteur qui sera utilisé, chacun est ici libre de son choix mais à mon humble avis le lecteur quicktime est le mieux. Cette balise donne parfois des résultat bizarre (voir du „pas du tout ce que je voulais“ sous internet explorer…La feinte du sioux sauvage c’est donc d’utiliser le couple <object> et <embed> (comme ca on a les deux !!!). Dans standby on met le texte qu'on veut (s'affiche pendant le chargement), la taille du lecteur est défini par WIDTH et HEIGHT (bien pensez a la definir dans object et embed). Il existe moult attribut mais je n'ai mis que ceux qui sont les plus utiles, à savoir autoplay, loop et controller (encore une fois il faut que ce soit les même dans object et dans embed...)
Voici un exemple de code avec quicktime.
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160" HEIGHT="16" CODEBASE=http://www.apple.com/qtactivex/qtplugin.cab standby="Chargement...">
<PARAM name="SRC" VALUE=" http://urldetamusique/musique.mp3">
<PARAM name="AUTOPLAY" VALUE="True">
<PARAM name="LOOP" VALUE="True">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/mp3" src="http://urldetamusique/musique.mp3" autoplay="true" width="160px" height="16px" loop="true" controller="true" PLUGINSPAGE="http://www.apple.com/quicktime/download/">
</EMBED>
</OBJECT>
Pour changer le lecteur il suffit de changer le CLASSID, le CODEBASE. En fonction du fichier il faut changer le Type dans la balise EMBED.
Voici la liste des CLASSID des CODEBASE et des TYPE de fichiers.
Flash
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=6,0,40,0"
Windows Media Player 10
classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
codebase="http://activex.microsoft.com/activex/controls/
mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
QuickTime
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab"
Real Player
classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
codebase="..."
Attribut Type
.aac --> audio/aac
.mid / .midi --> audio/midi
.mp3 --> audio/mp3
.wav --> audio/wav
.ogg --> application/x-ogg
.avi --> video/avi
.mp4 --> video/mp4
.mpg / .mpeg --> video/mpeg
.mov --> video/quicktime
Enfin pour les utilisateurs avertis voici le javascript de la mort qui tue…(ne fonctionne pas avec internet explorer)
Le Javascript
Un seul bouton bascule : Sound - Off / Sound - On
<head>
<style>
.hide {position:absolute; left:-5000px;}
.perso {
FONT-WEIGHT:standard;
FONT-SIZE:12pt;
COLOR:#3333CC;
FONT-FAMILY:Arial;
}
</style>
<script language="JavaScript">
<!--
var STOPPED=0
var PAUSED=1
var RUNNING=2
var mp3=null
var canplay=false
function load()
{
mp3=document.AUDIO
}
function onoff()
{
ref=document.remote_control.on_off
switch (mp3.CurrentState)
{
case PAUSED:
ref.value="Sound - Off"
if (canplay) mp3.run()
break;
case RUNNING:
ref.value="Sound - On"
mp3.pause()
break;
case STOPPED:
ref.value="Sound - On"
mp3.run()
break;
}
}
// -->
</script>
</head>
<body onload="load()">
<form name="remote_control">
<input type="button" value="Sound - Off" name="on_off" onclick="onoff()">
</form>
<div class=hide>
<OBJECT ID="AUDIO" CLASSID="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
<PARAM NAME="AutoStart" VALUE="0">
<PARAM NAME="PlayCount" VALUE="0">
<PARAM NAME="Filename" VALUE="http://urldetamusique/musique.mp3 ">
<PARAM NAME="Volume" VALUE="0">
</OBJECT>
</div>
<SCRIPT LANGUAGE="JavaScript" FOR="AUDIO" EVENT="ReadyStateChange(val)">
<!--
if (val > 3)
{
canplay=true
document.AUDIO.run()
}
//-->
</SCRIPT>
</body>
Le radio blog
Pour ca il faut avoir créer son Radio blog (voir le site en question) et ensuite il suffit de mettre une frame dans son pied de page comme cela:
<iframe src="http://monsiteweb/radio.blog/index.php" name="radio" scrolling="yes" frameborder="0" width="160" height="50"></iframe>
C’est simple efficace et les gens peuvent écouter la musique qu’ils veulent…
Personnellement j’aime pas les musiques sur le forums, ça rame, et comme ça redémarre a chaque fois qu’on recharge une page au bout d’un moment ça saoul grave…Le radio blog est une bonne alternative…
Grüßiiii
Abra
--------------------
Carita bene ordonata incipit a se met ipso
http://abrasax.alloforum.com/ |
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | |  | | 400 messages postés |
| Posté le 16-12-2006 à 12:52:57
| Bonjour Abraxas
Une question : comment avoir le meme mini-chat que sur ton forum ?
J'ai essayé de mettre une chat mais pas de rafraichissemnt autre que manuel ( sinon payant )
Il y a-t-il un rafraichissement automatique sur ton chat ?
Qui as-tu pris comme tChat ?
Hippocampe |
|
| Tao | | Moderateur AlloForum | | | | 1805 messages postés |
| Posté le 16-12-2006 à 19:09:29
| http://www.webdiz.com/
--------------------
id 2351
On vit avec le cœur plein dans un monde vide.
[Chateaubriand] |
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 16-12-2006 à 19:38:53
| Merci bien Tao c'est fait .
Bonne soirée
Hip
|
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 17-12-2006 à 14:39:33
| Merci beaucoup Tao et Abraxas .
C'est fait et pour ceux qui voudrais voir le mini-tachat c'est --->ici
--------------------
 |
|
| Abraxas | | GroDemon - 200% optimiste | | Moderateur AlloForum | | | | 200 messages postés |
| Posté le 18-12-2006 à 11:03:16
| Bonjour,
Si tout le monde commence a mettre des mini-chat sur ces forums, peut-être que alloforum pourrait penser à en faire une option pour l’avenir, il faut avouer que c’est quand même plus pratique que le chat….
Pour webdiz j’ai personnellement choisis celui-ci parce qu’il n’est pas bloqué par les filtres de l’entreprise pour laquelle je suis en mission actuellement. Normalement les grandes entreprises mettent en place des filtres sur tout site qui ressemble a un chat, et donc pour moi cbox ou ichat sont bloqués… Cela dit webdiz n’a pas de refresh automatique, il faut cliquer sur le lien „R“ mis en bas. Pour les autres mini-chat je ne sais pas, pour ichat faudrait demander a tao, quand a cbox je crois que le refresh est automatique….
Bref, j’aime beaucoup ton pied de page et ton haut de pages… mais si je peux me permettre une remarque ce serais pas mal de mettre un fond transparent plutôt que de recopier le fond…
Avec la balise
<body style="background-color:transparent">
Idem pour le pied de pages, personnellement j’enlèverais les lignes du tableau….
Donc a la place de :
<table border="1" width="100%" cellpadding="1" cellspacing="1" background="http://img.photobucket.com/albums/v481/Rebelle06/Noel/FONDDarriereplanNOEL.jpg">
Un truc du style
<table width="100%" border="0" cellspacing="0">
Avec bien entendu la même balise body que pour le haut de page à savoir:
<body style="background-color:transparent">
Voila mais les goûts et les couleurs….
Grüß
Abra
--------------------
Carita bene ordonata incipit a se met ipso
http://abrasax.alloforum.com/ |
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 18-12-2006 à 11:23:02
| J'ai essayé le fond transparent mais avec l'autre fond d'avant celui de noel et c'était pas terrible, alors je suis revenu à celui de l'image par défaut .
Je vais refaire l'expérience avec ce fond là et voir .
Comme quoi il faut sans arret se remettre en question ! 
Merci Abraxas
|
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 18-12-2006 à 11:30:29
| Concernant le mini-chat, je crois qu'il y en a un en préparation .
Sans dévoiler en aucune manière .
--------------------
|
|
| Chipsy | | Membre |  | | 30 messages postés |
| |
| virginy | | Membre Habitué(e) | |  | | 270 messages postés |
| Posté le 13-01-2007 à 14:41:22
| merci pour partager toutes ces infos !!!! c'est généreux de ta part 
juste une question (oulala, vous alle dire que je suis nulle  ben vous avez peut etre raison )
c'est quoi l'ID ? 
d'autre part, comment fait-on pour voir l'ensemble des scripts dans un seul même bandeau ? comme chez toi abrasax, tu as plusieurs sources scripts et tu as réussi à les séparer par des barres et les mettres les unes à côté des autres !  
--------------------
 |
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 14-01-2007 à 05:23:54
| L'ID est l'identification de ton forum .
Pour le pied de page avec le bouton recherche j'ai trouvé ceci à copier dans le pied de page après avoir remplacé l'adresse de ton URl et l'adresse de ton image .
Un peu simplifié mais ça marche .
J'ai mis que trois cases mais tu peux facilement en mettre quatre si tu le veux en recopiant de <dt> à </td>
Copie ce qui se trouve entre <body.... et </body> dans ton pied de page après avoir mis l'adresse des URL et des Images .
En bleu taille de l'image dans le bandeau (WIDTH=100 HEIGHT=100 donne un carré de 100x100 pour ton image)
Le tout par transparence . ( donné par Abraxas )
<Body STYLE="background-color:transparent">
<table border="0">
<center>
<tr>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
</tr>
</center>
</table>
</body>
Remerciement à Tao, Abraxas et les autres que j'oublie
bon dimanche
--------------------
|
|
| virginy | | Membre Habitué(e) | | | | 270 messages postés |
| Posté le 14-01-2007 à 11:32:30
| merci hyppocampe
mais comment je fais au juste pour caser les scripts dans ce que tu proposes ? 
--------------------
|
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 14-01-2007 à 13:26:53
| En bas de ton forum
Clic sur zone administration
Identifie toi
Clic sur général
Avant de mettre le code html dans la case blanche fait un copier/coller de ce qui s'y trouve dans une page word ou autre ( au cas ou il y aurait un problème quelconque ).
Ensuite après avoir effacé ce qui s'y trouve tu colles le code .
Voir image ci-dessous .
Attention à la hauteur de la frame, le maxi des images est de hauteur 105 .
En bas de page tu valides .
Tu retournes sur ton forum et tu fais F5 ou actualiser pour prendre en compte le changement et voir ce que cela donne .
bon dimanche
--------------------
|
|
| virginy | | Membre Habitué(e) | | | | 270 messages postés |
| Posté le 14-01-2007 à 14:24:52
| oui ça c'est bon je sais
ce que je veux dire c'est où je dois ajouter lmes scripts là dedans
hippocampe a écrit :
Copie ce qui se trouve entre <body.... et </body> dans ton pied de page après avoir mis l'adresse des URL et des Images .
En bleu taille de l'image dans le bandeau (WIDTH=100 HEIGHT=100 donne un carré de 100x100 pour ton image)
Le tout par transparence . ( donné par Abraxas )
<Body STYLE="background-color:transparent">
<table border="0">
<center>
<tr>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
<td>
<a href=" http://adresse de ton URL " ><img src=" http://adresse de ton image " WIDTH=100 HEIGHT=100 border="0"></a>
</td>
</tr>
</center>
</table>
</body>
|
--------------------
|
|
| virginy | | Membre Habitué(e) | | | | 270 messages postés |
| Posté le 14-01-2007 à 14:47:06
| en fait c'est cela que je ne comprends pas bien : "après avoir remplacé l'adresse de ton URl et l'adresse de ton image . " 
--------------------
|
|
| hippocampe | | 100% Optimiste | | Membre Habitué(e) | | | | 400 messages postés |
| Posté le 14-01-2007 à 16:45:49
| Voila un exemple qui te renvoi sur mon site pour les trois images .
En bleu l'adresse url et en rouge l'adresse de l'image
Entre chaque <td> et </td> c'est un lien dans ton pied de page qui te sépare les cases horizontalement .
Installe le tel quel et clic sur l'image dans ton pied de page et tu vas très vite comprendre comment ça marche .
<Body STYLE="background-color:transparent">
<table border="0">
<center>
<tr>
<td>
<a href=" http://perso.orange.fr/rosamb/ " ><img src=" http://perso.orange.fr/rosamb/musique10.gif " WIDTH=120 HEIGHT=105 border="0"></a>
</td>
<td>
<a href=" http://perso.orange.fr/rosamb/" ><img src=" http://perso.orange.fr/rosamb/musique10.gif" WIDTH=120 HEIGHT=105 border="0"></a>
</td>
<td>
<a href=" http://perso.orange.fr/rosamb/"><img src=" http://perso.orange.fr/rosamb/musique10.gif" WIDTH=120 HEIGHT=105 border="0"></a>
</td>
</tr>
</center>
</table>
</body> |
|
| akhenaton37 | | Membre |  | | 117 messages postés |
| Posté le 19-01-2007 à 20:31:51
| merci beaucoup pour vos aides
--------------------
Venez nombreux !!
 |
|
|
