Tutoriel Signature "Administrateur" :)

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

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 040
Réactions
2 967
Points
9 962
    Réponse de Paul GTP Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #1
Salut la communauté ! Dans ce tutoriel je vais vous apprendre à faire une image comme celle-ci:

A partir d'une image comme celle-là:
Pour ce faire, vous aurez besoin de:
  • Google Chrome (ou Mozila Firefox, mais il vous faudra installer le plugin
    Vous devez vous inscrire ou vous connecter pour voir les liens ! (c'est gratuit et rapide 🚀)
    )
  • Un cerveau :trollface:
I/ Obtenir l'image de base
Alors, pour commencer, rendez-vous sur la page d'accueil de :RG: et cliquez sur votre pseudo à droite:


Vous devriez-donc obtenir vos statistiques qui s'affichent:


II/ Inspécter le quoi ?!
Vous savez sans doutes peut-être tous ce que c'est que "Inspecter l'élément", pas vrai ? Vous savez, quand vous faites un clique droit, c'est la fonction tout en bas :)

Cette fonction sert à modifier le code HTML de la page en temps réel... Le problème c'est qu'il n'y a que vous qui le voyez... Sinon ça serait du Hacking, et pour un plugin officiel ce serait bizarre :nrv:

Faites un clique droit sur votre pseudo, et cliquez sur "Inspecter l'élément"
Une fois ceci fait, en bas de votre navigateur il y aura pleins d'écritures bizarre. Enfaites, c'est le code HTML.

III/ Les codes à enlever et à rajouter
Cherchez une ligne de code comme celle-ci:
<div class="xenOverlay memberCard" style="position: fixed; z-index: 9999; top: 89.80000000000001px; left: 212px; display: block;"><div id="memberCard315249" class="contenuMemberCard" data-overlayclass="memberCard">
Puis cliquer sur "Edit as HTML"


Effacez-tout ce qu'il y a et remplacez le code par celui-ci:
<div class="xenOverlay memberCard" style="position: fixed; z-index: 9999; top: 58.7px; left: 212px; display: block;"><div id="memberCard315249" class="contenuMemberCard" data-overlayclass="memberCard">
<div class="avatarCropper">
<a class="avatar NoOverlay Av315249l" href="members/raiin.315249/">
<img src="URL DE VOTRE AVATAR" alt="" style="left: 0px; top: 0px; ">
</a>

</div>

<div class="userInfo">
<h3 class="username"><a href="members/raiin.315249/" class="username NoOverlay"><span class="style3">VOTRE PSEUDO</span></a></h3>

<div class="userTitleBlurb">
<h4 class="userTitle">Administrateur</h4>
<div class="userBlurb">Homme </div>
</div>

<blockquote class="status">Administrateur</blockquote>

<div class="userLinks">

<a href="members/raiin.315249/">Profil</a>


</div>

<dl class="userStats pairsInline">

<dt>Inscrit le:</dt> <dd>15 Août 2013</dd>
<!-- slot: pre_messages -->
<dt>Messages:</dt> <dd><a href="search/member?user_id=315249" class="concealed" rel="nofollow">NOMBRE DE MESSAGES</a></dd>
<!-- slot: pre_likes -->

<!-- slot: pre_trophies -->
<dt>Évaluations :</dt>
<dd><span style="color:#C6FF8C">NOMBRE D'EVALS</span>




</dd> <dt>Points:</dt> <dd><a href="members/raiin.315249/trophies" class="concealed OverlayTrigger">NOMBRE DE POINTS</a></dd>


</dl>


<dl class="pairsInline lastActivity">
<dt>Dernière visite de VOTRE PSEUDO:</dt>
<dd>


Regarde la liste des forums,

<abbr class="DateTime muted" data-time="1387029055" data-diff="5" data-datestring="14 Décembre 2013" data-timestring="HEURE" title="14 Décembre 2013, à 14:50">il y a 1 minute</abbr>

</dd>
</dl>

</div>

<a class="close OverlayCloser"></a>
</div></div>
Pour "URL DE VOTRE AVATAR", faites un clique droit sur votre image de profil et faites "Copier l'URL de l'image" :)

IV/ Résultat
Magie ! Vous êtes désormais administrateur !


V/ Bonus
Elle est bien belle cette image, mais dans la mienne, le fond est blanc/gris. Ce n'est qu'un détail mais c'est tout de même plus jolie !

Maintenant, montez-tout en haut de "Inspecter l'élément", et supprimez cette ligne en faisant: Clique droit => Delete Node
<div id="headerMover">
Faites un clique droit sur la petite croix juste au dessus de votre pseudo, inspectez l'élément, et supprimez cette ligne en faisant: Clique droit => Delete Node
<a class="close OverlayCloser"></a>
Et voilà ! Votre image est toute jolie !


C'est la fin de ce tuto, n'oubliez pas que les évaluations bien méritées font plaisir, et, je vous signale juste comme ça que j'ai pris beaucoup de temps à faire ce tuto :blush:.
J'espère que ça vous aura plus, même si c'est très simple, il fallait que je fasse ce tuto :)

A bientôt :DJ:

PS/EDIT: Je remercie grandement @KOKA car c'est grâce à sa signature que j'ai eu l'idée de faire ce montage et ce tuto. Merci mec :love:
 
Dernière édition:

Slee | iMoDzZ

MODZFR / GAMING
Premium
Inscription
27 Juin 2012
Messages
234
Réactions
73
Points
3 751
    Réponse de Slee | iMoDzZ Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #2
Très bon topic continu mec ça va en aider plus d'un ;)
 

Torres9..

..
Premium
Inscription
3 Septembre 2012
Messages
2 852
Réactions
510
Points
8 461
    Réponse de Torres9.. Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #4
Merci du partage même si c'est simple :) :ok:
 

MIKKO

OFIVE
Premium
Inscription
27 Février 2011
Messages
961
Réactions
328
Points
4 446
    Réponse de MIKKO Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #5
GG et tu peux me taguer dans le topic car sans moi ceci n'existerai pas... :d: Et sinon bon tuto et sa a du te prendre du temps pour les screen et le texte ! +1
 

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 040
Réactions
2 967
Points
9 962
    Réponse de Paul GTP Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #7
GG et tu peux me taguer dans le topic car sans moi ceci n'existerai pas... :d: Et sinon bon tuto et sa a du te prendre du temps pour les screen et le texte ! +1
C'est vrai, j'avais oublié, j'edit le topic :)
Oui, merci c'est vrai que ça m'a pris du temps

PS: Tu as vu que je t'ai credit au moins dans ma signature ? :D
 

MIKKO

OFIVE
Premium
Inscription
27 Février 2011
Messages
961
Réactions
328
Points
4 446
    Réponse de MIKKO Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #8
C'est vrai, j'avais oublié, j'edit le topic :)
Oui, merci c'est vrai que ça m'a pris du temps

PS: Tu as vu que je t'ai credit au moins dans ma signature ? :D
Oui, j'ai vu ^^ Merci
 
M

Macintosh

Invité
    Réponse de Macintosh Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #10
Salut la communauté ! Dans ce tutoriel je vais vous apprendre à faire une image comme celle-ci:


Pour ce faire, vous aurez besoin de:
  • Google Chrome (ou Mozila Firefox, mais il vous faudra installer le plugin
    Vous devez vous inscrire ou vous connecter pour voir les liens ! (c'est gratuit et rapide 🚀)
  • Un cerveau :trollface:
I/ Obtenir l'image de base
Alors, pour commencer, rendez-vous sur la page d'accueil de :RG: et cliquez sur votre pseudo à droite:


Vous devriez-donc obtenir vos statistiques qui s'affichent:


II/ Inspécter le quoi ?!
Vous savez sans doutes peut-être tous ce que c'est que "Inspecter l'élément", pas vrai ? Vous savez, quand vous faites un clique droit, c'est la fonction tout en bas :)

Cette fonction sert à modifier le code HTML de la page en temps réel... Le problème c'est qu'il n'y a que vous qui le voyez... Sinon ça serait du Hacking, et pour un plugin officiel ce serait bizarre :nrv:

Faites un clique droit sur votre pseudo, et cliquez sur "Inspecter l'élément"
Une fois ceci fait, en bas de votre navigateur il y aura pleins d'écritures bizarre. Enfaites, c'est le code HTML.

III/ Les codes à enlever et à rajouter
Cherchez une ligne de code comme celle-ci:

Puis cliquer sur "Edit as HTML"


Effacez-tout ce qu'il y a et remplacez le code par celui-ci:

Pour "URL DE VOTRE AVATAR", faites un clique droit sur votre image de profil et faites "Copier l'URL de l'image" :)

IV/ Résultat
Magie ! Vous êtes désormais administrateur !


V/ Bonus
Elle est bien belle cette image, mais dans la mienne, le fond est blanc/gris. Ce n'est qu'un détail mais c'est tout de même plus jolie !

Maintenant, montez-tout en haut de "Inspecter l'élément", et supprimez cette ligne en faisant: Clique droit => Delete Node


Faites un clique droit sur la petite croix juste au dessus de votre pseudo, inspectez l'élément, et supprimez cette ligne en faisant: Clique droit => Delete Node


Et voilà ! Votre image est toute jolie !


C'est la fin de ce tuto, n'oubliez pas que les évaluations bien méritées font plaisir, et, je vous signale juste comme ça que j'ai pris beaucoup de temps à faire ce tuto :blush:.
J'espère que ça vous aura plus, même si c'est très simple, il fallait que je fasse ce tuto :)

A bientôt :DJ:

PS/EDIT: Je remercie grandement @KOKA car c'est grâce à sa signature que j'ai eu l'idée de faire ce montage et ce tuto. Merci mec :love:
Petite précision : il n'y a pas besoin de Firebug , l'inspection d'élément se trouve sur tous les navigateurs web.
 

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 040
Réactions
2 967
Points
9 962
    Réponse de Paul GTP Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #11
Petite précision : il n'y a pas besoin de Firebug , l'inspection d'élément se trouve sur tous les navigateurs web.
A mes souvenirs il le fallait, après j'utilise Chrome donc je sais pas, mais je le laisse au cas ou, on sais jamais :mmh:
 

VIITALZ'

Pronostiqueur Sportif
Premium
Inscription
29 Décembre 2012
Messages
2 031
Réactions
542
Points
4 826
    Réponse de VIITALZ' Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #12
Super merci <3 !
 

MIKKO

OFIVE
Premium
Inscription
27 Février 2011
Messages
961
Réactions
328
Points
4 446
    Réponse de MIKKO Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #13
Je propose de vous y faire pour seulement 35 starpass la signature ! C'est un des meilleur prix donc dépêchez vous avant qu'il augmente ! :espion:
 

Paul GTP

Légende vivante
VIP
Inscription
15 Août 2013
Messages
6 040
Réactions
2 967
Points
9 962
    Réponse de Paul GTP Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #14
Je propose de vous y faire pour seulement 35 starpass la signature ! C'est un des meilleur prix donc dépêchez vous avant qu'il augmente ! :espion:
Moi je le fais à 34 :espion:
 

Emeric'

Membre depuis Juin 2013
Premium
Inscription
23 Juin 2013
Messages
3 356
Réactions
836
Points
7 211
    Réponse de Emeric' Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #15
Salut la communauté ! Dans ce tutoriel je vais vous apprendre à faire une image comme celle-ci:


Pour ce faire, vous aurez besoin de:
  • Google Chrome (ou Mozila Firefox, mais il vous faudra installer le plugin
    Vous devez vous inscrire ou vous connecter pour voir les liens ! (c'est gratuit et rapide 🚀)
    )
  • Un cerveau :trollface:
I/ Obtenir l'image de base
Alors, pour commencer, rendez-vous sur la page d'accueil de :RG: et cliquez sur votre pseudo à droite:


Vous devriez-donc obtenir vos statistiques qui s'affichent:


II/ Inspécter le quoi ?!
Vous savez sans doutes peut-être tous ce que c'est que "Inspecter l'élément", pas vrai ? Vous savez, quand vous faites un clique droit, c'est la fonction tout en bas :)

Cette fonction sert à modifier le code HTML de la page en temps réel... Le problème c'est qu'il n'y a que vous qui le voyez... Sinon ça serait du Hacking, et pour un plugin officiel ce serait bizarre :nrv:

Faites un clique droit sur votre pseudo, et cliquez sur "Inspecter l'élément"
Une fois ceci fait, en bas de votre navigateur il y aura pleins d'écritures bizarre. Enfaites, c'est le code HTML.

III/ Les codes à enlever et à rajouter
Cherchez une ligne de code comme celle-ci:

Puis cliquer sur "Edit as HTML"


Effacez-tout ce qu'il y a et remplacez le code par celui-ci:

Pour "URL DE VOTRE AVATAR", faites un clique droit sur votre image de profil et faites "Copier l'URL de l'image" :)

IV/ Résultat
Magie ! Vous êtes désormais administrateur !


V/ Bonus
Elle est bien belle cette image, mais dans la mienne, le fond est blanc/gris. Ce n'est qu'un détail mais c'est tout de même plus jolie !

Maintenant, montez-tout en haut de "Inspecter l'élément", et supprimez cette ligne en faisant: Clique droit => Delete Node


Faites un clique droit sur la petite croix juste au dessus de votre pseudo, inspectez l'élément, et supprimez cette ligne en faisant: Clique droit => Delete Node


Et voilà ! Votre image est toute jolie !


C'est la fin de ce tuto, n'oubliez pas que les évaluations bien méritées font plaisir, et, je vous signale juste comme ça que j'ai pris beaucoup de temps à faire ce tuto :blush:.
J'espère que ça vous aura plus, même si c'est très simple, il fallait que je fasse ce tuto :)

A bientôt :DJ:

PS/EDIT: Je remercie grandement @KOKA car c'est grâce à sa signature que j'ai eu l'idée de faire ce montage et ce tuto. Merci mec :love:
Mddr' le Topic ;)
 

Magz'

Vétéran
Ancien staff
Inscription
29 Août 2012
Messages
10 773
Réactions
6 784
Points
15 578
    Réponse de Magz' Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #16
Merci pour le tuto ;)
 

Emeric'

Membre depuis Juin 2013
Premium
Inscription
23 Juin 2013
Messages
3 356
Réactions
836
Points
7 211
    Réponse de Emeric' Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #19
Ce n'est pas méchant ce que j'ai dis tkt :love:
 

ɑŋɗrĕ

Membre Premium
Premium
Inscription
19 Juin 2013
Messages
2 432
Réactions
571
Points
6 353
    Réponse de ɑŋɗrĕ Forums généraux Informatique ⌨️ Windows : Signature "Administrateur" :)
  • #20
Très bon tutoriel !
 
Statut
N'est pas ouverte pour d'autres réponses.


Haut