Sujet: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:26
les signatures
le libre-service avec crédit, c'est par ici !
Voilà un petit libre service de codes de signature. Ils ne contiennent généralement pas de lecteur de musique, tout simplement car les codes s'avèrent trop long si on essaie d'en mettre. J'essaie quand même de vous faire des trucs qui pourraient vous plaire — et j'essaierai d'en rajouter certains avec des lecteurs.
Si vous voulez des signatures avec des lecteurs de musique, des sous-titres, ou bien des modèles plus compliqués ou quoi, envoyez-moi un mp, et je pourrai vous concocter un truc ; l'inconvénient, c'est que vous ne pourrez probablement pas les modifier vous-même par la suite. néanmoins, cela ne me pose aucun souci, vous pouvez passer commande, ce sera avec grand plaisir.
Par ailleurs, si vous souhaitez d'autres polices n'hésitez pas ! Je peux aller vous en chercher d'autres. (et vous pouvez aller fouiller dans google fonts pour en trouver une qui vous plait, et la mettre tout seuls si vous savez faire, ou me demander le cas échéant ! )
Tout ce que je vous demande, c'est de ne pas vous amuser à modifier toute la structure, à faire vos propres signatures à partir des miennes, c'est quand même un peu de boulot d'avoir fait ça, même s'ils ne sont pas bien compliqués. Mais voilà, j'espère qu'ils vous plairont. Et n'enlevez pas mon crédit, ça va de soi, j'vous fais confiance.
✩ signature 1. (sans lecteur de musique)
aperçu :
time to meet the devil.
Sweet dreams are made of this. Who am I to disagree ? I travel the world and the seven seas. Everybody' s looking for something. Some of them want to use you. Some of them want to get used by you. + sweet dreams.
(c) blue walrus.
code :
NB : mieux vaut que les deux images soient de même taille, sinon ça fera bizarre. après, j'ai réglé le code pour que la largeur se refasse automatiquement, mais si vous voulez que ce soit plutôt la hauteur qui soit égalisée, changez juste « width » par « height », et réglez comme vous le sentez
Code:
<center><br><div style="font-family: 'Give you Glory'; font-size: 25px; color: #1A1A1A; width: 270px;">COURTE CITATION ICI</div><table><tr><td><img src="LIEN DU PREMIER GIF/DE LA PREMIÈRE IMAGE, MINIMUM 125PX DE LARGEUR" width="125px;" ></td><td><img src="LIEN DU DEUXIÈME GIF/DE LA DEUXIÈME IMAGE, MINIMUM 125PX DE LARGEUR" width="125px" ></td></tr></table><div style="text-transform: lowercase; font-family: arial; font-size: 10px; line-height:7pt; text-align: justify; width: 250px; color: #1A1A1A">paroles de chanson ou citation, paroles de chanson ou citation, paroles de chansons ou citation, paroles de chanson ou citation, paroles de chanson ou citation. <b>+ crédit de la citation/titre de la chanson.</b></div> <span style="opacity: 0.2; letter-spacing: 3px;">(c) blue walrus.</span></center><link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
✩ signature 2. (sans lecteur de musique)
aperçu :
i'll be counting stars
i want you by my side, so that i never feel alone again. they've always been so kind. but now they've brought you away from me, i hope they didn't get your mind. your heart is too strong, anyway. i want you by my side, so that i never feel alone again. i want you by my side, so that i never feel alone again. + stolen dance
(c) blue walrus.
code :
NB : vous pouvez là encore régler la taille de l'image comme vous l'entendez ; le texte reviendra de toute manière se mettre sous elle s'il est trop long pour rester sur le côté.
Code:
<center><br><div style="text-transform: lowercase; color: #1A1A1A; width: 250px;"><div style="font-family: 'homemade apple'; font-size: 18px;">UNE CITATION PAS TROP LONGUE</div><img style="margin-right: 5px; border-radius: 5px 5px 5px 5px; border: 1px solid #1A1A1A; height: 65px; padding:2px; margin-bottom: 2px;" align="left" src="URL DE L'IMAGE/DU GIF"><div style="font-size:9px; line-height:8px; text-align: justify; padding-top: 2px;"><i>paroles de chanson ou citation, paroles de chanson ou citation, paroles de chansons ou citation, paroles de chanson ou citation, paroles de chanson ou citation. <b>+ crédit de la citation/titre de la chanson.</b></div></div> <span style="opacity: 0.2; letter-spacing: 3px;">(c) blue walrus.</span></center><link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
✩ signature 3. (sans lecteur de musique)
aperçu :
i'll be counting stars
i want you by my side, so that i never feel alone again. they've always been so kind. but now they've brought you away from me, i hope they didn't get your mind. + stolen dance
(c) blue walrus.
code :
Code:
<center><br><div style="text-transform: lowercase; color: #1A1A1A; width: 247px;"><div style="font-family: 'homemade apple'; font-size: 18px;">UNE CITATION PAS TROP LONGUE</div><img class="mge" src="URL DE L'IMAGE/DU GIF NUMÉRO 1"> <img class="mge" src="URL DE L'IMAGE/DU GIF NUMÉRO 2"><div style="font-size:9px; line-height:8px; text-align: justify;"><i>paroles de chanson ou citation, paroles de chanson ou citation, paroles de chansons ou citation, paroles de chanson ou citation, paroles de chanson ou citation.</i> <b>+ crédit de la citation/titre de la chanson.</b></div></div> <span style="opacity: 0.2; letter-spacing: 3px;">(c) blue walrus.</span></center><link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'><style>.mge {border-radius: 5px; border: 1px solid #1A1A1A; width: 115px; padding:2px;}</style>
✩ signature 4. (avec ou sans lecteur de musique)
aperçu :
✩ so hold my hands up
i had done wrong, you build your tower. but call me home, and i will build a throne, and wash my eyes out.
code (avec lecteur de musique) :
NB : si vous voulez rajouter plus de texte, vous pouvez vous reporter au code sans lecteur de musique ; une autre astuce pour avoir plus de place pour le texte sous les images : réhébergez vos gifs/images si les liens sont trop longs ! par exemple, les liens tumblr sont longs, si vous réhébergez sur imgur, ce sera beaucoup moins long. sans oublier de créditer, bien entendu !
NB 2 : comme le code avec le lecteur de musique est long, mon crédit n'y figure pas ; merci donc de le rajouter dans votre profil ! je vous fais confiance.
Code:
<center>[color=#1A1A1A]<div style="width: 230px; font-family: times; font-size: 19px;">COURTE CITATION ICI</div><img class="mag" src="URL DE L'IMAGE/DU GIF NUMÉRO 1"> <img class="mag" src="URL DE L'IMAGE/DU GIF NUMÉRO 2"><div style="width: 230px; font-size:9px; line-height:10px; text-align: justify;"><i>paroles de chanson ou citation, paroles de chanson ou citation, paroles de chansons ou citation, paroles de chanson ou citation, paroles de chanson ou citation.</i></div> <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=LIEN MP3 DE LA MUSIQUE QUE VOUS VOULEZ METTRE (VOIR TUTO)&t0= &total=1" quality="high" wmode="transparent" width="175" height="8" style="margin-top: -8px;" name="billy" type="application/x-shockwave-flash"/>[/color]</center><style>.mag {width: 115px; border-radius: 5px;}</style>
code (sans lecteur de musique) :
NB : comme le code sans le lecteur de musique est moins long, j'y ai rajouté mon crédit.
Code:
<center>[color=#1A1A1A]<div style="width: 230px; font-family: times; font-size: 19px; text-transform: lowercase;">COURTE CITATION ICI</div><img class="mag" src="URL DE L'IMAGE/DU GIF NUMÉRO 1"> <img class="mag" src="URL DE L'IMAGE/DU GIF NUMÉRO 2"><div style="width: 230px; font-size:9px; line-height:10px; text-align: justify;"><i>paroles de chanson ou citation, paroles de chanson ou citation, paroles de chansons ou citation, paroles de chanson ou citation, paroles de chanson ou citation.</i></div><br><span style="opacity: 0.2; letter-spacing: 3px;">(c) blue walrus.</span>[/color]</center><style>.mag {width: 115px; border-radius: 5px;}</style>
et je tâcherai de vous en rajouter d'autres, un de ces quatre
Dernière édition par Elisa Hyde le Jeu 16 Juin 2016 - 22:49, édité 3 fois
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:26
les fiches de liens
le libre-service avec crédit, c'est par ici !
✩ premier modèle.
aperçu :
PRÉNOM NOM âge + profession + statut
the character ☞ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦
life's unchained ☞ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦
fiche (c) elephant song. image (c) tumblr.
code :
Code:
<center><img src="BANNIÈRE DE 400PX DE LARGEUR MINIMUM" class="image"> <div style="color: #1A1A1A; margin-top: 10px; font-family: courier new; text-transform: uppercase; letter-spacing: 2px; width: 400px; line-height: 9pt;"><span style=" font-size: 28px; ">PRÉNOM NOM</span> <span style=" font-size: 11px; ">âge + profession + statut</span></div> <table style="margin-top: -20px;"><tr><td><div style="color: #1A1A1A; width: 200px; height: 175px; overflow: auto; text-align: justify; font-size: 11px;"><span style="font-family: cambria; text-transform: lowercase; letter-spacing: 1px; font-style: italic; font-size: 13px;">[b]the character[/b] ☞</span> fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ fait sur le personnage ◦ </div></td>
<td><div style="color: #1A1A1A; margin-left: 10px; width: 200px; height: 175px; overflow: auto; text-align: justify; font-size: 11px;"><span style="font-family: cambria; text-transform: lowercase; letter-spacing: 1px; font-style: italic; font-size: 13px;">[b]life's unchained[/b] ☞ </span>fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ fait sur l'histoire du personnage ◦ </div></td></tr></table>
Dernière édition par Lockhart O'Meara le Jeu 25 Juin 2015 - 16:17, édité 1 fois
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:26
les présentations rp
le libre-service avec crédit, c'est par ici !
Bon, allez, un petit libre-service de présentations de rps. c'est des trucs que j'avais codés pour moi, mais je vous en fais gracieusement cadeau parce que je vous aime. et que ça me dérange pas de partager, j'suis pas radin. le seul truc, comme d'hab', c'est qu'on laisse mon crédit à la fin.
✩ modèle 1. (avec ou sans lecteur de musique)
aperçu (en-tête complète ; premier post):
codes :
nb : tout ce qu'il y a à remplir, hormis le rp, se trouve dans la première partie du codage, en haut ; pas besoin de toucher à la partie tout en bas, mais n'oubliez pas de la mettre, sinon le codage n'aura aucune tête !
≈ avec lecteur de musique :
Code:
<center><br><titre>PETITE CITATION ICI</titre> <div class=soustitre>PRÉNOM 1 & PRÉNOM 2</div><img class="immg" src="LIEN DE LA PREMIÈRE IMAGE/DU PREMIER GIF"> <img class="immg" src="LIEN DE LA DEUXIÈME IMAGE/DU DEUXIÈME GIF"> <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" height="18" width="200" style="margin-top: 5px;" wmode="transparent"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#141112"><param name="FlashVars" value="mp3=LIEN DE VOTRE MUSIQUE&loadingcolor=1A1A1A&buttoncolor=1A1A1A&slidercolor=1A1A1A"></object></center>
<div style="margin-right: 15px; margin-left: 15px;">votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici.</div>
<center><br><titre>PETITE CITATION ICI</titre> <div class=soustitre>PRÉNOM 1 & PRÉNOM 2</div><img class="immg" src="LIEN DE LA PREMIÈRE IMAGE/DU PREMIER GIF"> <img class="immg" src="LIEN DE LA DEUXIÈME IMAGE/DU DEUXIÈME GIF"></center>
<div style="margin-right: 15px; margin-left: 15px;">votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici.</div>
nb : tout ce qu'il y a à remplir, hormis le rp, se trouve dans la première partie du codage, en haut ; pas besoin de toucher à la partie tout en bas, mais n'oubliez pas de la mettre, sinon le codage n'aura aucune tête !
<div style="margin-right: 15px; margin-left: 15px;">votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici.</div>
<div style="margin-right: 15px; margin-left: 15px;">votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici,votre rp ici, votre rp ici.</div>
Dernière édition par Lockhart O'Meara le Jeu 25 Juin 2015 - 15:48, édité 10 fois
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:27
les lecteurs de musique
parce que les tutos ça peut servir !
avant tout
Parce que ouais, mettre de la musique dans sa signature ou dans ses RPs, c'est quand même grave la classe Il existe plein de lecteurs différents, j'vais essayer de vous faire un petit tuto qui en regroupe déjà quelques-uns, ceux qui sont les plus simples (les youtube), et ceux que j'utilise, moi Y en a pour lesquels c'est plus compliqué que d'autres... Mais on finit toujours par s'y habituer, et ensuite plus besoin du tuto pour gérer So, let's go.
NB : à partir du lecteur tumblr, je vous fournis les explications, et je vous donne un code prêt à l'emploi tout à la fin, en spoiler. ainsi, vous saurez quelles parties du code nous intéressent.
NB 2 : certains codes seront en spoiler, afin de ne pas déformer la page.
lecteurs youtube
✩ premier modèle. (une seule chanson)
Comme son nom l'indique, tout d'abord, il faut aller sur YouTube. Vous trouvez la vidéo dont vous voulez intégrer la musique, et suivez le guide :
Spoiler:
Etape 1) Tout d'abord, affichez la vidéo. Puis :
Etape 2) Ensuite :
Etape 3) Après cela, deux étapes :
Etape 4) Copiez/collez simplement le code dans votre message, puis modifiez deux valeurs, comme ci-dessous :
Vous pouvez aussi choisir de ne pas mettre le lecteur, et d'intégrer simplement la vidéo. Pour ça, vous n'avez plus qu'à intégrer le lecteur sans modifier les valeurs.
✩ deuxième modèle. (une seule chanson)
Le troisième lecteur est en apparence un peu plus harmonieux que les deux premiers. Il prend cette forme :
Pour ce faire, on va utiliser le codage de base qui suit :
Dans le lien de votre musique — alias le petit lien youtube que vous prenez dans votre barre d'URL — la partie « /watch?v= » doit être remplacée par « /v/ ». Le lien youtube s'insère dans la partie du codage qui suit :
N'hésitez pas, de plus, à régler la largeur du lecteur à l'aide de la balise « width="325" » : vous n'avez qu'à modifier 325, pour mettre la largeur que vous souhaitez !
Et si vous avez la moindre question, n'hésitez pas.
✩ troisième modèle. (une seule chanson)
La deuxième méthode est bien plus simple — selon certains points de vue, d'autres préfèreront sans doute la première . Pour commencer, il vous faut aller dans la page de rédaction d'un message. Puis, suivez la démarche suivante :
Spoiler:
Etape 1)
Etape 2)
Etape 3) (elle peut paraître inutile, mais sinon ça ne marche pas)
Parce que pour tous les lecteurs suivants, vous allez avoir besoin d'aller chercher les liens de vos chansons ailleurs que sur youtube. Du coup, plutôt que de vous le réexpliquer à chaque fois, ou bien de l'expliquer une fois pour un lecteur et que vous retrouviez plus où j'en parlais ensuite, j'vous fais une petite partie explicative, j'espère que ce sera pas perdu.
Vous allez donc avoir besoin de trouver les liens mp3 de vos chansons. Pour ça, il existe une solution bien simple : les sites mp3. Par exemple, celui dont moi je me sers tout le temps : http://mp3skull.com/ Vous y allez, et vous cherchez la musique qui vous intéresse grâce à la barre de recherche (en espérant qu'elle y soit sinon y a aussi ce site : http://mp3skull.lu/ qui fonctionne sur le même principe). Vous cliquez sur "download" lorsque vous l'avez trouvée, et un lien apparaît dans un nouvel onglet (si ça ne s'ouvre pas dans un nouvel onglet, faites un clic droit avec votre souris/trackpad, et faites « ouvrir dans un nouvel onglet »). Il faut que l'url de la page qui s'affiche se termine par .mp3 sinon ça ne marchera pas. C'est en effet de cet url dont vous allez vous servir, cet url que vous insèrerez dans les codes que je vous donne ci-dessous.
(NOTE : parfois, quand vous ouvrez les urls à partir du bouton « download », vous pouvez tomber sur des pages d'autres sites MP3 (comme celui-ci par exemple : http://trendingmp3.com/ ou bien encore http://mp3for.me/ ; dans ce cas-là, pas de panique : ne copiez pas l'URL de la page qui s'affiche. revenez sur la page du site de départ, faites un clic droit sur « download », et cliquez sur « copier le lien » : ça vous copiera directement le lien MP3 ! )
Si jamais vous ne trouvez pas votre bonheur sur les sites mp3 (fouillez bien, il en existe des tas !), j'ai une autre petite technique, mais qui nécessite un hébergeur qui va pouvoir héberger des musiques. Je me sers de archive-host, mais je crois qu'il est payant maintenant, et je n'en connais pas d'autre, mais fouillez, j'suis sûre que vous pouvez trouver. (en faisant une recherche rapide, je viens de trouver ça : http://www.envoyercefichier.com/ je ne sais pas ce que ça vaut mais vous pouvez toujours essayer. ) Bref, vous pouvez héberger une musique au format mp3 que vous avez sur votre ordinateur ! Il vous suffira d'introduire le lien dans votre lecteur, une fois qu'il sera généra par l'hébergeur. Là encore, si vous n'avez pas la musique qu'il vous faut sur votre ordinateur, il vous suffit de la télécharger ! Je pense notamment à pas mal de trucs qu'on trouve sur youtube et qu'on a du mal à dénicher ailleurs. Pour ça, vous pouvez transformer la vidéo en fichier mp3 (grâce à ce site, par exemple : http://www.youtube-mp3.org/fr ), télécharger ledit fichier, et ensuite l'héberger comme je vous expliquais au-dessus.
Voilà, j'espère que c'était à peu près bien expliqué, je suis désolée, des fois je m'emmêle les pinceaux et c'est pas clair je clarifierai tout ça s'il le faut, vous en faites pas, y a qu'à me dire, et je ferai un truc plus clair, j'me débrouillerai.
En tout cas j'espère que ça vous sera utile. Surtout que pour tous les lecteurs qui vont arriver ensuite, vous allez en avoir besoin ! sur ce, place aux lecteurs.
i ✩ insérer un lecteur tumblr. (une seule chanson)
C'est à dire, ce genre de lecteur :
Avant on pouvait les récupérer sur tumblr, mais voilà, ils ont tout changé et maintenant c'plus possible Donc déjà on ne perd pas le code de base, que voici :
Ensuite, pour changer de chanson. La partie qui nous intéresse, et qui correspond au lien de la musique, c'est celle située entre « audio_file= » et « &color=FFFFFF », non compris. Pour trouver le lien de votre chanson, vous faites comme expliqué dans la partie introduction, ci-dessus. Une fois que vous avez l'url, insérez-le à la place de celui qu'il y a dans le code, entre les balises que je vous ai données ci-dessus.
Après vous pouvez régler la taille et tout, avec les balises width et height, comme pour tous les autres lecteurs Et le tour est joué
(Ah oui. Si vous voulez que le lecteur ne soit pas noir, mais blanc, il vous suffit d'enlever la partie "_black" qui se trouve dans cette partie du code : "src="http://assets.tumblr.com/swf/audio_player_black.swf?". Et le tour est joué Ensuite avec un peu de codage en rajoutant une balise "style=" on peut même changer la couleur du lecteur, faire jouer son opacité, 'fin bref. Voilà quoi, si vous voulez plus d'explications là-dessus, hésitez pas à demander. )
code prêt à remplir :
Code:
<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player_black.swf?audio_file=LIEN DE LA CHANSON&color=FFFFFF" height="27" width="282" quality="best" wmode="opaque"></embed>
ii ✩ insérer un lecteur... tout petit tout beau. (une seule chanson)
Là, je remercie d'avance Judas de m'avoir appris comment faire Sans lui, j'aurais pas pu vous l'expliquer
Pour vous donner un aperçu, donc, pour commencer, il s'agit de ce type de lecteur :
C'est petit, pratique, ça passe inaperçu, bref, la classe De même que pour le lecteur tumblr, ne perdez pas le code de base, il est stable, on va bosser à partir de lui :
Il est un peu compliqué, certes, mais on va pas toucher à tout, je vous rassure Le plus important : comment changer la musique. Donc, y a une partie du code, celle-ci, dont vous allez avoir besoin :
Dans ce code-ci, la partie qui nous intéresse, et qui correspond au lien de la musique, c'est celle située entre "mp3=" et "&bgcolor=", non compris. Comme pour le lecteur tumblr, vous allez chercher la musique qu'il vous faut sur les sites que je vous ai proposés dans la partie d'introduction. Une fois que vous avez votre url mp3, vous l'insérez à la place de celui qu'il y a dans le code, entre les balises que je vous ai nommées.
Pour changer la couleur du lecteur, il faut se référer à pas mal de balises. Mais c'est largement faisable Ce sont des couleurs HTML, par contre, donc il faut les codes correspondant Pour la couleur de la petite flèche, du curseur et tout ça, ce sont toutes les 1a1a1a ici, dans cette partie du code (en HTML tout pareil) :
iii ✩ insérer un lecteur... encore plus petit et plus beau. (une ou plusieurs chansons)
Alors, celui-ci, c'est celui que j'utilise le plus, surtout dans mes signatures, en fait, parce que c'est petit léger, mais il passe vraiment partout. un aperçu du code, pour commencer :
On va donc bosser à partir de ce code (comme pour les autres, c'est le code de base, qu'on modifiera pour mettre la ou les chansons que l'on veut) :
Code:
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://onlinekaraoke.tv/assets/songs/24000-24999/24604-addicted-to-you-avicii.mp3&t0=addicted to you (avicii)&total=1" quality="high" wmode="transparent" width="175" height="15" name="billy" align="auto" type="application/x-shockwave-flash"/>
Ensuite, la partie du code qui nous intéresse, et qu'on va modifier, c'est celle-ci :
Code:
&f0=http://onlinekaraoke.tv/assets/songs/24000-24999/24604-addicted-to-you-avicii.mp3&t0=addicted to you (avicii)&total=1
C'est elle qui va nous permettre de mettre une ou plusieurs chansons. Comme dans les modèles précédents, il faut que vous récupériez le lien de la musique (ou des musiques) que vous souhaitez mettre dans le lecteur. Pour la suite, voilà comment ça fonctionne.
Dans le morceau de code que je vous ai extrait, « f0= » introduit le lien de la chanson : c'est après ce morceau que vous le collez. « t0= » introduit le titre de la chanson que vous avez mis : vous pouvez choisir de remplir ou non cette partie du code, sachant que si vous ne la remplissez pas, mettez simplement un espace, et votre lecteur apparaîtra à sa forme la plus simple (ce qui est pratique si on n'a pas beaucoup de place). Pour ajouter plus d'une chanson, répétez simplement le mécanisme de la première, en séparant à chaque fois les éléments par un symbole « & » (sans espaces). Par exemple, après « f0=LIEN&t0=TITRE », mettez « f1=LIEN&t1=TITRE ». Vous pouvez aller jusqu'au nombre que vous désirez, en augmentant à chaque fois les chiffres de 1. Le tout, c'est de toujours terminer votre playlist par la partie : « &total= », et de bien indiquer le nombre total de chansons après le signe « = ». (DÉMONSTRATION — ça nous donnerait donc, pour quatre chansons, admettons : « f0=LIEN&t0=TITRE&f1=LIEN&t1=TITRE&f2=LIEN&t2=TITRE&f3=LIEN&t3=TITRE&total=4 ». et là, vous aurez dans votre lecteur une playlist de quatre chansons, qui passera en boucle. )
Voilà, j'espère que ce n'était pas trop compliqué, c'est un peu galère à expliquer, mais j'ai fait de mon mieux si jamais c'est pas clair, dites-le moi, surtout, je reformulerai pour essayer de rendre ça limpide
code prêt à remplir :
Code:
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=LIEN DE LA CHANSON&t0=TITRE DE LA CHANSON&total=1" quality="high" wmode="transparent" width="175" height="15" name="billy" align="auto" type="application/x-shockwave-flash"/>
iv ✩ insérer un lecteur dewplayer.
ça s'en vieeeeeent.
pour finir
VOILÀ VOILÀ. J'espère que c'était assez compréhensible, et clair pour tout le monde Je sais que c'est un peu compliqué, j'ai essayé de faire au mieux pour que vous puissiez comprendre j'essaierai de retravailler les explications plus tard pour faire encore plus simple (et plus organisé ) mais là mon cerveau commence à s'empatouiller tout seul.
Si vous avez la moindre question, en tout cas, n'hésitez pas. Je suis là pour y répondre, vous pouvez poster à la suite au moindre problème, ou bien pour des petites commandes si vous préférez ne pas vous aventurer dans tout ça... Bref, hésitez surtout pas.
Dernière édition par Lockhart O'Meara le Mar 23 Juin 2015 - 15:06, édité 4 fois
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:28
et un au cas où, et puis si vous voulez poster à la suite, passer commande ou quoi, n'hésitez pas. J'VOUS AIME.
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Lun 22 Juin 2015 - 22:36
HANLALA MAIS T'ES UNE PERLE TOI J'adoooooore tellement tes codes en libre service en plus, merciiiiiiiii
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mar 23 Juin 2015 - 22:45
haaaaaan j'suis contente si ça peut servir, moi, en tout cas, et s'ils plaisent j'ai rajouté le tuto pour les musiques, et je suis en train d'ajouter des en-têtes de rp, je continuerai plus tard.
Diana Peterson
MEMBER - join the evolution.
MESSAGES : 810
SUR TH DEPUIS : 13/05/2014
Sujet: Re: blue walrus. (libre-service&tuto) Mar 23 Juin 2015 - 23:08
J'avais jamais vu ta galerie avant, je la trouve super !
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mar 23 Juin 2015 - 23:25
j'adore tes signatures, ok, ça s'est dit il y a de grandes chances pour que j'en utilise une bientôt, avec le credit, of course
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mer 24 Juin 2015 - 19:09
ma clo tu es un ange , sérieusement je suis amoureuse de tes signa, et puis si en plus tu veux bien les partager je t'épouse sur le champ merci beaucoup, je vais probablement en utiliser une bientôt
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mer 24 Juin 2015 - 19:22
merci diana, contente qu'elle te plaise.
aspen, je suis contente si tu les aimes. hésite pas, en tout cas, elles sont là pour ça.
léa owi épouse-moi. non mais contente si ça te plait aussi. et puis y a pas de quoi, ça me fait plaisir de partager.
j'vais d'ailleurs essayer de continuer à remplir tout ça ce soir, j'ai un peu de temps normalement essayer de rajouter quelques codes de signa, et des en-têtes rp.
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mer 24 Juin 2015 - 22:33
wow, tes créations sont vraiment superbes! tu risques également de me voir t'en emprunter une sous peu.
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Jeu 25 Juin 2015 - 10:26
pas de soucis, ahaha, ils sont là pour ça
finalement j'ai pas pu continuer d'en faire hier, mais j'essaie de m'y mettre aujourd'hui.
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Sam 27 Juin 2015 - 3:06
Haaan T'es géniale ! *o* J'ai réussi à me servir du lecteur de musique (bon, après avoir compris que même à une heure tardive, il faut tout lire, parce que sinon ça marchera pas ) et ça, c'est un grand pas pour moi o/ Merci :3 Et j'adore ton code de présentation RP, pas trop de trucs, juste ce qu'il faut, je suis fan
Invité
Invité
Sujet: Re: blue walrus. (libre-service&tuto) Mer 8 Juil 2015 - 21:47
J'aime beaucoup ce que tu fais, je te pique une fiche de rp x)