Rôles et Légendes


 
AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Code html

Aller en bas 
AuteurMessage
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Code html   24/12/2006, 04:29

Ici seront mis les codes html pouvant etre utiliser dans les messages. SI vous souhaitez un rajouter un, pensez a désactiver le html dans votre message en cochant la première case des options.

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Re: Code html   24/12/2006, 04:37

http://forum.forumactif.com/viewtopic.forum?t=6887:

Pour ce lecteur avec fenètre de visualisation du média charger dans le lecteur:Lis tous les fichiers ainsi que les fichier MP3 sous Firefox sans pluggin supplémentaire


<embed name="MediaPlayer" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://elvis.13.free.fr/mirage/OST/ost2/19%20-%20Harmonia.mp3" width="300" height="50" type="application/x-mplayer2" autostart="0" showstatusbar="1" volume="1" ></embed>


Code:
<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://elvis.13.free.fr/mirage/OST/ost2/19%20-%20Harmonia.mp3" width="300" height="50" type="application/x-mplayer2" autostart="0" showstatusbar="1" volume="1" ></embed>




.........................::::::::::::::::::::::░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░:::::::::::::::::::::::........................


Autre lecteur :


<embed width="300" height="39" src="http://di.fm/wma/chiout.asx" type="audio/midi" autostart="0" loop="TRUE"></embed>

Et ici vous pouvez appuyez sur play pour entendre le son de la musique (besoin du pluggin win media player pour afficher le lecteur si vous ne le voyez pas, >>>Dl Win Media Player serie 11 )
Allez y essayer de cliquer sur le lecteur que vous voyer ici en-dessous lol il vous mordera pas Razz

Voici le fameux code:


Code:
<embed width="300" height="39" src="http://di.fm/wma/deephouse.asx" type="audio/midi" autostart="false" loop="TRUE"></embed>



.........................::::::::::::::::::::::░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░:::::::::::::::::::::::........................

Autre lecteur et code pour les fichier MP3


<embed width="300" height="39" src="http://m6mobile.m6.fr/audio/mp3/eenements/ilona/85182.mp3" type="audio/midi" autostart="False" loop="TRUE"></embed>


Vous pouvez ici aussi appuyez sur play pour entendre la musique (si vous ne voyez pas le lecteur vous aurez besoin du pluggin pour quick time player pour afficher le lecteur prenant en charge les fichier MP3 )Pluggin Apple Quick time player

Code:
<embed src="http://www.image-dream.com/image.php?image=1114663119.halo-maintheme.mp3 "width="300"height="40"type="audio/mp3"loop="TRUE"autostart="false"></embed>

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Re: Code html   24/12/2006, 04:40

La liste complète des balises BBcodes disponibles sur Forumactif ::

Le BBcode s'utilise dans un message sur les forums, comme celui ci.
L'activation de l'utilisation du BBCode est déterminée par l'administrateur du forum.
Hors indication, vos informations sont à placer entre les deux balises [ ]ici[/ ]

---


Mise en forme du Texte

Mettre le texte en gras ::
Code:
[b][/b]
Résultat

Mettre le texte en italique ::
Code:
[i][/i]
Résultat

Souligner le texte ::
Code:
[u][/u]
Résultat

Barrer le texte ::
Code:
[strike][/strike]
Résultat

---


Changer la couleur du texte ou la taille

Modifier la couleur du texte ::
Code:
[color=nom de couleur][/color]
Résultat
ou
Code:
[color=#hexadecimal][/color]
Résultat
Vous pouvez spécifier soit un nom de couleur reconnu (exemple : red, blue, yellow, etc.), ou soit un code couleur hexadecimal, exemple : #FFFFFF, #000000.

Modifier la taille du texte ::
Code:
[size=chiffre][/size]
Résultat taille 9
Résultat taille 18

---


Citation et texte à pas fixe

Faire une citation ::
[code]
Citation:
[/code]
Citation:
Résultat


Faire une citation avec pseudo de l'auteur::
Code:
[quote="pseudo"][/quote]
pseudo a écrit:
Résultat


Pour afficher un code ou police à pas fixe::
Code:
[code][/code]
Code:
Résultat


---


Création de Listes

Faire une liste ::
Code:
[list][/list]

Résultat 1
Résultat 2



Faire une liste avec puce::
Code:
[list][*]Info 1[*]Info 2[/list]

* Résultat 1
* Résultat 2



---


Affichage d'images dans les messages

Insérer une image ::
Code:
[img]http://adresse de mon image[/img]


---


Création de Liens

Créer un lien ::
Code:
[url]http://mon adresse[/url]
http://forum.forumactif.com/index.forum

Créer un lien sur du texte ::
Code:
[url=http://mon adresse]mon texte[/url]
Résultat

Créer un lien sur une image ::
Code:
[url=http://mon adresse][img]http://adresse de mon image[/img][/url]


Créer un lien mail ::
Code:
[email][/email]
Resultat@domaine.com

---


Alignement

Centrer ::
Code:
[center][/center]
Résultat


Aligner à droite ::
Code:
[right][/right]
Résultat


---


Divers effets

Effet miroir sur le texte ::
(non compatible firefox)
Code:
[flipv][/flipv]
Résultat

Effet de dégradé ::
(non compatible firefox)
Code:
[fade][/fade]
Résultat

Effet flou, sale ::
(non compatible firefox)
Code:
[blur][/blur]
Résultat

Défilement horizontale ::
Code:
[scroll][/scroll]
Résultat


Défilement verticale ::
Code:
[updown][/updown]
Résultat


---


Combiner les balises

Les balises peuvent être combinées pour divers effets, essayez de respecter l'ordre d'ouverture et de fermeture de chaque balise

Syntaxe correct:

Code:
[u][b]Info[/u][/b]


Syntaxe incorrect:

Code:
[u][b]Info[/b][/u]


---


Quelques combinaisons

Attirer l'attention ::

Code:
[size=18][color=red][b][/b][/color][/size]
Résultat


Faire defiler une image ::

Code:
[scroll][img]http://adresse de mon image[/img][/scroll]



Tant que vous respecterez les ouvertures/ fermetures de balises, vous pourrez utiliser toutes les combinaisons possibles pour des effets des plus variés :
(trop de combinaisons peuvent entrainer des possibilitées d'erreur sous firefox)

Merci forumactif.com


Cacher du texte :
Code:
[hide][/hide]


Note : le texte sera caché pour les personnes qui n'ont pas posté dans le sujet. A noter que les administrateurs et les modérateurs veront le texte caché sans avoir à poster dans le sujet (pour des raisons de sécurité) !

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Re: Code html   24/12/2006, 04:40

Pour insérer une animation flash

Code:
[embed-flash(largeur,hauteur)]http://ADRESSE_FLASH.swf[/embed-flash]


en remplaçant "hauteur" et "largeur" par leurs valeurs en pixels.

Par exemple, avec ce code :

Code:
[embed-flash(200,200)]http://img209.exs.cx/img209/9307/clock2l6zv.swf[/embed-flash]

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Re: Code html   24/12/2006, 04:43

Mise en forme des caractères
<B>...</B> Texte en gras
<BIG>...</BIG> Agrandissement de la taille des caractères
<BLINK>...</BLINK> Texte clignotant (Netscape seul)
<EM>...</EM> Texte en italique
<FONT color="#XXXXXX">
...</FONT> Texte en couleur où
XXXXXX est une valeur hexadécimale
<FONT size=X>...</FONT> Taille des caractères où
X est une valeur de 1 à 7
<I>...</I> Texte en italique
<NOBR>...</NOBR> Empêche les ruptures automatiques
de ligne des navigateurs
<PRE>...</PRE> Texte préformaté, soit avec affichage
de tous les espaces et sauts de ligne
<SMALL>...</SMALL> Réduction de la taille des caractères
<STRONG>...</STRONG> Mise en gras du texte
<SUB>...</SUB> Texte en indice
<SUP>...</SUP> Texte en exposant
<U>...</U> Texte souligné

Mise en forme du texte
<!--...--> Commentaire ignoré par le navigateur
<BR> A la ligne
<BLOCKQUOTE>...
</BLOCKQUOTE> Citation (introduit un retrait du texte)
<CENTER>...</CENTER> Centre tout élément compris dans le tag
<DIV align=center> ...</DIV> Centre l'élément encadré par le tag
<DIV align=left> ...</DIV> Aligne l'élément à gauche
<DIV align=right> ...</DIV> Aligne l'élément à droite
<Hx>...</Hx>
<Hx align=center>...</Hx>
<Hx align=left>...</Hx>
<Hx align=right>...</Hx> Titre où x a une valeur de 1 à 6
Titre centré
Titre aligné à gauche
Titre aligné à droite
<P>...</P>
<P align=center>...</P>
<P align=left>...</P>
<P align=right>...</P> Nouveau paragraphe
Paragraphe centré
Paragraphe aligné à gauche
Paragraphe aligné à droite
Listes
<UL>
<LI>
</UL> Liste non numérotée (dite à puces)
Elément de liste
<OL>
<LI>
</OL> Liste numérotée
Elément de liste
<DL>
<DT>...</DT>
<DD>...</DD>
</DL> Liste de glossaire
Terme de glossaire (sans retrait)
Explication du terme (avec retrait)

Ligne de séparation
<HR> Trait horizontal (centré par défaut)
<HR width="x%"> Largeur du trait en %
<HR width=x> Largeur du trait en pixels
<HR size=x> Hauteur du trait en pixels
<HR align=center>
<HR align=left>
<HR align=right> Trait centré (défaut)
Trait aligné à gauche
Trait aligné à droite
<HR noshade> Trait sans effet d'ombrage

Hyperliens
<A href="http://...">...</A> Lien vers une page Web
<A href="mailto:...">...</A> Lien vers une adresse eMail
<A href="fichier.htm">...</A> Lien vers la page locale fichier.htm
située dans le même répertoire
<A name="xyz">...</A> Définition d'une ancre
<A href="xyz">...</A>
<A href="fichier#xyz">...</A> Lien vers une ancre

Images <IMG src="xyz.gif">
<IMG src="xyz.pjg> Insertion d'une image au format Gif ou Jpg
(voir liens pour l'adressage)
<IMG ... width=x height=y> Mise à l'échelle de l'image en pixels
( a comme effet d'accélérer l'affichage de la page)
<IMG ... border=x> Définition de la bordure d'une image avec lien
<IMG ... alt="votre texte"> Texte alternatif lorsque l'image n'est pas affichée
<IMG ... align=bottom>
<IMG ... align=middle>
<IMG ... align=top>
<IMG ... align=left>
<IMG ... align=right>
Aligne l'image en bas
Aligne l'image au milieu
Aligne l'image en haut
Aligne l'image à gaughe
Aligne l'image à droite
<IMG ... hspace=x> Espacement horizontal entre l'image et le texte
<IMG ... vspace=y>Espacement vertical entre l'image et le texte

Tableau
<TABLE>...</TABLE> Définition d'un tableau
<TABLE width="x%"> Largeur du tableau en %
<TABLE width=x> Largeur du tableau en pixels
<TABLE border=x> Largeur de la bordure
<TABLE cellpadding=x> Espace entre la bordure et le texte
<TABLE cellspacing=x> Epaisseur du trait entre les cellules
<TR>...</TR> Ligne du tableau
<TD>...</TD> Cellule du tableau
<TD bgcolor="#XXXXXX"> Couleur d'une cellule de tableau
<TD width="x%">
<TD width=x> Largeur de colonne en %
Largeur de colonne en pixels
<TD align=center>
<TD align=left>
<TD align=right> Texte dans la cellule centré
Texte dans la cellule aligné à gauche
Texte dans la cellule aligné à droite
<TD valign=bottom>
<TD valign=middle>
<TD valign=top> Alignement vers le bas du contenu d'une cellule
Centrage vertical du contenu d'une cellule
Alignement vers le haut du contenu d'une cellule
<TD colspan=x>
<TD rowspan=x> Nombre de cellules à fusionner horizontalement
Nombre de cellules à fusionner verticalement

Frames
<FRAMESET>...</FRAMESET> Définit une structure de frames
(remplace alors le tag BODY)
<FRAMESET rows="x%,y%,..."> Division horizontale de la fenêtre en %
<FRAMESET cols="x%,y%,..."> Division verticale de la fenêtre en %
<FRAME src="fichier.htm"> Fichier affiché dans une fenêtre de frames
<NOFRAMES>...</NOFRAMES> Contenu pour les browsers non prévus
pour les frames

Fichier Html
<HTML>...</HTML> Début et fin de fichier Html
<HEAD>...</HEAD> Zone d'en-tête d'un fichier Html
<TITLE>...</TITLE> Titre affiché par le browser (élément de HEAD)
<BODY>...</BODY> Début et fin du corps du fichier Html
<BODY bgcolor="#XXXXXX"> Couleur d'arrière-plan (en hexadécimal)
<BODY background="xyz.gif"> Image d'arrière-plan


palette de couleur pour votre forum
Voici quelques codes de couleur qui peuvent être utilisés comme valeur d'attribut dans les balises <FONT COLOR> <BODY BGCOLOR=... TEXT=... LINK=... VLINK=... ALINK=... >.

http://img174.exs.cx/my.php?loc=img174&image=1couleur10of.png
liste des couleur 1.

http://img165.exs.cx/my.php?loc=img165&image=1couleur8bt.png
liste des couleurs 2

http://img165.exs.cx/my.php?loc=img165&image=1couleur25va.png
liste des couleur 3


Les couleurs par nom

De plus en plus de navigateurs récents acceptent maintenant un nom de couleur au lieu de la codification hexadécimale qui pour le moins n'est pas très explicite.
Il faut cependant noter que cette codification par nom n'est pas complètement compatible entre tous les navigateurs. Pour une compatibilité absolue, il est prudent de garder la codification hexadécimale.

http://img165.exs.cx/my.php?loc=img165&image=couleur6xr.png couleur n1

http://img165.exs.cx/my.php?loc=img165&image=couleur13ax.png couleur n2

http://img165.exs.cx/my.php?loc=img165&image=couleur21tl.png couleur n3

http://img165.exs.cx/my.php?loc=img165&image=couleur37kb.png couleur n4

http://img165.exs.cx/my.php?loc=img165&image=couleur44ru.png couleur n5

voila c'est tout j'espere que cela vous aidera, si je trouve autre chose je le mettrait ici !

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Cléon

avatar

Nombre de messages : 233
Age : 31
Date d'inscription : 14/12/2006

MessageSujet: Re: Code html   10/1/2007, 05:00

J'ai une question (ça me saoule de regarder le code de la page alors je préfère demander). Sur un même sujet, chaque post est enregistré dans le même fichier où ils sont tous référencé de manière propre avec une adresse à part. Note que je suis pas sûr que tu comprennes ma question parce que je l'exprime peut être mal en tout cas moi je me comprends. Si je veux insérer un minimum de code dans mes messages (et oui j'ai des bases si si), il faut au moins que je comprenne un minimum la structure de tes pages et comme je l'ai déjà dit, j'ai pas envie de lire tout ton code.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Cléon

avatar

Nombre de messages : 233
Age : 31
Date d'inscription : 14/12/2006

MessageSujet: Re: Code html   10/1/2007, 05:06

Ah, j'aimerais préciser quelque chose suite à ton brillant cours de HTML (bien fait d'ailleurs parce que c'est pas si facile à résumer). Il est amusant de remarquer que le fait de mettre les balises en elle-même en majuscule ou en minuscule n'a absolument aucune importance (j'ai testé). En outre, le / de la seconde balise est là purement par forme également. Une histoire de norme dans les deux cas je suppose.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Rhadamante

avatar

Nombre de messages : 2674
Age : 32
Date d'inscription : 14/11/2006

MessageSujet: Re: Code html   10/1/2007, 07:11

Cléon a écrit:
J'ai une question (ça me saoule de regarder le code de la page alors je préfère demander). Sur un même sujet, chaque post est enregistré dans le même fichier où ils sont tous référencé de manière propre avec une adresse à part. Note que je suis pas sûr que tu comprennes ma question parce que je l'exprime peut être mal en tout cas moi je me comprends. Si je veux insérer un minimum de code dans mes messages (et oui j'ai des bases si si), il faut au moins que je comprenne un minimum la structure de tes pages et comme je l'ai déjà dit, j'ai pas envie de lire tout ton code.

Alors normalement la création du sujet me crée une nouvelle page html dans la BDD (comprendre base de données). Donc en soit toutes reponses qui seront affichés pour un meme sujet auront donc la meme reference qui n'est que le numero du forum (lien url que vous pouvez voir dans la barre de navigation. MAIS !! car il y a bien un mais ^^, il est possible de faire un lien directement vers un sujet, mais de la a savoir comment le faire ya de la marge...

Citation :
Ah, j'aimerais préciser quelque chose suite à ton brillant cours de HTML (bien fait d'ailleurs parce que c'est pas si facile à résumer). Il est amusant de remarquer que le fait de mettre les balises en elle-même en majuscule ou en minuscule n'a absolument aucune importance (j'ai testé). En outre, le / de la seconde balise est là purement par forme également. Une histoire de norme dans les deux cas je suppose.


oui en effet on s'en fout ^^
les normes toujours les normes. Nan serieusement il y a quand meme une raison assez simple. Nous avons des claviers dit "occidentale" azerty la plupart du temps. Et vous savez, ou devez savoir maintenant que chaque touche emet une frequence differente que l'ordinateur converti sur l'ecran en un signe. Donc le C aura une autre frequence que le c par exemple. Mais alors pourquoi il n'y a pas de difference sur forumaactif me direz vous ?
Pour le simple et bonne raison que forumactif, comme phpbb et bien d'autre créateur de forum ont incorporé dans leur programme de base, un logiciel de "simplification" des codes qui permettent donc aux ignorants que nous sommes de faire des fautes de codes sans pour autant que celui-ci ne marche pas.

pfiou.... j'me comprends ^^

_________________
Administrateur principal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://roles-et-legendes.bbfr.net
Contenu sponsorisé




MessageSujet: Re: Code html   

Revenir en haut Aller en bas
 
Code html
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Bonus : Les Codes HTML
» Modèle de Présentation [HTML]
» Signature codée, bases du code HTML, pour ceux qui se lassent du BB code.
» Code HTML : le topic des demandes
» code pour rp :D

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Rôles et Légendes :: Hotel de ville (Section Hors Rôle Play) :: Le Tabularium-
Sauter vers: