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

Tutoriel Modifier l'apparence de son RGFR

Statut
N'est pas ouverte pour d'autres réponses.

Dieu'

Admiпistrateur
Premium
Inscription
10 Janvier 2012
Messages
513
Appréciations
221
Points
4 118
#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)
 

Djinh

:)
Premium
Inscription
24 Juin 2012
Messages
3 893
Appréciations
1 560
Points
8 536
#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
Inscription
10 Janvier 2012
Messages
513
Appréciations
221
Points
4 118
#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. :)
 

Tehq

mobb deep
Ancien staff
Inscription
11 Septembre 2011
Messages
7 391
Appréciations
2 644
Points
11 248
#12
Trop compliquer new idee faire aux premiums leur propre RG (visible que par sois) comme un fond youtube :love:
 

Sulfus

Videomaker
Ancien staff
Inscription
10 Janvier 2012
Messages
4 992
Appréciations
2 255
Points
9 806
#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
Inscription
3 Février 2013
Messages
4 963
Appréciations
1 889
Points
9 189
#16
c'est sympa , j'y ferrai pas car c'est un peu suprimé le travail du staff en modifiant le site.
 
Statut
N'est pas ouverte pour d'autres réponses.


Haut