FANDOM


  • J'ai vu qu'on avait beaucoup de point commain alors ça te dirais de faire connaissance ?

    A peut-etre bientot

    Tam Song !!!

      Chargement de l’éditeur...
    • Oh cool ! Quel genre de points commun ?

      Sinon oui bien sure c'est toujours agréable les nouvelles rencontres !! ^^

        Chargement de l’éditeur...
    • mmmh... J'adore les loups, je déteste les sushis... Le reste,  j'ai juste a faire copier coller de ton profil.

        Chargement de l’éditeur...
    • Comment tu fais les badges ?

        Chargement de l’éditeur...
    • Ah cool! ^^

      Tout d'abord, sais-tu coder

      ce genre de chose ?

        Chargement de l’éditeur...
    • je sais pas trop...

        Chargement de l’éditeur...
    • Ok donc je vais t'envoyer un gros message sui va t'expliquer un peu toutes les bases et tu pourras faire des essais sur ce fil si tu veux ^^ quand tu le voudras je t'envoie un second message qui explique les petites modifications dans le code pour les badges ^^ c'est pas très compliqué quand t'as compris le 1er message

        Chargement de l’éditeur...
    • Tu écrit ça (et tu vois ce que tu met à la place des étoiles un peu plus bas) :

      <div style="background: linear-gradient(*le sens du dégradé coloré*, *les codes couleurs*)">

      <div style="border: 10px *forme de la bordure* *couleur de la bordure*; padding: 15px">

      <div style="font-family: *police det l'écriture*; font-color: *couleur de l'écriture*"><center>

      <font color="*Couleur de l'écriture*"><big>

      <div style="text-shadow:1.5px 1.5px 2.5px *couleur de l'ombre du texte*;">

      <p style="font-size: 30px"> *texte que tu veux faire apparaître* </p>



      - Pour *le sens du dégradé coloré* : Si tu as plusieurs couleurs dans ton code tu obtient un dégradé de ces couleurs (logique ^^') Il y a 4 formes différentes de dégradés : horizontal (to bottom), vertical (to right), en diagonale du haut gauche au bas droit (to right bottom) et du haut droit au bas gauche (to top right)

      - Pour *les codes couleurs* : Sur site https://htmlcolorcodes.com/ tu peux retrouver pleins de couleurs. Chacune à un code. Par exemple tu peux mettre : #E6CCFF,#CCE9FF,#FFFF8D,#CFFFCC. Il ne faut surtout pas oublier de mettre des # et de mettre des virgules sans faire d'espaces. [Pour trouver les codes dans le site, vas dand5dans la catégorie "graphiques" ^_^].

      - Pour forme de la bordure* : Il en existe 7 que je sache : pointillés (dotted), petits traits (dashed), double ligne (double), ligne simple (solid), effet cadre avec ombres vers le bas (Ridge), effet cadre avec ombres vers le hau (Groove) et un truc bizarre où une longueur et une largeur sont de la couleur que tu as choisis pour la bordure et les deux autres côtés sont de cette couleurs mais en plus foncé (inset).

      - Pour *couleur de la bordure* : Tu choisis la couleur que tu veux qu'ait ton cadre. Comme les couleurs du fond coloré, tu dois choisir une couleur coďée (par exemple : #FFFFFF >> blanc).

      - Pour *police d'écriture* : J'en connais 9 mais il y en a peut-être d'autres : Savoye LET, Times New Roman, Lobster, Cinzel decorative, Courier, Comic sans ms, Arial, Lucinda Calligraphy et Note worthy

      - Pour *couleur de l'écriture* : tu écrit ta couleur en anglais (par exemple : green). Tu peux aussi choisir une couleur sur le site https://htmlcolorcodes.com/ [cherches dans la catégorie "noms" pour ça ^_^]

      - Pour *Couleur de l'écriture* : C'est pareil qu'au dessus sauf que la première lettre doit être une majuscule (donc par exemple : Green).

      - Pour *couleur de l'ombre du texte* : Tu écris la couleurs en anglais aussi (exemple : black).

      - Pour *texte que tu veux faire apparaître* : Tu écris juste ton texte ^^.

      Chaques "parties" du badge sont entre < > donc, par exemple, si tu enlèves le premier < >, il n'y aurra pas de fond coloré dans le dadge.

      Après pour faire des badges d'amis ou autre, il y a des petites variantes, je te les expliquerais quand tu voudras ^_^

      Quand je te dis que c'est un énorme message ^^' J'espère que je ne t'ai pas perdu en court de route x)

        Chargement de l’éditeur...
    • ok.... Je vais mettre plusieurs jours a le lire XD

        Chargement de l’éditeur...
    • on écrit ou tout ça ?

        Chargement de l’éditeur...
    • XDDDD prend ton temps

      Dans les messages c'est automatiquement en Mode source sur téléphone mais sur ordi faut cliquer sur l'icône en forme d'oeil. Et pour les profil c'est "Éditeur classique" dans les deux cas ^^

      Si tu veux faire des essais tu peu les faire sur cette discussion

        Chargement de l’éditeur...
    • bah voilà je sais pas quoi écrire mais en tout cas merci beaucoup

        Chargement de l’éditeur...
    • CA MARCHE !!!

        Chargement de l’éditeur...
    • XDD Non ça marche pas mais c'est pas grave x)



      L'explication des erreurs

      Tu n'as pas enlevé les étoiles ! Pas bien U.U

      Ensuite, tu as écrit juste "(to bottom)" alord qu'il fallait mettre les couleur avec donc par exemple (to bottom, #FFD5CC,#CCFF99).

      Ensuite, pour la bordure, tu n'as pas fermé les parenthèses à la fin du < >.

      Après, pour la couleur du texte t'as mis arial, puis white et enfin red ^^' Il faut mettre la même couleur partout (j'ai pris arial puisque c'était le premier que t'as mis)

      Et sinon pour l'ombre tu n'avais juste pas enlevé les étoiles ^_^

      Et enfin, je crois que j'ai oublié de l'expliquer mais tout ce qui est entre < > faut le fermer. Genre pour écrire gros on met <big>J'aime les patates</big> et bien c'est pareil pour les <div ...>, <font ...> etc. Il faut les fermer en miroir (s'ils ne sont pas déjà fermé). Par exemple on a <div ...><center><font ...><big>Prout !</big><div ...><div ...><div ...>. Le <big> est déjà fermé donc on n'écrit pas </big> mais on met (je rappel qu'on ferme en miroir) </div></div></div></font></center></div>.

      Voili voilou ! ^_^ J'espérais que je ne t'ai pas perdu en cours de route... XD Dans tout les cas, la suite su message comporte ton code, ton code "corrigé" et ce que ça donne ^^ Si tu n'as pas compris quoi que ce soit, dis le moi ;)




      Ton code

      <div style="background: linear-gradient(* to bottom *)">

      <div style="border: 10px *double* *#FFFFFF >

      <div style="font-family: *arial*; font-color: *white*"><center>

      <font color="*red*"><big>

      <div style="text-shadow:1.5px 1.5px 2.5px *black*;">

      <p style="font-size: 30px"> bah voilà je sais pas quoi écrire mais en tout cas merci beaucoup </p>




      Ton code "corrigé"

      <div style="background: linear-gradient(to bottom, #FFD5CC,#CCFF99)">

      <div style="border: 10px double #FFFFFF">

      <div style="font-family: arial; font-color: arial"><center>

      <font color="Arial"><big>

      <div style="text-shadow:1.5px 1.5px 2.5px black;">

      <p style="font-size: 30px"> bah voilà je sais pas quoi écrire mais en tout cas merci beaucoup </p> </div></big></font></center></div></div></div>




      Ce que ça donne

      bah voilà je sais pas quoi écrire mais en tout cas merci beaucoup

        Chargement de l’éditeur...
    • merci beaucoup je vais réessayer :

      bah voilà je sais pas quoi écrire mais en tout cas merci beaucoup

        Chargement de l’éditeur...
    • OUI !!!!!!!!!!!!!!!!!!!!!

        Chargement de l’éditeur...
    • XD C'est cool ^_^

      Tu veux réessayer ou tu veux que je t'envoie le message pour les badges ?

        Chargement de l’éditeur...
    • le messages pour les badges ?

        Chargement de l’éditeur...
    • Le gros message que je t'ai envoyé t'expliquait les bases du codage. Tu m'avais demandé comment je faisais les badges donc je pensais t'envoyer un deuxième message qui t'explique comment faire des badges (c'est pas du tout compliqué comparé à l'énorme que j'avais envoyé avant ^_^)

        Chargement de l’éditeur...
    • ok

        Chargement de l’éditeur...
    • merci

        Chargement de l’éditeur...
    • je veux bien essayer

        Chargement de l’éditeur...
    • Ok ^_^ Je t'envoie ça du coup !

        Chargement de l’éditeur...
    • Donc c'est vraiment simple hein, il y a juste quelque chose à rajouter dans le code des badges qu'il n'y a pas dans ce que je t'ai montré et après il y a "comment on fait pour que le badge s'affiche quand on écrit {{Ça !}} ?"

      Donc dans ton code tu vas rajouter du texte et si tu veux, un lien qui permet a quiquonc voit le badge d'aller sur ton profil (s'il veut te demander un badge ou juste savoir qui avait créé le magnifique badge ou jsp en fait ^^') C'est le fameux "Codage Credits" en bas des badges ^^ Et il y a la phrase qui dis que si tu veux mettre ce badge sur ton profil tu dois mettre {{Blablabla}} dans le code source. C'est pareil c'est juste du texte dans ton code. Enfin, c'est banal mais je le dis quand même, il y a un titre écrit en plus gros.



      Le script de ton badge ressemblera donc à ça :

      <div style="background: *linear-gradient (ou radial-gradient si le dégradé est rond)* (*sens du dégradé*,*code couleurs*);">

      <div style="border: 15px *forme de la bordure* *code de la couleur de la bordure*; padding: 10px">

      <div id="text" style = "font-family: *police d'écriture*;">

      <div id="text" style = "color: *couleur du texte*;"><center>

      <div style="text-shadow: 2px 2px 2px *couleur de l'ombre du texte">


      <font color="*couleur du texte*"><big> </big></font>

      <big>

      <font size="8">'''*titre*''' </font></big></font>


      <font color="*couleur du texte*"><big>

      <font size="6.6"> *texte* </font></big></font>

      <font color="*couleur du texte*"><big>

      <font size="6.6">  </font></big></font>

      <font color="*couleur du texte*"><big>

      <font size="6.6">

      <font size="5">Pour afficher cela sur ton profil, mets'''<nowiki>{{*ce que ton "client" te dis de mettre*}}'''dans le code source. </font></font></big></font>

      [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Ton_Nom_D'utilisateur Codage Credits] </div></center></div></div></div> </div>





      (Le "Codage Credits" tu peux le remplacer par autre chose, par exemple moi je met "~ Hydro Badge ~" mais bon si tu ne fais pas de badge pour les autres cette "signature" ne sert à rien ^^.)

      Ensuite pour le faire apparaître avec les {{ }}, moi je ne sais pas comment créer un modèle donc je vais dans le code source de mon profil et j'écris par exemple {{PatateAmi}}, j'enregistre et après on peut voir sur mon profil "Modèle:PatateAmi", je clique sur le lien. Un truc va apparaître pour me demander quel type de modèle je veux créer, je fais glisser les différentes propositions et je clique sur l'avant dernière ("hors article" ). Ça m'enmène sur un code source, je donne mon code et enregistre ^^

      Là, ton badge est créé mais si tu ne peux pas le faire d'un coup, ce n'est pas grave parce que tu auras le lien pour le modifier plus tard sur ton profil. Tu as "Profil", "Mur de discussions", Blog", "Contributions" et "Suivie" : tu cliques sur "Suivie" et tu verras dans la catégorie "Pages de modèle" le nom de ton badge (PatateAmi dans mon cas XD)



      Voili voilou, j'espère que j'ai été assez claire et que je ne t'ai pas perdu en cours de route XD

        Chargement de l’éditeur...
    • un peu si...

        Chargement de l’éditeur...
    • XD Désolé !

        Chargement de l’éditeur...

    • ca marche pas !!!!! :(


      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}}'''dans le code source. </font></font></big></font> [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Tam song 3 Codage Credits] </div></center></div></div></div> </div>
        Chargement de l’éditeur...
    • Il y a vraiment beaucoup de petites choses a dire donc je pense que cest mieux qie tu compares "Ton code sans modifications" avec "Ton code avec modifications".




      Ton code sans modifications

      <div style="background: linear-gradient(to bottom, #FFD5CC,#CCFF99)">

      <div style="border: 10px double #FFFFFF">

      <div style="font-family: arial; font-color: arial"><center><br /><div style="text-shadow:1.5px 1.5px 2.5px black;">

      <p style="font-size: 30px"><font color="Arial"><big>ca marche pas !!!!! :( </big></font></p></div></center></div></div><br /></div><font size="5">Pour afficher cela sur ton profil, mets'''<nowiki>{{Tam Song ami(e)}}'''dans le code source. </font></font></big></font>

      [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Tam song 3 Codage Credits] </div></center></div></div></div> </div>




      Ton code avec modifications

      <div style="background: linear-gradient(to bottom, #FFD5CC,#CCFF99)">

      <div style="border: 10px double #FFFFFF">


      <div style="font-family: arial; font-color: arial"><center><div style="text-shadow:1.5px 1.5px 2.5px black;">

      <p style="font-size: 30px"><font color="Arial"><big>ca marche pas !!!!! :( </big></font></p>


      <font color="Black"><font size="5">Pour afficher cela sur ton profil, mets'''<nowiki>{{Tam Song ami(e)}}</nowiki>'''dans le code source. </font></font>

      [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Tam_song_3 Codage Credits]

      </div></center></div></div></div>




      Ce que ça donne


      ca marche pas !!!!! :(


      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}}dans le code source.

      Codage Credits

        Chargement de l’éditeur...
    • ???? euh d'accord

        Chargement de l’éditeur...

    • hey !!  pourquoi il y a pas la couleur ?


      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}}dans le code source.

      Codage Credits

        Chargement de l’éditeur...
    • Hey !

      Vraiment désolé du retard...

      S'il n'y a pas de fond c'est parce que tu n'a pas collé la parenthèse avec le linear-gradient

      Tu as écris :

      <div style="background: linear-gradient (to top right, #FFD5CC,#CCFF99) ">

      Et il fallait écrire :

      <div style="background: linear-gradient(to top right, #FFD5CC,#CCFF99) ">

        Chargement de l’éditeur...
    • ah ok

        Chargement de l’éditeur...

    • comme ca ?


      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}}dans le code source.

      Codage Credits

        Chargement de l’éditeur...


    • AMI(E) DE TAM SONG 3 Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )


      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}}dans le code source.

      Codage Credits



      pourquoi il y a pas de trou entre ami(e) de Tam song 3 et hey ?

        Chargement de l’éditeur...
    • S'il n'y a pas d'espace c'est parce que tu dois écrire les 2 textes séparément entre les < >. C'est pas claire ce que je dis XD :

      Tu as écris ça :

      <p style="font-size: 30px"><font color="black"><big>AMI(E) DE TAM SONG 3

      Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )</big></font></p>


      Tu dois écrire plutôt ça :

      <p style="font-size: 30px"><font color="black"><big>AMI(E) DE TAM SONG 3</big></font></p>

      <p style="font-size: 30px"><font color="black"><big>Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )</big></font></p>

      Et je sais pas poirquoi mais ça fait plusieurs fois que je vois <br /> dans des codes (dont le tiens) et je ne vois pas à quoi il sert 😅 j'en ai enlevé un à la toute fin du de ton code et j'ai vu que l'espace coloré qui continuait en dessous de la bordure était parti. Donc voilà ^_^




      Ton code sans modifications :

      <div style="background: linear-gradient(to top right, #FFD5CC,#CCFF99)">

      <div style="border: 10px double #FFFFFF">



      <div style="font-family: arial; font-color: arial"><center><div style="text-shadow:1.5px 1.5px 2.5px black;">

      <p style="font-size: 30px"><font color="black"><big>AMI(E) DE TAM SONG 3

      Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )</big></font></p>

      <br /><font color="Black"><font size="5">Pour afficher cela sur ton profil, mets'''<nowiki>{{Tam Song ami(e)}}</nowiki>'''dans le code source. </font></font>

      [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Tam_song_3 Codage Credits]<br /></div></center></div></div><br /></div>




      Ton code avec modifications :

      <div style="background: linear-gradient(to top right, #FFD5CC,#CCFF99)">

      <div style="border: 10px double #FFFFFF">



      <div style="font-family: arial; font-color: arial"><center><div style="text-shadow:1.5px 1.5px 2.5px black;">

      <p style="font-size: 30px"><font color="black"><big>AMI(E) DE TAM SONG 3</big></font></p>

      <p style="font-size: 30px"><font color="black"><big>Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )</big></font></p>

      <font color="Black"><font size="5">Pour afficher cela sur ton profil, mets'''<nowiki>{{Tam Song ami(e)}}</nowiki>''' dans le code source. </font></font>

      [https://gardiens-des-cites-perdue.fandom.com/fr/wiki/Utilisateur:Tam_song_3 Codage Credits]<br /></div></center></div></div></div>

        Chargement de l’éditeur...


    • AMI(E) DE TAM SONG 3

      Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) ! (je savais pas quoi ecrire d'autre si t'as des idées... )

      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}} dans le code source.

      Codage Credits
        Chargement de l’éditeur...
    • comme ca c'est bien ? (j'ai toujours pas d'idées...)

        Chargement de l’éditeur...
    • Oui c'est bien ! Je m'étais juste trompé dans le code modifié que je t'ai envoyé : il y a beaucoup d'espaces après les 2 premières lignes et c'est pour ça qu'il y a du vide au dessus du texte dans ton badge donc il suffit d'en mettre qu'un peu et le texte du badge sera en haut normal quoi.

      Pour le texte je suis pas très douée avec les mots mais tu peux peut-être ajouter quelque chose comme : On a passé plein de bons moments et je suis super contente que nos chemins se soient croisés ! J'espère que notre amitié va durer pour l'éternité et je te souhaite tout plein de bonheur ♡

        Chargement de l’éditeur...
    • merci !!! tiens


      AMI(E) DE TAM SONG 3

      Hey !!! si tu recois ce badge c'est que tu compte pour moi, ne change pas tu es parfait(e) comme tu es (sauf si tu aimes Sophie, Keefe ou Fitz XD ). Tu es mon ami(e) et je suis tres contente de t'avoir ♡

      Pour afficher cela sur ton profil, mets{{Tam Song ami(e)}} dans le code source.

      Codage Credits
        Chargement de l’éditeur...
    • Oh il est magnifique, merci ! ❤❤❤

        Chargement de l’éditeur...

    • Amie de Lulu !


      Coucou ! Si tu reçois ceci, c'est que tu as l'honneur d'être mon amie ! Pour cela, tu as été gentille, drôle ou folle avec moi ^^ Tu as aussi très certainement dû endurer les longs messages de Miss Blabla, je t'en remercie ♡ J'espère que notre amitié va vivre trèèès longtemps ! Je t'envoie en prime pleins de bisous pailletés et je te souhaite tout plein de bonheur !!


      Pour afficher cela sur ton profil, mets {{LuluAmie}} dans le code source.

      ~ Lucie l'Hydrokinésiste ~

        Chargement de l’éditeur...
    • merci

        Chargement de l’éditeur...
    • Un utilisateur de FANDOM
        Chargement de l’éditeur...
Sélectionner ce message
Vous avez sélectionné ce message !
Voir qui a sélectionné ce message
Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .