Mettre une bannière Flash sur Wordpress
Posté par Demolite le Jeudi 29 janvier 2009 Dans WordPress 3,039 LecturesNe me dites pas que vous n’avez pas remarqué ma nouvelle bannière ![]()
Sympa non !?…je m’auto congratule…car j’y ai passé du temps tout de même…
Pour savoir comment réaliser ce genre de bannière il faudra encore attendre un petit peu, je vous fais un tuto très vite…
Nous allons voir aujourd’hui comment insérer cette bannière Flash à la place de l’ancienne.
Nous allons modifier 2 fichiers : header.php et style.css qui se trouvent dans le dossier de votre thème.
www/wp-content/themes/nom du theme/header.php
www/wp-content/themes/nom du theme/style.css
Avant de commencer je vous invite avec insistance a faire une copie de ces deux fichiers…
Ouvrez header.php et descendez sur ces lignes de codes :
<body>
<div id=”main”>
<div id=”header”>
<div id=”logo”>
<h1><a href=”<?php echo get_settings(’home’); ?>/”><?php bloginfo(’name’); ?></a></h1>
<div class=”description”><?php bloginfo(’description’); ?></div>
</div>
Vous devez remplacer les lignes bleues par les codes de votre bannière Flash.
Comme ceci :
<body>
<div id=”main”>
<div id=”header”>
<div id=”logo”>
<object type=”application/x-shockwave-flash” data=”http://Adresse bannière.swf” width=”978″ height=”358″>
<param name=”play” value=”true” />
<param name=”movie” value=”http://Adresse bannière.swf” />
<param name=”menu” value=”false” />
<param name=”quality” value=”high” />
<param name=”scalemode” value=”noborder” />
</object>
</div>
En prenant soin de coller l’adresse de votre bannière Flash comme indiqué en blanc et en changeant les valeurs width=”978″ height=”358″ pour les adapter à la taille de votre bannière.
Fermez le fichier et enregistrez les modifications.
Maintenant, il faut ouvrir le fichier style.css pour supprimer l’ancienne bannière qui se trouve sur la ligne suivante :
/* Header */
#header {background: #000000 url(images/header.jpg) no-repeat;height: 314px;position: relative;}
#logo {position: relative;padding: 100px 0px 0px 20px;height: 60px;}
#logo .description{position: absolute;left: 25px;bottom:3px;color: #FFFFFF;font-size: 14px;}
En fonction des thèmes, la modification des lignes peut être différente, dans cet exemple j’ai supprimé les lignes #logo pour obtenir un affichage correct et n’ai gardé que cette ligne :
/* Header */
#header {position: relative;}
A tester en fonction des thèmes…d’où l’importance de faire une copie des fichiers
Fermez le fichier et enregistrez les modifications.
Si comme moi vous aviez des liens sur votre ancienne bannière : Accueil, Contacter l’auteur etc… la bannière flash se place par dessus…
Soit vous insérez un lien dans votre animation Flash, c’est ce que j’ai fait le titre de mon blog : Demolitetuto dans la bannière est cliquable, soit vous placez ces liens ailleurs sur votre blog, comme mon “Contacter l’auteur” que j’ai ajouté dans une colonne…
Voilou…à vous de jouer !






Wouahhh! sympa ces petites fleurs qui tournent,disparaissent et réapparaissent.Au premier abord ça me parait un peu compliqué
mais il faudra que je lise ça à tête reposée 
Bises
Oh la la la !!
Quelle classe tu m’épates , continue comme ça et tu va devenir chez d’entreprise
“DémoDesign” : créatrice de sites internet etc …….
bye bye
Tu es devenue une vraie pro bravo, j’adore quand les petites fleurs tombent
Moi , j’en suis carrément baba , c’est d’un esthétisme irréprochable et ce côté power flower me ramène directement à mon ado peace & love .
HY , woman !
Magnifique, j’attends la suite pour pouvoir m’initier !
J’ai déjà testé powerbullet – très sympa – avec 1 image comme le tuto.
Trop beau!! Bravo!
Merci les filles !
Je vous prépare un petit tuto pour réaliser une bannière Flash très bientôt
Bonjour merci pour ce tuto je vais essayer ça dés que je peux sur mon petit thème artisteer et je vus dirais si ça a fonctionné
Bravo, c’est superbe….beau boulot.

Malheureusement , je n’en suis pas à ce stade de prouesses!
Pour l’instant je vais essayer d’intégrer des “pps” dans mon blog.
Bonne suite.
Bonjour j’ai crée une bannière flash sur mon blog perso, je voulais ton avis, merci!
COUCOU!
allez je te montre ma bannière corrigée, plus étoffée, avec un avant gout du printemps :
http://storage.canalblog.com/65/36/725239/51224203.swf
Coucou encore
allez j’avoue que je m’éclate!!
http://storage.canalblog.com/04/05/725239/51291432.swf
Bravo ! Effectivement…je vois que tu t’éclates bien
Salut,
Et bien moi j’ai une bonne nouvelle, sa ne fonctionne pas.
Je suis sous drupal et je ne vois pas du tout pourquoi sa ne fonctionne, pas. Au début sa me disais de convertir en utf-8 alors je l’ai fais mais sa ne marche toujours pas. Si tu pouvais me donner un coup de main sa serais sympa.
Tchou