Modifier l'apparence de son RGFR

[Dieu']

Salut Tous le monde aujourd'hui je vous fais un Tuto pour modifier l'apparence du site reality-gaming.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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

-

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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

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:

Il vous suffit de faire Enregistrer et de regarder votre réalitygaming changer
Pour ce code vous devriez avoir ceci:

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.

(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.

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.

Remplicer les comme sur l'image:
-http://reality-gaming.fr/
-http://reality-gaming.fr/conversations
-http://reality-gaming.fr/members
-http://reality-gaming.fr/thread
-http://reality-gaming.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:

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:

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

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

 

[RM adidmodz]

Utile en plus faut juste modifier du Html.

 

[iLaylow]

Sympa le tuto ! Ça aussi marche avec youtube etc.. Non ?

 

[RM adidmodz]

Bah faut que tu trouve les codes HTML a modifier

 

[Djinh]

On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop

 

[Dieu']

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 être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

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]

Merci

> Je vais test sa de suite

 

[Dieu']

On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop

Oui on peut créer son propre thème via la case "code" quand tu modifie

 

[xiMGz ||]

huum ! je croit je vais comme même gardé celui la

 

[Djinh]

Oui on peut créer son propre thème via la case "code" quand tu modifie

Dimension ?

 

[Aigeane]

Omg, ca pèèèèèèète O Merci

 

[Tehq]

Trop compliquer new idee faire aux premiums leur propre RG (visible que par sois) comme un fond youtube

 

[Dieu']

Dimension ?

Je ne connais pas les dimensions exacte mais un truc aux alentours de 1030 × 870 devrait faire l'affaire.

 

[kanki]

Mercii

 

[Sulfus]

Vraiment bon ça , le pire c'est que je l'ai cette addon et je l'ai jamais touché pour RGFR , merci dieu

 

[TouToKaBle]

c'est sympa , j'y ferrai pas car c'est un peu suprimé le travail du staff en modifiant le site.

 

[Dihlaz]

ouais mais c stylé

 

[Phenomennx8]

Merci mec j'ai change mon théme

 

[F850GSA]

Merci !!

 

[Eric71]

J'teste ça demain, j'ai un peux la flemme la. Sinon, tu gères ♥