PullipLand
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

PullipLand

Au paradis des Pullips
 
AccueilAccueil  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
OCEANIC Ventilateur sur pied – Hauteur ...
Voir le deal
21.99 €

 

 LE HTML

Aller en bas 
AuteurMessage
Thuban

Thuban

Nombre de messages : 537
Age : 21
Localisation : Saône et Loire
Date d'inscription : 13/10/2019

LE HTML Empty
MessageSujet: LE HTML   LE HTML Icon_minitimeLun 7 Juin 2021 - 20:06


ACTIVER LE HTML


Bonjour à tous.tes !

Pour plus d'ergonomie, j'ai décidé de lancer le html sur le forum ! Ce message ne concerne que les membres inscrits depuis un moment ! Si vous vous êtes inscrit après l'écriture de ce message (07/06/2021), il ne vous concerne pas ! Si vous voyez un truc bizarre au début de ce message, lisez attentivement la suite !

Le html, c'est un petit langage informatique très important et très connu sur internet. Il n'est pas trop compliqué, et permet plein de petites choses très sympathiques, qui vont grandement nous simplifier la vie...

Mais pour ça, j'ai besoin de vous ! Je ne peux pas activer le html à votre place...

Il faut que chaque membre, manuellement, aille dans son profil pour cocher la case "autoriser le html".

Tout d'abord, il faut cliquer sur "Profil"
LE HTML Tuto_h12

Ensuite, cliquez sur le 2ème onglet, "Préférences"
LE HTML Tuto_h11

Et pour finir, en bas, trouvez la ligne "toujours autoriser le html" et cliquez sur "oui" !
LE HTML Tuto_h13

Enregistrez vos préférences, et le tour est joué !

Voilà, j'espère que ce n'est pas trop difficile ! Vous verrez, à terme ce sera beaucoup plus simple de naviguer sur le forum 18


Dernière édition par Thuban le Lun 7 Juin 2021 - 20:39, édité 1 fois
Revenir en haut Aller en bas
Thuban

Thuban

Nombre de messages : 537
Age : 21
Localisation : Saône et Loire
Date d'inscription : 13/10/2019

LE HTML Empty
MessageSujet: Re: LE HTML   LE HTML Icon_minitimeLun 7 Juin 2021 - 20:38

QUELQUES PETITS CODES

Déjà, quelque chose d'important ! Le HTML marche avec des "<" et des ">" ! Vous devez toujours écrire entre une balise ">" et une balise "<". S'il vous manque une des deux, c'est mauvais signe !

Ce qui suit n'est utile que pour les gens qui ont envie de se prendre un peu la tête, ce n'est en aucun cas obligatoire à lire et à apprendre ! Ca peut vous être utile pour comprendre certains codes que je donnerais à l'avenir, cependant.

1. Les bases

Code:
<div>Votre texte ici</div>
>> Ca, c'est une "div" ! Ca sert en gros, à marquer un paragraphe. On peut coller plein de choses, pour faire un tas de trucs jolis et complexe, mais là je vais rester simple. Si vous voyez marquer "div" dans un code, surtout, vous n'y touchez pas !

Code:
<a href="votrelien"> Titre du lien </a>
>> Ici, nous avons un lien ! Il faut remplacer "votrelien" par bah... Le lien que vous voulez mettre ! On ne touche pas au "a" ni au "href" dans le code, les deux sont très importants. Et n'oubliez pas le signe = et les "", sinon ça ne marche pas !

Code:
<img src="votreimage" />
>> Celui-là sert à mettre une image ! Vous remplacez simplement "votre image" par le lien de votre image (le premier lien à copier quand vous importez une image sur le forum).
Encore une fois, on ne touche pas au img, au src et on n'oublie pas le = et les "" !


2. Lien qui redirige vers un paragraphe.

On appelle ça une "ancre". Il suffit de copier ce code :

Code:
<div id="blabla">Votre texte ici</div>
>> Comment ça marche ? Vous remplacez "blabla" par ce que vous voulez (sans espace). Ca ne s'affichera pas, mais ça agira comme un post-it invisible ! Là, vous avez dit à l'ordinateur "met un post-it sur ce paragraphe". Comme vu précédemment, n'oubliez pas les "" et le =, et ne touchez pas à "div" et "id" !

Ensuite, ça se complique un petit peu.
Code:
<a href="liendutopic#blabla">Votre titre ici</a>

>> Comment ça marche ? Placez ce code où vous voulez mettre votre lien ! Remplacez "liendutopic" par le lien du topic où est le post-it, n'oubliez pas le #, et remplacez "blabla" par le nom de votre post-it !

Exemple : cliquez ici pour aller au début de ce sujet !


Ce message sera mis à jour progressivement. En attendant, n'hésitez pas à contacter Thuban pour plus de précisions !

sandydolls aime ce message

Revenir en haut Aller en bas
© Akira

© Akira

Nombre de messages : 229
Age : 31
Localisation : Compiègne
Date d'inscription : 07/01/2014

LE HTML Empty
MessageSujet: Re: LE HTML   LE HTML Icon_minitimeSam 12 Juin 2021 - 0:14

Code:
<img src="votreimage" />


À propos de ce code, moi je me sers souvent de la redimension surtout pour la mise en page voici donc un code amélioré ! ^^

Code:
<img src="liend'image" width="600" height="900" />

600 c'est la largeur, 900 c'est la hauteur, remplaçables par vos chiffres bien évidemment. Je vous conseille de passer sur un logiciel comme photofiltre pour redimensionner sans écrabouiller votre image. Pour conserver les proportions et les connaître, sur photofiltre, vous pouvez simuler une redimension (sans avoir besoin d'enregistrer ou quoi) et, les chiffres sont en bas au milieu du logiciel, il y a donc plus qu'à les noter sur le code que je vous ai mis. :3
Revenir en haut Aller en bas
http://akira-dolls.eklablog.com
Contenu sponsorisé




LE HTML Empty
MessageSujet: Re: LE HTML   LE HTML Icon_minitime

Revenir en haut Aller en bas
 
LE HTML
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PullipLand :: Généralités :: Les Règles & Les Annonces-
Sauter vers: