1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  2. Rejeter la notice

Tutoriel Modifier l'apparence de son RGFR

Discussion dans 'Windows' créé par Dieu', 12 Février 2013.

Statut de la discussion:
N'est pas ouverte pour d'autres réponses.
  1. Dieu'

    Dieu' Admiпistrateur Premium

    Inscrit:
    10 Janvier 2012
    Messages:
    513
    Appréciations:
    230
    Points:
    4 118
    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:
    -

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !


    -

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !


    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 "

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !

    "
    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:
    [​IMG]

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

    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.[​IMG]
    (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.
    [​IMG]

    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:
    [​IMG]

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

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


  2. RM adidmodz

    RM adidmodz Mod3rateur en Y de la team Reality Mobile Premium

    Inscrit:
    15 Février 2012
    Messages:
    2 666
    Appréciations:
    1 496
    Points:
    5 582
    Utile :bave: en plus faut juste modifier du Html. :o
     
  3. iLaylow

    iLaylow Membre Premium Premium

    Inscrit:
    3 Octobre 2011
    Messages:
    3 047
    Appréciations:
    819
    Points:
    4 738
    Sympa le tuto ! :) Ça aussi marche avec youtube etc.. Non ?
     
  4. RM adidmodz

    RM adidmodz Mod3rateur en Y de la team Reality Mobile Premium

    Inscrit:
    15 Février 2012
    Messages:
    2 666
    Appréciations:
    1 496
    Points:
    5 582
    Bah faut que tu trouve les codes HTML a modifier
     
  5. Djinh

    Djinh :) Premium

    Inscrit:
    24 Juin 2012
    Messages:
    3 902
    Appréciations:
    1 625
    Points:
    5 286
    On peut crée son propre thème ? Tu a les dimension et meme un template pour un shop :trollface:
     
  6. Dieu'

    Dieu' Admiпistrateur Premium

    Inscrit:
    10 Janvier 2012
    Messages:
    513
    Appréciations:
    230
    Points:
    4 118
    Oui sa marche surtout avec c'est site la. Sur l'icone stylish il te suffit de faire

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !

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

    KesKia_95 Challenge Lobby: MW/WaW/MW2/BO/MW3 Premium

    Inscrit:
    3 Janvier 2012
    Messages:
    1 759
    Appréciations:
    536
    Points:
    4 618
    Merci <3

    > Je vais test sa de suite :bave:
     
  8. Dieu'

    Dieu' Admiпistrateur Premium

    Inscrit:
    10 Janvier 2012
    Messages:
    513
    Appréciations:
    230
    Points:
    4 118
    Oui on peut créer son propre thème via la case "code" quand tu modifie
     
  9. xiMGz ||

    xiMGz || Développer C# | Modder PS3 Premium

    Inscrit:
    15 Juillet 2012
    Messages:
    2 554
    Appréciations:
    1 028
    Points:
    2 513
    huum ! je croit je vais comme même gardé celui la ;)
     
  10. Djinh

    Djinh :) Premium

    Inscrit:
    24 Juin 2012
    Messages:
    3 902
    Appréciations:
    1 625
    Points:
    5 286
    Dimension ?
     
Statut de la discussion:
N'est pas ouverte pour d'autres réponses.

Partager cette page

Publicité