Salut! Je m'appelle Jules! Si vous aimez ce blog, veuillez le distribuer à toute autre personne qui aimerait en savoir plus sur le codage. Chaque code est ici pour votre usage. Vous pouvez copier et coller le code tout ou partieque je donne ici parce que je vous donne la permission. Ce n'est pas vrai pour les pages / modèles de certaines autres personnes cependant. Veuillez vous assurer auprès du propriétaire des pages / modèles qu'ils vous autorisent à modifier leur page / modèle. Je sais que c'est quelque chose de difficile. Le problème est que si vous ne souhaitez pas modifier un code sur la page / le modèle d'une personne, vous pouvez accidentellement supprimer son code ou le modifier. Le codage est quelque chose qui prend du temps à apprendre, veuillez donc respecter les codes des autres. Assez avec tous les discours sérieux, ceci est un guide de codage. Chaque onglet fait référence à une sélection de sujets, ce blog est très long, j'ai donc pensé à l'organiser proprement. Sachez que je suis ici pour des questions ou des suggestions. Si vous avez de nouveaux codes que vous aimeriez me montrer, je suis totalement ouvert à l'apprentissage. Merci beaucoup et profitez-en.

Arrière-plans:

1.Dégradés linéaires

Signification: les couleurs vont en ligne Ceci est le site Internet des codes couleurs <div style="background:linear-gradient(to *which direction*, *color/s*)">

Mon exemple de code

<div style="background:linear-gradient(to top right, aqua, lavender)"><center> Hello!</center></div>

Ressemble à ça:

 Hello!


2. dégradés radiaux

Signification: les couleurs vont en cercle <div style="background:radial-gradient(*color/s*)">

Mon exemple de code

<div style="background:radial-gradient(White,aqua,lavender)"><center>  Hello!</center></div>

  Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!Hello!


Hello!

Les frontières:

<div style="border:5px *border type* *color*;padding:10px">

Mon exemple de code

<div style="border:5px Solid Blue;padding:10px">Solid Border </div>

Types de bordure

Solid Border 
Dotted Border 
Dashed Border 
Double Border 
Ridge Border 
Groove Border 
Inset Border 


Module complémentaire: rayon de bordure

Crée des bords arrondis: <div style="border:5px Solid Blue;padding:10px;border-radius:50px">Example of Border radius</div>

Ressemble à ça

Example of Border radius

Remarque: Si vous l'ajoutez à la bordure, vous devrez également l'ajouter au code d'arrière-plan.

Par exemple:

<div style="background:linear-gradient(to top right, aqua, lavender);border-radius:50px"><div style="border:5px Solid Blue;padding:10px;border-radius:50px">Example of Border radius<center> Hello!</center></div></div>

Example of Border radius
 Hello!

Les polices:

<div style="font-family: *name of font* "> *Message* </div>

Par exemple:

<div style="font-family:Lobster">Lobster</div>

Des polices qui fonctionnent:

Savoye LET
Times New Roman
Lobster
Cinzel decorative
Courier
Comic sans ms
Arial
Lucinda Calligraphy
Note worthy

Ombres de texte:

Ceux-ci ont une ombre de texte, l'ombre peut être plus grande si vous augmentez le "px". <div style="text-shadow:2px 2px 2.5px *Color* ;">

Mon exemple:

<div style="text-shadow:2px 2px 2.5px Purple;">Hello!</div>

Hello!

Message d'accueil

Étapes:

1. Accédez à votre mur de messages

2. Cliquez sur le bouton bleu sarcelle appelé «Modifier le mur de message d'accueil»

3. Ensuite, il vous donne soit la page de l'éditeur visuel, soit la page de code source (aka éditeur classique)

4. Commencez votre code avec des arrière-plans, des polices, des bordures, des ombres de texte, un message

5. Ensuite, si vous voulez que les couleurs descendent jusqu'au bas de votre mur de messages, vous devrez ajouter ce code:

CODE FOR MESSAGE WALL GREETING!

Pliables

1. Code pour que le contenu ne s'affiche pas en premier, ils sont masqués, puis vous devez ouvrir le contenu:

<div class="mw-collapsible mw-collapsed" data-expandtext="OPEN" data-collapsetext="CLOSE" style="width:100%">

Exemple:

Hello! Showing you something again! Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!


2.Code pour le contenu à afficher en premier, puis masqué:

<div class="mw-collapsible" data-expandtext="OPEN" data-collapsetext="CLOSE" style="width:100%">

Exemple:

Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!Teaching everyone to code! Feel free to copy any codes you like here. These are codes that you are free to take. I’m here!

'Chose importante !!!!!!!!!'

Beaucoup de gens oublient de fermer leurs étiquettes. LE SEUL ENDROIT QUE VOUS FAITES `` 'PAS' FERMER VOS ÉTIQUETTES EST VOTRE MUR MESSAGE, PARCE QUE VOUS VOULEZ QUE TOUTES LES COULEURS SOIENT JUSQU'AU BORD DE VOTRE PAGE.

COMMENT FERMER LES ÉTIQUETTES

Balises de fermeture d'image comme un 'miroir' . Chaque balise que vous avez est mise en miroir et fermée. Par exemple: <div style="blah blah blah"><font-family="Lobster"><font-size=10px"><big><big>Hello!</big></big></font></font></div> Comme vous le voyez sur cette image, tout est fermé comme en miroir. Ils doivent être dans un ordre exact, si vous ne le faites pas, le modèle s'exécutera tout au long d'autres choses, comme les badges d'autres amis.

Fichier:Screen Shot 2020-04-05 at 7.14.55 PM.png

286px

  • C'est un concept délicat et il peut être difficile à saisir, mais demandez-moi de fermer les balises pour vous si vous ne savez pas comment. C'est en forgeant qu'on devient forgeron!

enfin

Quiconque a besoin d'aide pour le codage, veuillez m'envoyer un message. Il y a peut-être d'autres codes que je peux vous donner. Si vous souhaitez créer une boîte d'information ou un mur de messages complexe et une boîte flottante, veuillez me contacter.

Badge ami Demandes: Réponse dans les commentaires:

Si vous voulez de l'aide pour créer un badge d'ami, envoyez-moi un message ci-dessous. Veuillez également répondre à ce formulaire afin que je puisse vous aider!

1. Comment aimeriez-vous que votre badge d'ami soit intitulé? Habituellement, c'est Ami (e) de ton nom. (exemple: Ami(e) de Jules)

2. What colors would you like the background? Check this website for the color codes. Please give me the color codes. (exemple: #A63DFD).

3. Souhaitez-vous une bordure sur le badge? Il peut être en pointillé, solide, faîtier ou double. (exemple:

(Smiley face)

4. Que voudriez-vous que votre message dise? (exemple: "tu est mon ami(e)")

5. À quelle couleur voulez-vous que la police ressemble? exemple:

(AMI)

6. Voulez-vous que le texte ait une ombre? (exemple: 

Salut!
 
Comprenez vous? Je sais que c'est probablement super déroutant. J'ai fourni des exemples pour vous aider. Demandez-moi si vous ne comprenez pas. Je vais essayer de le ré-expliquer.

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA.