Aide au HTML - Libre Service et Petit Cours
Auteur Message Tsuki-chan F onda'- Touhou Fan ♥ Age : 16Messages : 3488Arrivé(e) sur MMD le : 28/10/2010Où te cache-tu ? : Pourchassée par Aya pour avoir un Autographe Sujet: Aide au HTML - Libre Service et Petit Cours Jeu 18 Aoû - 23:44 HTML Cours et Libre Service
Bonjour à tous et à toutes.
J'avais proposé ce sujet, et bien le voici, le voilà , enfin le début uniquement, dans ce sujet, je vais proposer des codes en libre service, de petites explications simples et autres choses, étant une novice, je ne sais pas tout sur l'HTML ou même le CSS, donc je peux me tromper sur certains points (ça ne fera que m'aider à progresser) et je peux réaliser des commandes simples à un peu plus compliqués (je préviens d'avance si jamais quelqu'un souhaite un PA en onglet pour son forum, je peux le faire mais vu qu'il me faut 2-3 jours minimum pour les structures, je ne pourrais le faire que lorsque je n'aurais plus aucun travail, enfin bref...)
Alors alors, je pense que tout le monde connais les bases du BBCode, pour ceux à qui cela ne dit rien, je vous invite à lire le
'Guide du BBCode ' Enfin, je vais d'abord fournir quelques codes de quelques lignes pouvant être utiles et utilisables dans les signatures, posts ou PA
• Texte avec un Halo Lumineux • Votre Texte
Code: <div style="text-shadow: 0px 0px 4px blue;">Votre Texte </div>
Pour changer la couleur, il vous suffit de changer 'blue' par un code couleur. ( voir palette couleur ) Pour changer la taille du halo lumineux, changer le '4' du '4px' par un autre chiffre.• Texte avec une ombre • Votre Texte
Code: <div style="text-shadow: 3px 3px 4px black;">Votre Texte </div>
Pour changer la couleur, il vous suffit de changer 'black' par un code couleur. Les '3px' et '4px' servent à 'orienter l'ombre.• Texte avec espacement • VOTRE TEXTE
Code: <div style="letter-spacing:4px;">VOTRE TEXTE</div>
Pour changer l'espacement des lettres, changez le '4px'. --Pour le moment, c'est tout vu que je dois finir un autre code plus complexe, je pense que beaucoup de gens connaissent ces codes, mais cela sert toujours, de plus, je préfère prendre mon temps et détailler ce que l'on peut changer (même si cela est répétitif) pour ceux qui n'y ont vraiment jamais touché, en tout cas, j'attaquerais les cadres, texte superposé, scrollbar, menu déroulant, tableaux dès que j'aurais fini mon code et mon petit travail, si vous avez des questions ou déjà quelques petites demandes simples, n'hésitez pas =3
.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.
S A N A E__ I S__ A__ G O O D__ G I R L ! 8D
Silia C odeur- Pro du code Age : 15Messages : 3793Arrivé(e) sur MMD le : 23/03/2011Où te cache-tu ? : Dans ton chat Sujet: Re: Aide au HTML - Libre Service et Petit Cours Jeu 18 Aoû - 23:58 Merci je viens d'apprendre un truc *w* On peux mettre des codes? Bon bah:Code: <fieldset>exemple</fieldset>
exemple Si vous voulez mettre quelque chose en haut il faut rajouter "legend", comme ça:Code: <fieldset><legend>Titre</legend>exemple</fieldset>
Titre exemple Vous pouvez aussi mettre une image à la plage de "Titre", il suffit juste de mettre les balises images[img][/img ] Et vus que je vais dormir[OSEF] j'en mets d'autre demain~
Hideki Age : 15Messages : 1297Arrivé(e) sur MMD le : 20/03/2011Où te cache-tu ? : Ici en train d'exploser Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 0:05 J e te remercie,grâce à toi je pourrai embellir mon texte.
Kano-chan Messages : 287Arrivé(e) sur MMD le : 30/07/2011Où te cache-tu ? : Dans tes cauchemars (ne rêve pas !) Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 11:50 Merci vous deux J'adore c'est très pratique ^^
Tsuki-chan F onda'- Touhou Fan ♥ Age : 16Messages : 3488Arrivé(e) sur MMD le : 28/10/2010Où te cache-tu ? : Pourchassée par Aya pour avoir un Autographe Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 12:52 Je poste là étant occupée, ce code peu être utilisé dans un code HTML, j'éditerais quand j'aurais plus le temps pour le rajouter à mon premier message.
• Changer la hauteur d'un tableau •height est utilisé pour la hauteur d'un tableau (ou autre)
Exemple avec un tableau de 200px de hauteur :
Code: <table height="200" border="1"> <td>exemple</td> </tr> </table>
• Changer la largeur d'un tableau • Cette fois, c'est width qui est utilisé.Code: <table width="200" border="1"> <td>exemple</td> </tr> </table>[/center]
.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.
S A N A E__ I S__ A__ G O O D__ G I R L ! 8D
Invité Invité Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 12:54 On peut aussi utiliser les codes de base:
exemple > exemple exemple C'est vraiment de base~
Dernière édition par Arika le Ven 19 Aoû - 13:04, édité 1 fois
Tsuki-chan F onda'- Touhou Fan ♥ Age : 16Messages : 3488Arrivé(e) sur MMD le : 28/10/2010Où te cache-tu ? : Pourchassée par Aya pour avoir un Autographe Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 12:57 Tu as fait une erreur dans la 2e balise du premier code, c'est
(je pense que c'est une erreur d'inattention) avec les < et >, c'est du HTML, mais c'est pareil avec les crochés du BBCode =3
.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.
S A N A E__ I S__ A__ G O O D__ G I R L ! 8D
Dernière édition par Tsuki-chan le Ven 19 Aoû - 13:07, édité 1 fois
Invité Invité Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 19 Aoû - 13:05 Mon clavier à mangé la lettre -0-" J'ai corrigé l'erreur xD
Hiver Age : 17Messages : 172Arrivé(e) sur MMD le : 26/07/2011 Sujet: Re: Aide au HTML - Libre Service et Petit Cours Lun 22 Aoû - 16:36 Merci infiniment pour ce tuto je cherchais justement à faire ça pour un forum dont je suis chargée du "design". EDIT: si vous avez d'autres codes ou un site regroupant des codes dans ce genre ce serait gentil de partager ^^' j'arrive pas à différencier le CSS et le reste alors je suis un peu perdue...
Silia C odeur- Pro du code Age : 15Messages : 3793Arrivé(e) sur MMD le : 23/03/2011Où te cache-tu ? : Dans ton chat Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 20:48 Partie 1
Ce tuto vas vous servir à apprendre à faire une carte MAP. Un exemple de carte MAP >CLIQUE< Bon première chose tu fais ton image qui vas te servir de base, ok? Après ça on passe à la partie 2! =DPartie 2
Bon, t'as fais ton image, c'est bon t'es content du résultat? Alors passons à la 2° partie! =D Ouvre ton bloc note et colle ça au début de ton code:Code: <img src="Lien de ton image" usemap="#acceuil" width="Largeur" height="Hauteur">
Bon, tu sais lire normalement donc c'est bon t'as compris quoi mettre ou? Alors on continue! Partie 1
Passons à la suite du code, la voilà :Code: <map name="acceuil"> <area shape="rect" coords="X1,Y1,X2,Y2" title="Description du lien" href="Mets ton lien ici!">
J'imagine déjà ta tête avec les X et Y. C'est tout simple, tu as besoin de ton logiciel de graphisme! Encadre la partie 1° partie que tu veux sélectionner. Normalement en bas apparaisse les points sélectionné. Au pif ça vous fais: 496,485 ==>811,295 Bon je sais pas si ces chiffres sont possibles ou pas mais on s'en fout! Là il faut faire comme ça: 1°chiffre X1, 2° Y1, 3° X2, 4° Y2. Maintenant vous n'avez qu'à copier ça et changer pour chaque zones.:Code: <area shape="rect" coords="X1,Y1,X2,Y2" title="Description du lien" href="Mets ton lien ici!">
Partie 3
Pour finir votre code finissez par Partie 4
Voici le code complet: Code: <img src="Lien de ton image" usemap="#acceuil" width="Largeur" height="Hauteur"> <map name="acceuil"> <area shape="rect" coords="X1,Y1,X2,Y2" title="Description du lien" href="Mets ton lien ici!"> </map>
Des questions? Prochain tuto -si j'ai pas la flemme- faire une signa comme la mienne-si j'ai la flemme je met juste mon code en libre service-
Dernière édition par Silia le Ven 26 Aoû - 21:42, édité 1 fois
Invité Invité Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 21:23 Merci beaucoup Silia chérie ♥ C'est vachement simple en fait O_O
Silia C odeur- Pro du code Age : 15Messages : 3793Arrivé(e) sur MMD le : 23/03/2011Où te cache-tu ? : Dans ton chat Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 21:27 De rien~ ♪ Simple, mais j'ai quand même bien galéré avant de comprendre =/
Invité Invité Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 21:38 Euh en fait c'est mon cas aussi ._. Heureusement que tu m'aide sur msn!
Silia C odeur- Pro du code Age : 15Messages : 3793Arrivé(e) sur MMD le : 23/03/2011Où te cache-tu ? : Dans ton chat Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 21:39 Je ferais une image pour mieux expliquer =)
Kano-chan Messages : 287Arrivé(e) sur MMD le : 30/07/2011Où te cache-tu ? : Dans tes cauchemars (ne rêve pas !) Sujet: Re: Aide au HTML - Libre Service et Petit Cours Ven 26 Aoû - 21:58 Oui j'ai un peu compris, mais avec des images c'est encore mieux ! Merciiii silia pour ce tuto !!!
Aide au HTML - Libre Service et Petit Cours