Tutoriel Ajouter une vidéo ou une playlist de votre choix sur RealityGaming, directement dans la sidebar.

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
899
Points
15 514
RGCoins
1 037
Bonjour à tous, dans ce tutoriel nous allons apprendre à créer un script qui vous permettra d'ajouter une vidéo ou une playlist de votre choix directement sur RealityGaming dans la sidebar très simplement. :)

You must be registered for see images attach


Résultat de ce tutoriel


You must be registered for see images attach

CHOIX DE LA VIDÉO OU PLAYLIST
Il vous faudra choisir une vidéo ou une playlist, de préférence sur YouTube. :)
  1. Une fois le choix fait, rendez-vous sur la page de la vidéo ou de la playlist.
  2. Puis trouvez l'option de partage pour pouvoir intégrer votre vidéo ou playlist.
You must be registered for see images attach

3.
Puis cliquez sur l'onglet "Intégrer", en choisissant une taille personnalisée de 230 x 129.

Vous devriez vous retrouver avec un code comme celui-ci :

Code:
<iframe width="230" height="129" src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe>

4. Modifiez ce code manuellement pour vous retrouver avec une hauteur (height) de 250. ;)

Code:
<iframe width="230" height="250" src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe>

5. Conservez ce code dans un fichier .txt ou dans une note.


You must be registered for see images attach


CRÉATION DU SCRIPT

Rien de plus simple, il vous suffira simplement de posséder (Google Chrome) ou (Firefox) mais également d'une faible connaissance en HTML. :smile:

  1. Créez un nouveau script sur l'extension qui est adaptée à votre navigateur.
[tabs]
[tab=TamperMonkey]
  1. Rendez-vous sur votre Dashboard.
  2. Cliquez sur la petite icône qui présente un "+".
  3. Ajoutez le code ci-dessous :
Code:
// ==UserScript==
// @name        Vidéo ou playlist RealityGaming
// @namespace   Vidéo, RG, Playlist
// @description Ajout d'une playlist ou vidéo directement sur RealityGaming.
// @include    http://reality-gaming.fr/*
// @include    https://reality-gaming.fr/*
// @version     1
// @grant       none
// ==/UserScript==
[/tab]
[tab=GreaseMonkey]
  1. Cliquez sur l'icône GreaseMonkey.
  2. Puis sur "Nouveau script...".
  3. Nom : "Vidéo ou playlist RealityGaming", Espace de nom : "Vidéo, RG, Playlist", Description : "Ajout d'une playlist ou vidéo directement sur RealityGaming.", Inclus : "http://reality-gaming.fr/*" ; "https://reality-gaming.fr/*".
[/tab]
[/tabs]

4. Une fois ceci fait, ajoutez le code que vous avez conservé à la place de "CODE A METTRE".
Code:
$(".visitorPanel").after('<div class="secondaryContent" style="border: 1px solid rgb(106, 155, 179); border: 1px solid rgba(106, 155, 179, 0.5); height: 275px;"><div class="h3" style="font-size: 13pt; font-family: Open sans condensed; color: rgb(252, 252, 255); background: rgb(47, 120, 160); repeat-x bottom; background: rgba(47,120,160,1) repeat-x bottom;padding: 4px 7px; margin: -10px -10px 5px; border-bottom: 1px solid #d7edfc; text-shadow: 1px 1px rgba(0,0,0,0.4);"><i class="fa fa-music"></i> Playlist</div><center>CODE A METTRE</center></div>');; // UI
5. Vous devriez avoir ce code :
Code:
// ==UserScript==
// @name  Vidéo ou playlist RealityGaming
// @namespace  Vidéo, RG, Playlist
// @description Ajout d'une playlist ou vidéo directement sur RealityGaming.
// @include  http://reality-gaming.fr/*
// @include  https://reality-gaming.fr/*
// @version  1
// @grant  none
// ==/UserScript==

$(".visitorPanel").after('<div class="secondaryContent" style="border: 1px solid rgb(106, 155, 179); border: 1px solid rgba(106, 155, 179, 0.5); height: 275px;"><div class="h3" style="font-size: 13pt; font-family: Open sans condensed; color: rgb(252, 252, 255); background: rgb(47, 120, 160); repeat-x bottom; background: rgba(47,120,160,1) repeat-x bottom;padding: 4px 7px; margin: -10px -10px 5px; border-bottom: 1px solid #d7edfc; text-shadow: 1px 1px rgba(0,0,0,0.4);"><i class="fa fa-music"></i> Playlist</div><center><iframe width="230" height="250" border-radius: 3px; src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe></center></div>');; // UI

6. Sauvegardez et appréciez le résultat. :cool:

Rivals
 
JayJay :O Je vais le faire ^^
 
Salut,

Bravo pour le script !
Mais le script ne risque pas de s’exécuter ! Dans Greasemonkey, tu as mis "exclude" avec le lien de RG, exclude veut dire exclure, donc il ne se lancera pas, remplace exclude par include ;)
Et enlève about:newtab :mmh:
Et dernières choses, enlève l'* après le lien, sinon le script va s’exécuter de partout sur RG, hors on veut seulement sur l’accueil si j'ai bien compris. :)

Bonne soirée ;)
 
Salut,

Bravo pour le script !
Mais le script ne risque pas de s’exécuter ! Dans Greasemonkey, tu as mis "exclude" avec le lien de RG, exclude veut dire exclure, donc il ne se lancera pas, remplace exclude par include ;)
Et enlève about:newtab :mmh:
Et dernières choses, enlève l'* après le lien, sinon le script va s’exécuter de partout sur RG, hors on veut seulement sur l’accueil si j'ai bien compris. :)

Bonne soirée ;)
@Rivals GTP écoute un peu l'avis des professionnels (d) :troll:
 
Salut,

Bravo pour le script !
Mais le script ne risque pas de s’exécuter ! Dans Greasemonkey, tu as mis "exclude" avec le lien de RG, exclude veut dire exclure, donc il ne se lancera pas, remplace exclude par include ;)
Et enlève about:newtab :mmh:
Et dernières choses, enlève l'* après le lien, sinon le script va s’exécuter de partout sur RG, hors on veut seulement sur l’accueil si j'ai bien compris. :)

Bonne soirée ;)
Salut,

Merci effectivement erreur de ma part ou de GreaseMonkey, c'est corrigé. ;)

Concernant le *, c'est fait exprès. :blague:
 
T'est un génie mon amour :love:
 
http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fimage.noelshack.com%2Ffichiers%2F2014%2F28%2F1404831415-gtp-gif.gif&hash=29286e9f966ee2d005ed9c5836507105
La GTP vous propose un nouveau tutoriel, réalisé par Rivals GTP


" Ajouter une vidéo ou une playlist de votre choix sur RealityGaming, directement dans la sidebar. "
Bonne lecture
http://reality-gaming.fr/proxy.php?image=http%3A%2F%2Fi.imgur.com%2Ff2z1hsY.png&hash=fec836898435df57c0c59b77e2048422 !

Bonjour à tous, dans ce tutoriel nous allons apprendre à créer un script qui vous permettra d'ajouter une vidéo ou une playlist de votre choix directement sur RealityGaming dans la sidebar très simplement. :)

You must be registered for see images attach


Résultat de ce tutoriel


You must be registered for see images attach

CHOIX DE LA VIDÉO OU PLAYLIST
Il vous faudra choisir une vidéo ou une playlist, de préférence sur YouTube. :)
  1. Une fois le choix fait, rendez-vous sur la page de la vidéo ou de la playlist.
  2. Puis trouvez l'option de partage pour pouvoir intégrer votre vidéo ou playlist.
You must be registered for see images attach

3.
Puis cliquez sur l'onglet "Intégrer", en choisissant une taille personnalisée de 230 x 129.

Vous devriez vous retrouver avec un code comme celui-ci :

Code:
<iframe width="230" height="129" src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe>

4. Modifiez ce code manuellement pour vous retrouver avec une hauteur (height) de 250. ;)

Code:
<iframe width="230" height="250" src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe>

5. Conservez ce code dans un fichier .txt ou dans une note.


You must be registered for see images attach


CRÉATION DU SCRIPT

Rien de plus simple, il vous suffira simplement de posséder (Google Chrome) ou (Firefox) mais également d'une faible connaissance en HTML. :smile:

  1. Créez un nouveau script sur l'extension qui est adaptée à votre navigateur.
[tabs]
[tab=TamperMonkey]
  1. Rendez-vous sur votre Dashboard.
  2. Cliquez sur la petite icône qui présente un "+".
  3. Ajoutez le code ci-dessous :
Code:
// ==UserScript==
// @name        Vidéo ou playlist RealityGaming
// @namespace   Vidéo, RG, Playlist
// @description Ajout d'une playlist ou vidéo directement sur RealityGaming.
// @include    http://reality-gaming.fr/*
// @include    https://reality-gaming.fr/*
// @version     1
// @grant       none
// ==/UserScript==
[/tab]
[tab=GreaseMonkey]
  1. Cliquez sur l'icône GreaseMonkey.
  2. Puis sur "Nouveau script...".
  3. Nom : "Vidéo ou playlist RealityGaming", Espace de nom : "Vidéo, RG, Playlist", Description : "Ajout d'une playlist ou vidéo directement sur RealityGaming.", Inclus : "http://reality-gaming.fr/*" ; "https://reality-gaming.fr/*".
[/tab]
[/tabs]

4. Une fois ceci fait, ajoutez le code que vous avez conservé à la place de "CODE A METTRE".
Code:
$(".visitorPanel").after('<div class="secondaryContent" style="border: 1px solid rgb(106, 155, 179); border: 1px solid rgba(106, 155, 179, 0.5); height: 275px;"><div class="h3" style="font-size: 13pt; font-family: Open sans condensed; color: rgb(252, 252, 255); background: rgb(47, 120, 160); repeat-x bottom; background: rgba(47,120,160,1) repeat-x bottom;padding: 4px 7px; margin: -10px -10px 5px; border-bottom: 1px solid #d7edfc; text-shadow: 1px 1px rgba(0,0,0,0.4);"><i class="fa fa-music"></i> Playlist</div><center>CODE A METTRE</center></div>');; // UI
5. Vous devriez avoir ce code :
Code:
// ==UserScript==
// @name  Vidéo ou playlist RealityGaming
// @namespace  Vidéo, RG, Playlist
// @description Ajout d'une playlist ou vidéo directement sur RealityGaming.
// @include  http://reality-gaming.fr/*
// @include  https://reality-gaming.fr/*
// @version  1
// @grant  none
// ==/UserScript==

$(".visitorPanel").after('<div class="secondaryContent" style="border: 1px solid rgb(106, 155, 179); border: 1px solid rgba(106, 155, 179, 0.5); height: 275px;"><div class="h3" style="font-size: 13pt; font-family: Open sans condensed; color: rgb(252, 252, 255); background: rgb(47, 120, 160); repeat-x bottom; background: rgba(47,120,160,1) repeat-x bottom;padding: 4px 7px; margin: -10px -10px 5px; border-bottom: 1px solid #d7edfc; text-shadow: 1px 1px rgba(0,0,0,0.4);"><i class="fa fa-music"></i> Playlist</div><center><iframe width="230" height="250" border-radius: 3px; src="//www.youtube.com/embed/videoseries?list=PLAByrhYIgKWo3-Vml1oXhlHtTyxEGp_uq" frameborder="0" allowfullscreen></iframe></center></div>');; // UI

6. Sauvegardez et appréciez le résultat. :cool:

Rivals
Merci :O
 
Merci pour le tutoriel, Rivals !
Ca marche à merveille :)
22c511b829e0dd2c54abcee8fe11a067.png
 
Quelqu'un a réussi a le faire sur Mozilla svp? ;) merci
 
Merci du tutoriel car je ne s'avais pas le faire :)
 
Sa marche à merveille, merci ;)

8A1LwA7.png
 
Ca fait plaisir de voir quelqu'un utiliser mon header en javascript :D Sinon bien jour Rivals :o
 
Merci :love:
You must be registered for see images attach
 
Testé et apprécié! Merci :D
 
Woow topic complet et utile merci Rivals faut que je remette le script de Wayz demain je fais ça je crois.
 
Retour
Haut