code html

1 code html 17/6/2008, 21:37

mftibo60
(Membre)

Merci reçus : 0

bonjour à tous

je vais créer une page html et je voudrais avoir un maximum de code, de choix pour la présentation etc....

je voudrais en fait connaître tous les codes que vous conaissez pour avoir un maximum de choix avec si possible leur fonctonnalité, c'est plus pratique!

merci d'avance

2 Re: code html 17/6/2008, 22:02

Zeco
Administrateur absent

Merci reçus : 214

Alors voilà déjà en premier une liste de balises classiques :
Alors voilà premièrement une liste de balise utiles pour améliorer ton texte :

Spoiler:

Pour utiliser une balise, c'est comme le BBCode :

Code:

<BALISE VOULUE>Texte à effet</BALISE VOULUE>

Pour en utiliser plusieurs, les balises doivent conserver le bon ordre, un peu comme les parenthèses en mathématiques :

Code:

<BALISE 1><BALISE 2>Texte à effet 1 & 2</BALISE 2></BALISE 1>

Ce qui peut donner :

Code:

<BALISE 1>Texte à effet 1</BALISE 1><BALISE 2><BALISE 1>Texte à effet 1 & 2</BALISE 1>Texte à effet 2</BALISE 2>

Bien sûr, le HTML ne se limite pas qu'à cela, et tu trouveras plein de bons tutos sur le net.

Aussi, pour pouvoir convertir facilement un texte en HTML, tu peux aller dans ton PA, dans Général/Page d'accueil/Configuration, et taper ton message en WYSIWYG dans la partie "message sur la page d'accueil",
et ensuite désactiver l'éditeur HTML (en cliquant sur le bouton A/A)
pour obtenir ton texte en html et ensuite pouvoir le copier/coller sur
ta page.

Voilà !

3 Re: code html 17/6/2008, 22:50

mftibo60
(Membre)

Merci reçus : 0

merci ze_chaofan. Aurais tu aussi une balise avec lien? je m'explique: je voudrais insérer une image à format réduit pour ne pas que ça prenne toute la page et que lorsque l'on clique dessus on soit redirigé vers une autre page avec l'image en taille réelle.

Dernière édition par mftibo60 le 23/6/2008, 19:32, édité 1 fois

4 Re: code html 17/6/2008, 23:22

Zeco
Administrateur absent

Merci reçus : 214

Pas de problème, ça donne :

Code:: <a href="http://adresse de l'image taille réelle"><img src="http://adresse de la miniature"></a>

Pour faire un un lien :

Code:: <a href="http://adresse du lien">Texte</a>

5 Re: code html 17/6/2008, 23:51

mftibo60
(Membre)

Merci reçus : 0

j'ai une autre question je viens d'insérer une image assez grande qui prend toute la page si je mets une autre image elle va venir se placer sur celle actuelle ou déplacer celle actuelle car l'image est faite pour servir de fond mais d'autres doivent venir dessus; et aussi, est-ce qu'il est possible grâce à une image lorsque l'on clique dessus d'être redirigé vers une nouvelle page html?

6 Re: code html 18/6/2008, 13:35

Zeco
Administrateur absent

Merci reçus : 214

Alors, c'est pas tout simple,il y a plusieurs méthodes, voici celle que je connais : il faut créer un tableau en html, et y mettre un fond :
Voilà le code :

<table border="0" cellpadding="0" cellspacing="0" width="Largeur en pixels" height="Hauteur en pixels" style="border:0px; background-image:url(http://adresse de l'image de fond);"><tr><td>Texte ou image (en html)</td></tr></table>

En orange, ce sont les dimensions, par exemple pour 1200 pixels tu écris 1200 directement.
En bleu, c'est l'adresse de l'image de fond.
En vert, c'est ton texte au format html.

Voilà !

7 Re: code html 18/6/2008, 22:07

mftibo60
(Membre)

Merci reçus : 0

merci

8 Re: code html 18/6/2008, 22:12

Zeco
Administrateur absent

Merci reçus : 214

De rien Smile

. D'autres question ?

9 Re: code html 18/6/2008, 22:22

mftibo60
(Membre)

Merci reçus : 0

ze_chaofan a écrit:De rien . D'autres question ?

pas pour le moment mais ça devrait bientôt arriver je pense...

10 Re: code html 19/6/2008, 18:20

Zeco
Administrateur absent

Merci reçus : 214

OK, je suis pret ! ^^

11 Re: code html 19/6/2008, 20:40

mftibo60
(Membre)

Merci reçus : 0

pour commencer le code que tu m'a donné avant pour l'image de fond est il possible de l'avoir en centrant l'image silteplait parce que là elle est tout à gauche

12 Re: code html 19/6/2008, 21:32

Zeco
Administrateur absent

Merci reçus : 214

Je crois que ceci devrait t'aller :

<table border="0" cellpadding="0" cellspacing="0" width="Largeur en pixels" height="Hauteur en pixels" style="border:0px; background-image:url(http://adresse de l'image de fond); background-position:center"><tr><td>Texte ou image (en html)</td></tr></table>

13 Re: code html 19/6/2008, 23:10

mftibo60
(Membre)

Merci reçus : 0

:o ça ne fonctionne pas, ze_chaofan

14 Re: code html 20/6/2008, 18:55

Zeco
Administrateur absent

Merci reçus : 214

Ben si, regarde :

Blablablabla, blablabla !
Bla bla Bla !
Comme tu le vois, l'image de fond est centrée, et elle se répète autour.

15 Re: code html 20/6/2008, 19:17

mftibo60
(Membre)

Merci reçus : 0

voilà le code que j'ai il doit manquer une virgule ou un truc comme sa

Texte ou image (en html)

16 Re: code html 20/6/2008, 20:00

Zeco
Administrateur absent

Merci reçus : 214

Essaye avec ceci :

Code:

<table border="0" cellpadding="0" cellspacing="0" width="1024" height="2050" style="border:0px; background-image:url(http://i40.servimg.com/u/f40/12/30/67/68/zzzooo10.jpg); background-position:center"><tr><td>Texte ou image (en html)</td></tr></table>

Cela fonctionne. Ton texte est centré verticalement, mais aligné à gauche. Après, tu peux t'arranger avec le html pour changer l'alignement.

17 Re: code html 20/6/2008, 20:13

mftibo60
(Membre)

Merci reçus : 0

on c'est pas compris je voudrais que l'image soit centré si c'est possible Very Happy

18 Re: code html 20/6/2008, 20:16

Zeco
Administrateur absent

Merci reçus : 214

Oui, elle est centrée
Je te précisait juste que ton texte est centré verticalement (comme dans tous les tableaux, par défaut)

19 Re: code html 20/6/2008, 20:30

mftibo60
(Membre)

Merci reçus : 0

ze_chaofan a écrit:Oui, elle est centrée
Je te précisait juste que ton texte est centré verticalement (comme dans tous les tableaux, par défaut)

ba l'image de fond sur la page quand je la previsualise n'est pas centré l'ecriture oui mais pas l'image de fond

20 Re: code html 20/6/2008, 20:37

Zeco
Administrateur absent

Merci reçus : 214

Elle est centrée, regarde :
https://sosforum.forumactif.fr/Test-image-reactive-h4.htm
Mais, si ton écran est trop mince, il n'affichera pas tout, et donc on ne verra pas que c'est centré.

Tu peux aussi mettre le tableau entre ces balises :

Code:

<center>Code du tableau></center>

Ce qui donne un code :

Code:

<center><table border="0" cellpadding="0" cellspacing="0" width="1024" height="2050" style="border:0px; background-image:url(http://i40.servimg.com/u/f40/12/30/67/68/zzzooo10.jpg); background-position:center"><tr><td>Texte ou image (en html)</td></tr></table></center>

Et en voilà un aperçut :
https://sosforum.forumactif.fr/Test-image-h5.html

21 Re: code html 20/6/2008, 21:18

mftibo60
(Membre)

Merci reçus : 0

merci ze chaofan c'est parfait une autre petite question je veux mettre 4 images cote à cote mais avec un petit espace entre deux il faut aussi qu'elles soient centré dans la page peux tu m'aider voici les url

https://2img.net/r/ihimizer/img370/2479/sanstitre2oa9.jpg

https://2img.net/r/ihimizer/img142/7551/sanstitre3vq2.jpg
[b][size=9]
https://2img.net/r/ihimizer/img142/9889/sanstitre2wa4.jpg
[b][u][size=9]
https://2img.net/r/ihimizer/img508/7590/sanstitre3dv7.jpg[/b][/u][/size][/b][/size]

22 Re: code html 20/6/2008, 21:35

Zeco
Administrateur absent

Merci reçus : 214

Un espace de cette taille là ?

Tu veux plus grand ?

23 Re: code html 20/6/2008, 22:06

mftibo60
(Membre)

Merci reçus : 0

c'est parfait

24 Re: code html 20/6/2008, 22:20

Zeco
Administrateur absent

Merci reçus : 214

Ok alors voilà, en fait j'ai inséré une image vide entre les deux, voilà le code :

Code:

[img]http://adresse image 1[/img] [img]http://i45.servimg.com/u/f45/12/05/68/89/vide10.gif[/img] [img]http://adresse image 2[/img] [img]http://i45.servimg.com/u/f45/12/05/68/89/vide10.gif[/img] [img]http://adresse image 3[/img] [img]http://i45.servimg.com/u/f45/12/05/68/89/vide10.gif[/img] [img]http://adresse image 4[/img]

Ah au fait, il me semble que deux de tes images sont identiques, j'ai donc laissé le code sans les adresses de tes images pour que tu puisse le refaire.
Tu veux que je le remplisse ?

25 Re: code html 20/6/2008, 22:49

mftibo60
(Membre)

Merci reçus : 0

sa ne fonctionne pas quand je l'insère dans la page sur laquel je travailles

Contenu sponsorisé

Derniers sujets

1 code html 17/6/2008, 21:37

2 Re: code html 17/6/2008, 22:02

3 Re: code html 17/6/2008, 22:50

4 Re: code html 17/6/2008, 23:22

5 Re: code html 17/6/2008, 23:51

6 Re: code html 18/6/2008, 13:35

7 Re: code html 18/6/2008, 22:07

8 Re: code html 18/6/2008, 22:12

9 Re: code html 18/6/2008, 22:22

10 Re: code html 19/6/2008, 18:20

11 Re: code html 19/6/2008, 20:40

12 Re: code html 19/6/2008, 21:32

13 Re: code html 19/6/2008, 23:10

14 Re: code html 20/6/2008, 18:55

15 Re: code html 20/6/2008, 19:17

16 Re: code html 20/6/2008, 20:00

17 Re: code html 20/6/2008, 20:13

18 Re: code html 20/6/2008, 20:16

19 Re: code html 20/6/2008, 20:30

20 Re: code html 20/6/2008, 20:37

21 Re: code html 20/6/2008, 21:18

22 Re: code html 20/6/2008, 21:35

23 Re: code html 20/6/2008, 22:06

24 Re: code html 20/6/2008, 22:20

25 Re: code html 20/6/2008, 22:49

26 Re: code html