Bonjour, bonsoir les Utopistes,
Aujourd'hui je suis très fière de vous partager ma première trouvaille en matière de code (même si en réalité le code et moi ça fait deux...).
Il s'agit d'un générateur de code assez simpliste qui vous permettra d'ajouter une barre au-dessus ou en-dessous de votre forum afin de partager des musiques qui pourraient mettre vos membres dans l'ambiance ! Voici à quoi cela ressemble :
Image en taille réelle
Ce code est souvent utilisé par les membres de Tumblr pour mettre des musiques sur leur blog et en chipotant un peu, j'ai trouvé comment mettre le code sur forum ! Bref, assez de blabla, je vous partage l'astuce.
Pour cela rien de plus simple, il vous suffit de vous rendre sur ce site : http://scmplayer.co/ après cela il ne vous reste qu'à bien suivre les instructions du site. Mais pour ceux qui ne parle pas très bien l'anglais je vous donne quelques mots d'explication.
1- La première étape va être de choisir le design de votre barre, le site en affiche quelques unes, mais si vous ne trouvez pas votre bonheur, il y en a plus de 4000 disponibles, pour cela il faut cliquer sur 4000+ Custom Skins
2- Après cela, il vous faut choisir les musiques que vous souhaitez mettre. Pour cela, vous devez vous rendre sur Youtube et copier le lien de la musique et le coller dans Song URL. À gauche, n'oubliez pas d'indiquer le titre de la musique.
3- Dernière étape, choisir si vous souhaitez que la musique se lance toute seule ou non, le volume et l'endroit où vous souhaitez que la barre s'affiche (au-dessus ou en-dessous).
Une fois tout cela fait, vous obtiendrez un code ressemblant à celui-ci :
Rendez-vous dans les Templates > Overall_header.
Vous devez coller le code fourni juste en-dessous de
Voili voilou, j'espère que ce petit tuto vous aura plu et qu'il vous sera utile pour égayer vos forums !
Je tiens à remercier Gravity pour m'avoir guidée jusqu'ici (d'ailleurs j'espère que j'ai posté au bon endroit, sinon je m'en excuse).
L'astuce de Marie pour avoir ceci sur Invision :
Aujourd'hui je suis très fière de vous partager ma première trouvaille en matière de code (même si en réalité le code et moi ça fait deux...).
Il s'agit d'un générateur de code assez simpliste qui vous permettra d'ajouter une barre au-dessus ou en-dessous de votre forum afin de partager des musiques qui pourraient mettre vos membres dans l'ambiance ! Voici à quoi cela ressemble :
Image en taille réelle
Ce code est souvent utilisé par les membres de Tumblr pour mettre des musiques sur leur blog et en chipotant un peu, j'ai trouvé comment mettre le code sur forum ! Bref, assez de blabla, je vous partage l'astuce.
Pour cela rien de plus simple, il vous suffit de vous rendre sur ce site : http://scmplayer.co/ après cela il ne vous reste qu'à bien suivre les instructions du site. Mais pour ceux qui ne parle pas très bien l'anglais je vous donne quelques mots d'explication.
1- La première étape va être de choisir le design de votre barre, le site en affiche quelques unes, mais si vous ne trouvez pas votre bonheur, il y en a plus de 4000 disponibles, pour cela il faut cliquer sur 4000+ Custom Skins
2- Après cela, il vous faut choisir les musiques que vous souhaitez mettre. Pour cela, vous devez vous rendre sur Youtube et copier le lien de la musique et le coller dans Song URL. À gauche, n'oubliez pas d'indiquer le titre de la musique.
3- Dernière étape, choisir si vous souhaitez que la musique se lance toute seule ou non, le volume et l'endroit où vous souhaitez que la barre s'affiche (au-dessus ou en-dessous).
Une fois tout cela fait, vous obtiendrez un code ressemblant à celui-ci :
- Code:
<!-- SCM Music Player http://scmplayer.co -->
<script type="text/javascript" src="http://scmplayer.co/script.js"
data-config="{'skin':'http://static.tumblr.com/yprousi/5lgm4r80i/code.css','volume':50,'autoplay':true,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'All Is Full Of Love','url':'https://www.youtube.com/watch?v=u0cS1FaKPWY&ab_channel=Bj%C3%B6rk'},{'title':'You & Me','url':'https://www.youtube.com/watch?v=_zPlr-o-YEQ&ab_channel=Boris'},{'title':'Sail','url':'https://www.youtube.com/watch?v=JaAWdljhD5o&ab_channel=Nanalew'}]}" ></script>
<!-- SCM Music Player script end -->
Rendez-vous dans les Templates > Overall_header.
Vous devez coller le code fourni juste en-dessous de
- Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Voili voilou, j'espère que ce petit tuto vous aura plu et qu'il vous sera utile pour égayer vos forums !
Je tiens à remercier Gravity pour m'avoir guidée jusqu'ici (d'ailleurs j'espère que j'ai posté au bon endroit, sinon je m'en excuse).
L'astuce de Marie pour avoir ceci sur Invision :
Marie a écrit:OMG!!! Mais c'est mieux que spotify!!! (Même si j'aime bien le son de spotify comparer à youtube...)
Merci du tuyau!
Je me permet de rajouter pour ceux qui sont sous Invision:
Templates: Overall_header.
Vous cherchez cette partie:
- Code:
<!-- END hitskin_preview -->
Vous mettez le code juste après et le tour est jouer!
Merci encore de ce partage. :)
Dernière édition par CaraDelevngnie le Lun 20 Mar 2017 - 18:13, édité 2 fois
