Modifier l'apparence de son RGFR

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

Dieu'

Admiпistrateur
Premium
Inscription
10 Janvier 2012
Messages
519
Réactions
223
Points
4 118
RGCoins
25
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:
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:
H6gjUcA.png


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


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.
8f8c3fed4cc24c9e9a5ab91.png

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


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:
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:
533628472d7d494f9d96026.png


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

jajM10l.png

Nouveau thème avec couleur de texte modifier... (merci à Yama' pour le background)
 
Utile :bave: en plus faut juste modifier du Html. :o
 
Sympa le tuto ! :) Ça aussi marche avec youtube etc.. Non ?
 
Bah faut que tu trouve les codes HTML a modifier
 
On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop :troll:
 
iLaylow a dit:
Sympa le tuto ! :) Ça aussi marche avec youtube etc.. Non ?
Cliquez pour agrandir...
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. :)
 
Merci :coeur:

> Je vais test sa de suite :bave:
 
CymarkBeat a dit:
On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop :troll:
Cliquez pour agrandir...
Oui on peut créer son propre thème via la case "code" quand tu modifie
 
huum ! je croit je vais comme même gardé celui la ;)
 
Omg, ca pèèèèèèète :OO Merci :love:
 
Trop compliquer new idee faire aux premiums leur propre RG (visible que par sois) comme un fond youtube :love:
 
Vraiment bon ça , le pire c'est que je l'ai cette addon et je l'ai jamais touché pour RGFR , merci dieu :D
 
c'est sympa , j'y ferrai pas car c'est un peu suprimé le travail du staff en modifiant le site.
 
ouais mais c stylé
 
Merci mec j'ai change mon théme
 
Merci !!
 
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.
Retour
Haut