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
898
Points
13 164
RGCoins
201
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
 

Streetdunk

StreeTDunK
Premium
Inscription
12 Janvier 2014
Messages
1 788
Réactions
632
Points
12 443
RGCoins
0
JayJay :o Je vais le faire ^^
 

Grégory

Développeur
Ancien staff
Inscription
14 Novembre 2011
Messages
2 798
Réactions
2 221
Points
25 358
RGCoins
0
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 ;)
 
D

delete221380

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: :trollface:
 

Rivals

Ancien staff
Inscription
27 Août 2016
Messages
1 706
Réactions
898
Points
13 164
RGCoins
201
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. :p
 

Lyrix

UX/UI Designer
Ancien staff
Inscription
20 Août 2012
Messages
22 679
Réactions
8 185
Points
36 926
RGCoins
70
T'est un génie mon amour :love:
 

Slany

Ancien
VIP
Inscription
24 Juillet 2013
Messages
6 599
Réactions
3 495
Points
15 499
RGCoins
0
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
 

Raptor Jesus

Modérateur
Ancien staff
Inscription
24 Mai 2014
Messages
6 570
Réactions
3 154
Points
19 373
RGCoins
0
Merci pour le tutoriel, Rivals !
Ca marche à merveille :)
22c511b829e0dd2c54abcee8fe11a067.png
 

Le ? du ?

Premium
Inscription
29 Juin 2012
Messages
7 184
Réactions
1 437
Points
22 591
RGCoins
0
Quelqu'un a réussi a le faire sur Mozilla svp? ;) merci
 

Panzananas

☆ S.PROD ☆
Premium
Inscription
15 Juin 2014
Messages
374
Réactions
94
Points
5 736
RGCoins
0
Merci du tutoriel car je ne s'avais pas le faire :)
 

Lyrix

UX/UI Designer
Ancien staff
Inscription
20 Août 2012
Messages
22 679
Réactions
8 185
Points
36 926
RGCoins
70
Sa marche à merveille, merci ;)

8A1LwA7.png
 

Switch.

Codeur Web à ton service | > Python
Premium
Inscription
13 Janvier 2013
Messages
2 956
Réactions
968
Points
6 491
RGCoins
0
Ca fait plaisir de voir quelqu'un utiliser mon header en javascript :D Sinon bien jour Rivals :o
 

Ti-Ken

☁ⓚⓔⓝ☁
Premium
Inscription
18 Octobre 2012
Messages
1 053
Réactions
345
Points
14 614
RGCoins
0
Merci :love:
You must be registered for see images attach
 

Twizly

PC Player
Premium
Inscription
10 Août 2012
Messages
760
Réactions
170
Points
7 383
RGCoins
25
Testé et apprécié! Merci :D
 

PriinCeSse

OKLM
Premium
Inscription
28 Février 2014
Messages
1 505
Réactions
854
Points
2 478
RGCoins
0
Woow topic complet et utile merci Rivals faut que je remette le script de Wayz demain je fais ça je crois.
 
Haut