Tu recherche des infos sur Miku Miku Dance ? Des models ? Des Motions Data ? Des Wave ? Des tutos ? Tu es tombé sur le royaume MMD.....
AccueilPortailCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion
Partagez | 
 

 Aide au HTML - Libre Service et Petit Cours

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3, 4, 5, 6, 7  Suivant
AuteurMessage
Tsuki-chan
Fonda'- Touhou Fan ♥


Age: 17
Messages: 3488
Arrivé(e) sur MMD le: 29/10/2010
Où te cache-tu ?: Pourchassée par Aya pour avoir un Autographe

MessageSujet: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 6: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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://touhou-lyrics.skyrock.com/
Silia
Codeur- Pro du code


Age: 17
Messages: 3793
Arrivé(e) sur MMD le: 24/03/2011
Où te cache-tu ?: Dans ton chat

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 6: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>

Titreexemple


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~
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heart-pensionnat.pro-forums.fr/
Hideki




Age: 16
Messages: 1297
Arrivé(e) sur MMD le: 20/03/2011
Où te cache-tu ?: Ici en train d'exploser

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 7:05

Je te remercie,grâce à toi je pourrai embellir mon texte.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://KyoufuneTwins.skyblog.com
Kano-chan




Messages: 287
Arrivé(e) sur MMD le: 30/07/2011
Où te cache-tu ?: Dans tes cauchemars (ne rêve pas !)

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 18:50

Merci vous deux J'adore c'est très pratique ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Tsuki-chan
Fonda'- Touhou Fan ♥


Age: 17
Messages: 3488
Arrivé(e) sur MMD le: 29/10/2010
Où te cache-tu ?: Pourchassée par Aya pour avoir un Autographe

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 19: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 :



exemple

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é.




exemple

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
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://touhou-lyrics.skyrock.com/
Invité
Invité



MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 19:54

On peut aussi utiliser les codes de base:

exemple
Code:
<b> exemple </b>

exemple
Code:
<i> exemple </i>

exemple
Code:
<u> exemple </u>

C'est vraiment de base~


Dernière édition par Arika le Ven 19 Aoû - 20:04, édité 1 fois
Revenir en haut Aller en bas
Tsuki-chan
Fonda'- Touhou Fan ♥


Age: 17
Messages: 3488
Arrivé(e) sur MMD le: 29/10/2010
Où te cache-tu ?: Pourchassée par Aya pour avoir un Autographe

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 19:57

Tu as fait une erreur dans la 2e balise du premier code, c'est
Code:
</b>
(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û - 20:07, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://touhou-lyrics.skyrock.com/
Invité
Invité



MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Ven 19 Aoû - 20:05

Mon clavier à mangé la lettre -0-"
J'ai corrigé l'erreur xD
Revenir en haut Aller en bas
Hiver




Age: 18
Messages: 172
Arrivé(e) sur MMD le: 26/07/2011

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Lun 22 Aoû - 23: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...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Silia
Codeur- Pro du code


Age: 17
Messages: 3793
Arrivé(e) sur MMD le: 24/03/2011
Où te cache-tu ?: Dans ton chat

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 3: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! =D


Partie 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
Code:
</map>


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 Sam 27 Aoû - 4:42, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heart-pensionnat.pro-forums.fr/
Invité
Invité



MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 4:23

Merci beaucoup Silia chérie ♥
C'est vachement simple en fait O_O
Revenir en haut Aller en bas
Silia
Codeur- Pro du code


Age: 17
Messages: 3793
Arrivé(e) sur MMD le: 24/03/2011
Où te cache-tu ?: Dans ton chat

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 4:27

De rien~ ♪
Simple, mais j'ai quand même bien galéré avant de comprendre =/
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heart-pensionnat.pro-forums.fr/
Invité
Invité



MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 4:38

Euh en fait c'est mon cas aussi ._.
Heureusement que tu m'aide sur msn!
Revenir en haut Aller en bas
Silia
Codeur- Pro du code


Age: 17
Messages: 3793
Arrivé(e) sur MMD le: 24/03/2011
Où te cache-tu ?: Dans ton chat

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 4:39

Je ferais une image pour mieux expliquer =)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heart-pensionnat.pro-forums.fr/
Kano-chan




Messages: 287
Arrivé(e) sur MMD le: 30/07/2011
Où te cache-tu ?: Dans tes cauchemars (ne rêve pas !)

MessageSujet: Re: Aide au HTML - Libre Service et Petit Cours   Sam 27 Aoû - 4:58

Oui j'ai un peu compris, mais avec des images c'est encore mieux ! Merciiii silia pour ce tuto !!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Aide au HTML - Libre Service et Petit Cours

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 7Aller à la page : 1, 2, 3, 4, 5, 6, 7  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Miku Miku Dance ::  :: -
Sauter vers: