Tout d'abord bonjour à tous, c'est mon premier article ici, merci à LateLament pour les autorisations.
Je voulais vous parler d'une chose que je trouve toute simple et qui pourrait soulager votre blog.

Comme vous le savez, premium ou pas, vous avez la possibilité de crée vos propres modules.
Vous avez donc la possibilité d'ajouter des playlists, des compteurs et autres outils sur votre blog. Seul hic (ça concerne plus les premiums du coup, mais c'est pareil pour tout le monde) c'est que ça prend de la place et il peut arriver que cela "surcharge" le design de votre blog.

C'est pourquoi je voulais vous expliquer un détail qui pourra vous être utile pour aérer tout ça. il s'agit d'utiliser une pop-up qui s'ouvre automatiquement lorsque l'on clic dessus.

Comment faire?


Tout d'abord créez un module ainsi qu'une playlist Deezer (je prend l'exemple d'une playlist, c'est valable pour tout ce qui est application exportable). Sur Deezer lorsque vous demandez d'exporter votre playlist il vous fournit un code de ce style :

<div style="width:450px;height:345px;"><object width="450" height="345"><param name="movie" value="http://www.deezer.com/embedded/widget_450x345.swf?path=15318092&lang=FR&autoplay=1&autoShuffle=1&id=394090"></param><embed src="http://www.deezer.com/embedded/widget_450x345.swf?path=15318092&lang=FR&autoplay=1&autoShuffle=1&id=394090" type="application/x-shockwave-flash" width="450" height="345"></embed></object><br><font size='1' color ='#000000' face='Arial'>D&eacute;couvrez <a href='http://www.deezer.com/fr/154624-the-way-to-heaven-15053-buckethead-31623-electric-tears-270264d62ee77219bfac67701994a0d7-a3193d7da84919eee7949b2b821c035a-0-350-0-0.html'>154624,The Way to Heaven,15053,Buckethead,31623,Electric Tears,270264d62ee77219bfac67701994a0d7,a3193d7da84919eee7949b2b821c035a,0,350,0,0</a>!</font></div>

Et bien, ne gardez finalement que cette partie du code :

www.deezer.com/embedded/widget_450x345.swf?path=15318092&lang=FR&autoplay=1&autoShuffle=1&id=394090" type="application/x-shockwave-flash" width="450" height="345


(faites les réglages de la hauteur et de la largeur que vous voulez, autoshuffle signifie lecture aléatoire en mettant 1 vous l'activez, en mettant 0 vous la desactivez. De même que autoplay, qui lancera la lecture automatique, se comporte de la même manière)

Retournez ensuite dans votre module, et afin que ce lien n'apparaisse pas à l'état brut, il vous suffit de mettre une petit phrase. Du genre : "Cliquez ici pour la Playlist". Pour l'instant rien ne se passe. Il vous faut rajouter un lien. Pour cela selectionner votre phrase et cliquez sur le symbole des liens en haut. Il vous ouvrira une fenêtre sur les propriétés du lien. Copiez-y le lien ci dessus dans la page URL (en laissant selectionné protocole Http://). Et ensuite, il vous suffit d'aller dans l'onglet destination et de selectionner  <fenetre pop-up> dans le champ de selection.

Validez, et vous aurez votre playlist en pop-up.
Cette technique marche aussi avec une image. A la place de "Cliquez ici pour la Playlist", vous y mettez une image et faites exactement la même manipulation.

Voici ce que ça donne par exemple :

Cliquez ici pour la playlist

Voila j'espère que ce tutoriel, pas bien difficile, a été suffisamment clair et qu'il pourra vous servir.
Merci à vous
Slash

Publié par Slash le 3 décembre 2008 à 12:45

Classé dans HTML | 6 commentaires

Tags : Deezer, Playlist, Pop-Up, Lien, module, V3

Par Etre le 7 décembre 2008 à 14:30
Pour l'exemple t'aurais quand même pu redimensionner le cadre du pop up, qu'il soit à la taille de la playlist... c'est plus esthétique :)

Ton tutoriel est clair :)
Par Etre le 8 décembre 2008 à 19:46
Je retire ce que j'ai dis plus haut. Apparemment c'est un bug ? Chez moi il m'est à présent impossible de redimensionner correctement ma playlist en pop up...
Par Aya le 11 décembre 2008 à 17:50
Il est très clair ton tuto. :D
( Et je sais que je suis pas sur cow' mais si ça peut aider, j'ai un site pour les feignants: http://www.editeurjavascript.com/scripts/scripts_navigation_1_51.php Il suffit d'indiquer les informations (taille de la pop-up, éléments etc...) et le site génère le code à votre place. :D )
Par Les-Vies-Dansent le 22 juin 2009 à 0:08
Merci beaucoup pour cet article :D
Par Wistiti le 27 août 2009 à 22:51
Euh. Ce blog a vraiment mourru ? :o Dommage.
Par britaned le 12 décembre 2009 à 15:51
ce blog meurt :s
 

Ajouter un commentaire

Note : Sakatruc n'accepte que les commentaires des personnes possédant un compte sur Cowblog : vous devez obligatoirement être identifié pour poster un commentaire.









Commentaire :








Votre adresse IP sera enregistrée pour des raisons de sécurité.
 

La discussion continue ailleurs...

Pour faire un rétrolien sur cet article :
http://sakatruc.cowblog.fr/trackback/2737903

 
Créer un podcast