Mettre une bannière Flash sur Wordpress

Posté par Demolite le Jeudi 29 janvier 2009 Dans WordPress 3,039 Lectures

Ne 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 ! :D

14 Réponses sur “Mettre une bannière Flash sur Wordpress”

  1. nounouchouette Dit:

    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

  2. Vanes Dit:

    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

  3. Edith Dit:

    Tu es devenue une vraie pro bravo, j’adore quand les petites fleurs tombent :sou:

  4. christine Dit:

    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 !

  5. mamy-o-laine Dit:

    Magnifique, j’attends la suite pour pouvoir m’initier !
    J’ai déjà testé powerbullet – très sympa – avec 1 image comme le tuto. :sou:

  6. Lutin Dit:

    Trop beau!! Bravo!

  7. Demolite Dit:

    Merci les filles ! :D
    Je vous prépare un petit tuto pour réaliser une bannière Flash très bientôt :idea:

  8. alex Dit:

    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é :)

  9. charlotte Dit:

    Bravo, c’est superbe….beau boulot. :-o
    Malheureusement , je n’en suis pas à ce stade de prouesses! :m:
    Pour l’instant je vais essayer d’intégrer des “pps” dans mon blog.
    Bonne suite.

  10. ANGELIQUE Dit:

    Bonjour j’ai crée une bannière flash sur mon blog perso, je voulais ton avis, merci!

  11. ANGELIQUE Dit:

    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

  12. ANGELIQUE Dit:

    Coucou encore :oops: allez j’avoue que je m’éclate!!
    http://storage.canalblog.com/04/05/725239/51291432.swf

  13. Demolite Dit:

    Bravo ! Effectivement…je vois que tu t’éclates bien ;)

  14. MisteriE Dit:

    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

Laisser un commentaire



:wink: :-| :-x :twisted: :sou: :) 8-O :( :rond: :roll: :ri: :-P :r: :oops: :oh: :-o :mrgreen: :motus: :moi: :mo: :m: :lol: :l: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: