METTRE UNE BANNIERE FLASH SUR CANABLOG

3 février 2009

Vous n'avez peut être pas remarqué, mais ma bannière est une bannière Flash...elle apparait, disparait, des fleurs tombent du ciel ou tremblent...enfin, il se passe des choses quoi...

Je prépare un tuto pour réaliser ce genre de bannière, mais il sera publié sur mon autre blog Demolitetuto.fr, alors allez-y de temps en temps ou bien inscrivez-vous à ma Newsletter pour ne rien rater.

Une fois votre bannière réalisée, importez-là dans un message en passant par Importation d'un fichier, pour récupérer son adresse, ça ressemble à ça :

https://storage.canalblog.com/01234567890.swf

Pour afficher la bannière flash vous devez ensuite insérer votre adresse.swf deux fois dans le code suivant :

Et changer les valeurs WIDTH="978" HEIGHT="358" en mettant les dimensions de votre bannière.

Maintenant que vous avez votre code, il faut ajouter un bloc à votre feuille de style, en remplaçant les valeurs par les dimensions de votre bannière :

#header {
position:relative;
width:978px;
height:358px;
}

Vous devez supprimer les blocs suivants qui permettaient de gérer l'affichage de votre ancienne bannière (faites une copie de votre feuille de style avant de supprimer quoi que ce soit) :

#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
background: url("https://storage.canalblog.com/ancienne bannière.jpg") no-repeat 0% 0%;
height: 300px;
display: block;
}
div .logolink a {
display: block;
text-decoration: none;
width: 100%;
height: 300px;
}

Ouvrez maintenant votre Page d'accueil, descendez sur la ligne <body> et placez la balise <div id="header"> </div> comme indiqué sur la capture :

Dans cet exemple j'ai du mettre la balise </div> après la balise <div id="topbar-logo"> pour permettre l'affichage de mon menu au dessus de ma bannière, si vous n'avez pas de menu comme le mien, vous pouvez mettre la balise </div> juste après </OBJECT>.

Pensez toujours à visualiser avant de valider les modifications.

Vous devez bien sur insérer ce code dans toutes vos pages pour que votre bannière s'affiche aussi sur les autres pages.

Posté par Demolite à 10:11 - Commentaires […] - Permalien [#]

Tags: bannière, Flash

Partager cet article

Vous aimez ?

0 vote

NUAGE DE TAGS WORDPRESS SUR CANALBLOG

Commentaires

Aziyade

12/06/2009 12:56

Pour toutes ces explications de déco, novice en la matière mais persévérante j'ai suivi bcp de tes infos. Mais là j'ai un souci avec ma bannière que j'ai ré-agrandi sur photofiltre et il y a tjrs un grand blanc à droite. J'ai beau modifier les normes "width" dans la page de style, le problème se résout seulement quand je réduit mes colonnes et ça je n'en ai pas envie!! Où dois-je intervenir please. Merci si tu peux m'aider.

Aziyade

12/06/2009 12:21

sweet*sugar*babe

28/05/2009 10:13

Re, c'est encore moi. Je ne sais pas pourquoi mon mail n'a pas marché... j'ai du mal l'écrire!! xD<br /> <br /> Finalement tout est bien qui finit bien j'ai pu réaliser la bannière de mes rêves! Par contre vista ne prenait pas du tout le logiciel powerbullet chez moi, j'ai du l'installer sur un ordi ayant XP et là ça a marché comme sur des roulettes!!<br /> <br /> Merci encore pour ce tuto fantastique!! Pour voir le résultat voici mon blog:<br /> <br /> [URL]:url:www.sweetreborndolls.canalblog.com[NAME]:url:www.sweetreborndolls.canalblog.com[/URL]

Demolite

03/05/2009 08:13

Salut,<br /> Je t'ai répondu par mail, mais il m'est revenu non délivré...[Pfff]

SweetSugarBabes

02/05/2009 17:23

J'ai découvert tellement de choses sur ce blog!! Il est fantastique. Cela fait quelques temps que je souhaitais créer une bannière Flash et grâce à tes explications j'ai enfin réussi! (par contre Powerbullet ne marchait pas sous Vista chez moi, j'ai du le faire sur XP...)<br /> Donc j'ai bien appliqué tout ce que tu as dis plus haut, et maintenant ma bannière Flash s'affiche bien sur mon blog mais les colonnes du bas sont trop petites par rapport à la taille de ma bannière...<br /> Y'a t-il un moyen de rectifier ça?<br /> <br /> A bientôt j'éspère,<br /> Betty