YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

Tutoriel Modifier l'apparence de son RGFR

TRANSFORMEZ VOTRE TÉLÉPHONE EN CONSOLE DE JEU !
Statut
N'est pas ouverte pour d'autres réponses.

Dieu'

Admiпistrateur
Premium
Inscrit
10 Janvier 2012
Messages
513
J'aime
221
Points
4 118
Reply from Dieu' Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #1
Salut Tous le monde aujourd'hui je vous fais un Tuto pour modifier l'apparence du site Realitygaming.fr sur votre pc.

Etape 1: Stylish


Tous d'abord il faut télécharger l'addon Stylish disponible pour Mozilla et Google Chrome.
Pour ceux qui ne connaissent pas Stylish est un addon permettant de modifier l'apparence de pages (principalement les pages connus car nécéssite le téléchargement d'un thème)
Lien telechargement:
-
Vous devez vous inscrire pour voir les liens !

-
Vous devez vous inscrire pour voir les liens !

Etape 2: Télécharger un thème.

Pour cette étape je vous conseille d'aller sur Google,Youtube,Facebook et sur le logo Stylish en haut à droite appuyer sur "
Vous devez vous inscrire pour voir les liens !
"
Un lien vous dirige vers une page avec différents thème, télécharger un thème n'importe lequel.

Etape 3: Modifier le thème.

Maintenant appuyer sur l'icone Stylish> Gérer les styles installés
Sur la page faite "modifier"
Supprimer tout le code de la page et remplacer le par:
Code:
body {background-image:url(http://www.netbian.com/d/file/20110815/33774fa537cc04b55bf48737325439f3.jpg)!important;background-attachment:fixed!important;background-size:100% 100%;}
En dessous modifier les pages ou s'appliquent le thème afin d'avoir ceci:
proxy.php?image=http%3A%2F%2Fi.imgur.com%2FH6gjUcA.png&hash=ae50e081e176f10294fad75a533c3859


Il vous suffit de faire Enregistrer et de regarder votre réalitygaming changer :)
Pour ce code vous devriez avoir ceci:
proxy.php?image=http%3A%2F%2Fimg28.imageshack.us%2Fimg28%2F4069%2F444313c7e3244bd29248ac2.png&hash=8fb417b7a5926afef4abfe956f7340f7


Bien sur vous pouvez mettre d'autres backgrounds si celui-ci ne vous plait pas, il vous suffit de prendre l'url de l'image que vous voulez en background et de le mettre à la place de l'url du background dans le code.
proxy.php?image=http%3A%2F%2Fimg89.imageshack.us%2Fimg89%2F9336%2F8f8c3fed4cc24c9e9a5ab91.png&hash=061589be7796329d10cbe475893d663b

(c'est la partie sélectionné)

Voila j'èspère vous avoir aidé pour ceux qui attendaient ce tuto.

Bientôt j'essayerais de mettre un thème plus complet quand j'aurais résolus quelques problème estéthique^^

[EDIT]

J'ai donc fini mon thème un peu plus complet (enfin) et je tiens donc à compléter le topic avec ce thème :)

Etapes 1: Comme pour le changement de background vous allez devoir remplir une case de code.


Code:
body, html, cpf, wrapper { background: #000 !important;background-image: url('http://img.hebus.com/hebus_2010/09/28/100928222043_45.jpg') !important;
 
 
 
background-position:0px 0px !important; background-repeat:no-repeat !important;
 
margin: 1px 1px !important;}
 
 
 
a:visited{
 
  color: rgb(0, 255, 10) !important;}
 
#flt, .flt, .ss-status, a:link, .w0, .link, a font[color] {
 
  color: rgb(3, 195, 255) !important;
 
 
 
 
 
.st > .f .nobr {color: rgba(60%,70%,100%,1) !important;}
 
.flt,.ss-status,a:link,.w0, .link, a font[color] { color: #707070 !important; }
 
a:visited { color:rgba(15%,25%,37%,1) !important;}
 
.menuitem:hover, a:hover, a span:hover, .actbar-btn:hover {color:#38f !important;}
 
.w, .q:active, .q:visited, .tbotu,.a, cite, .cite, .cite:link { color:rgba(40%,70%,100%,0.5) !important; }
 
.s,.osl {color:rgba(60%,80%,100%,0.6) !important;}
 
.g, body {color:black !important;}	
 
#resultStats {color:rgba(50%,75%,100%,0.3) !important;}
 
#sflas {color:gold !important;}
 
#ab_name {color:black !important;}
 
EM {color:goldenrod !important;
 
  font-weight:bold;
 
text-shadow: 00px 04px 05px gold}
 
 
 
 
 
.nodeList .categoryStrip .nodeTitle a {
 
color: rgb(255, 255, 255);
 
}
 
 
 
{
 
.gsst_a {background-color: rgba(100%,100%,100%,1) !important;
 
margin:0px -2px 0px 0px  !important;}
 
 
 
 
 
[id^="page"]{background-color: rgba(0%,5%,10%,.3) !important;
 
background-image:none !important;
 
border-style:solid !important;
 
border-color:rgba(0%,7%,15%,.3) !important;
 
border-width:1px 1px 1px 1px ;box-shadow:0 1px 10px 0px rgba(0%,0%,0%,0.3),
 
inset 0 2px 0px -1px rgba(15%,30%,50%,0.7),
 
inset 0 -2px 0px -1px rgba(15%,30%,50%,0.3),
 
inset 0 3px 10px 0px rgba(40%,70%,100%,0.05),
 
inset 0 5px 10px 0px rgba(30%,70%,100%,0.15),
 
inset 0 26px 0px -10px rgba(35%,65%,100%,0.05)!important;
 
padding:0px 10px 0px 10px  !important;
 
margin:0px 0px 10px 0px  !important;
 
color:#fff;
 
border-radius: 3px !important;}
Voici la premiere case de code. Ensuite il vous faudras remplir en dessous du code les domaines d'application.
proxy.php?image=http%3A%2F%2Fi.imgur.com%2FDmq5xTE.png&hash=624b3dcc1e65408f52df44ae1b782454


Remplicer les comme sur l'image:
-http://realitygaming.fr/
-http://realitygaming.fr/conversations
-http://realitygaming.fr/members
-http://realitygaming.fr/thread
-http://realitygaming.fr/aide

Ensuite il vous faudras remplir un deuxième case de code.

Pour cela cliquer sur le bouton "ajouter une section"

Dans celle ci mettez le code ci-dessous:
Code:
body, html, cpf, wrapper { background: #000 !important;background-image: url('http://img.hebus.com/hebus_2010/09/28/100928222043_45.jpg') !important;
 
background-position:0px 0px !important; background-repeat:no-repeat !important;
margin: 1px 1px !important;}
 
 
.st > .f .nobr {color: rgba(60%,70%,100%,1) !important;}
.flt,.ss-status,a:link,.w0, .link, a font[color] { color: #707070 !important; }
a:visited { color:rgba(15%,25%,37%,1) !important;}
.menuitem:hover, a:hover, a span:hover, .actbar-btn:hover {color:#38f !important;}
.w, .q:active, .q:visited, .tbotu,.a, cite, .cite, .cite:link { color:rgba(40%,70%,100%,0.5) !important; }
.s,.osl {color:rgba(60%,80%,100%,0.6) !important;}
.g, body {color:black !important;}	
#resultStats {color:rgba(50%,75%,100%,0.3) !important;}
#sflas {color:black!important;}
#ab_name {color:black !important;}
EM {color:black !important;
  font-weight:bold;
text-shadow: 00px 04px 05px black}
 
.nodeList .categoryStrip .nodeTitle a {
color: rgb(255, 255, 255);
}
 
{
.gsst_a {background-color: rgba(100%,100%,100%,1) !important;
margin:0px -2px 0px 0px  !important;}
 
 
[id^="page"]{background-color: rgba(0%,5%,10%,.3) !important;
background-image:none !important;
border-style:solid !important;
border-color:rgba(0%,7%,15%,.3) !important;
border-width:1px 1px 1px 1px ;box-shadow:0 1px 10px 0px rgba(0%,0%,0%,0.3),
inset 0 2px 0px -1px rgba(15%,30%,50%,0.7),
inset 0 -2px 0px -1px rgba(15%,30%,50%,0.3),
inset 0 3px 10px 0px rgba(40%,70%,100%,0.05),
inset 0 5px 10px 0px rgba(30%,70%,100%,0.15),
inset 0 26px 0px -10px rgba(35%,65%,100%,0.05)!important;
padding:0px 10px 0px 10px  !important;
margin:0px 0px 10px 0px  !important;
color:#fff;
border-radius: 3px !important;}
Celui ci vous le faite s'appliquer de tels façon:
proxy.php?image=http%3A%2F%2Fimg62.imageshack.us%2Fimg62%2F7721%2F533628472d7d494f9d96026.png&hash=6a89de711e510d0af2353993c3bac011


Enregistrer le thème et c'est fini :)

Veillez bien à n'avoir qu'un thème appliqué à la fois sinon cela change le rendu final :)

proxy.php?image=http%3A%2F%2Fi.imgur.com%2FjajM10l.png&hash=be7b09cdc996c06628ce14cf8fca3f10

Nouveau thème avec couleur de texte modifier... (merci à Yama' pour le background)
 

RM adidmodz

Mod3rateur en Y de la team Reality Mobile
Premium
Inscrit
15 Février 2012
Messages
2 662
J'aime
1 379
Points
5 582
Reply from RM adidmodz Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #2
Utile :bave: en plus faut juste modifier du Html. :o
 

iLaylow

Membre Premium
Premium
Inscrit
3 Octobre 2011
Messages
3 026
J'aime
770
Points
4 738
Reply from iLaylow Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #3
Sympa le tuto ! :) Ça aussi marche avec youtube etc.. Non ?
 

RM adidmodz

Mod3rateur en Y de la team Reality Mobile
Premium
Inscrit
15 Février 2012
Messages
2 662
J'aime
1 379
Points
5 582
Reply from RM adidmodz Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #4
Bah faut que tu trouve les codes HTML a modifier
 

Djinh

:)
Premium
Inscrit
24 Juin 2012
Messages
3 893
J'aime
1 560
Points
5 286
Reply from Djinh Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #5
On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop :trollface:
 

Dieu'

Admiпistrateur
Premium
Inscrit
10 Janvier 2012
Messages
513
J'aime
221
Points
4 118
Reply from Dieu' Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #6
Sympa le tuto ! :) Ça aussi marche avec youtube etc.. Non ?
Oui sa marche surtout avec c'est site la. Sur l'icone stylish il te suffit de faire
Vous devez vous inscrire pour voir les liens !
lorsque tu es sur le site.
Ensuite si tu t'y connais un peu tu peux modifier pour créer des thèmes propres à toi même. :)
 

KesKia_95

Challenge Lobby: MW/WaW/MW2/BO/MW3
Premium
Inscrit
3 Janvier 2012
Messages
1 722
J'aime
456
Points
4 618
Reply from KesKia_95 Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #7
Merci <3

> Je vais test sa de suite :bave:
 

Dieu'

Admiпistrateur
Premium
Inscrit
10 Janvier 2012
Messages
513
J'aime
221
Points
4 118
Reply from Dieu' Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #8
On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop :trollface:
Oui on peut créer son propre thème via la case "code" quand tu modifie
 

xiMGz ||

Développer C# | Modder PS3
Premium
Inscrit
15 Juillet 2012
Messages
2 536
J'aime
976
Points
2 513
Reply from xiMGz || Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #9
huum ! je croit je vais comme même gardé celui la ;)
 

Aigeane FC COINCOIN

Black Excellence
Ancien staff
Inscrit
25 Novembre 2012
Messages
17 096
J'aime
9 580
Points
13 760
Reply from Aigeane FC COINCOIN Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #11
Omg, ca pèèèèèèète :oO Merci :love:
 

Tehq

mobb deep
Ancien staff
Inscrit
11 Septembre 2011
Messages
7 391
J'aime
2 648
Points
6 978
Reply from Tehq Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #12
Trop compliquer new idee faire aux premiums leur propre RG (visible que par sois) comme un fond youtube :love:
 

ali91700

Membre Premium
Premium
Inscrit
14 Août 2011
Messages
1 023
J'aime
118
Points
4 271
Reply from ali91700 Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #14
Mercii
 

Sulfus

Videomaker
Ancien staff
Inscrit
10 Janvier 2012
Messages
5 008
J'aime
2 258
Points
6 556
Reply from Sulfus Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #15
Vraiment bon ça , le pire c'est que je l'ai cette addon et je l'ai jamais touché pour RGFR , merci dieu :D
 

TouToKaBle

Membre en balade
Premium
Inscrit
3 Février 2013
Messages
4 999
J'aime
1 896
Points
6 689
Reply from TouToKaBle Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #16
c'est sympa , j'y ferrai pas car c'est un peu suprimé le travail du staff en modifiant le site.
 
Inscrit
3 Juillet 2012
Messages
209
J'aime
31
Points
3 703
Reply from Dihlaz Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #17
ouais mais c stylé
 

Phenomennx8

NewPrince
Premium
Inscrit
25 Mai 2012
Messages
526
J'aime
87
Points
3 903
Reply from Phenomennx8 Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #18
Merci mec j'ai change mon théme
 

zMT10sp

zMT10sp ava
Premium
Inscrit
26 Décembre 2011
Messages
738
J'aime
167
Points
4 133
Reply from zMT10sp Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #19
Merci !!
 

Eric71 FC COINCOIN

F.D.T Bitchiiiz
Ancien staff
Inscrit
2 Septembre 2012
Messages
3 947
J'aime
2 468
Points
5 793
Reply from Eric71 FC COINCOIN Forums généraux Informatique ⌨️ Windows : Modifier l'apparence de son RGFR #20
J'teste ça demain, j'ai un peux la flemme la. Sinon, tu gères ♥
 
Statut
N'est pas ouverte pour d'autres réponses.


Haut