Création Disgn Appercut Yuki and Yuui
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Création Disgn Appercut Yuki and Yuui

Forum de Design, Forum pour l'affichage et le texte des création.
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Display Star Wars Unlimited Ombres de la Galaxie : où l’acheter ?
Voir le deal

Création Disgn Appercut Yuki and Yuui :: Essaie :: ////
 

 Savegarde ^^

Aller en bas 
AuteurMessage
Yuki and Yuui
Admin
Yuki and Yuui


Messages : 54
Date d'inscription : 01/01/2010

Savegarde ^^ Empty
MessageSujet: Savegarde ^^   Savegarde ^^ I_icon_minitimeJeu 23 Juil - 14:50



EXEMPLES DE TABLEAUX

EXEMPLES DE TABLEAUX




Voici quelques exemples qui illustrent l'utilisation de la plupart des nouvelles balises de tableau.




Retour "Introduction HTML"

UN TABLEAU CLASSIQUE DE  3X2










A B C
D E F


<TABLE BORDER>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>



Table des matières




DEUX EXEMPLES DE L'ATTRIBUT "ROWSPAN"
(hauteur d'une cellule exprimée en nombre de lignes)












Item 1Item 2Item 3
Item 4 Item 5

<TABLE BORDER>
<TR>
<TD>Item 1</TD>
<TD ROWSPAN=2>Item 2</TD>
<TD>Item 3</TD>
</TR>
<TR>
<TD>Item 4</TD> <TD>Item 5</TD>
</TR>
</TABLE>






   




Item 1Item 2 Item 3 Item 4
Item 5 Item 6 Item 7

<TABLE BORDER>
<TR>
<TD ROWSPAN=2>Item 1</TD>
    <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
</TR>
<TR>
<TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD>
</TR>
</TABLE>



Table des matières




UN EXEMPLE DE L'ATTRIBUT "COLSPAN"
 (largeur d'une cellule exprimée en nombre de  colonnes)











Item 1Item 2
Item 3 Item 4 Item 5

<TABLE BORDER>
<TR>
<TD>Item 1</TD>
<TD COLSPAN=2>Item 2</TD>
</TR>
<TR>
<TD>Item 3</TD> <TD>Item 4</TD> <TD>Item 5</TD>
</TR>
</TABLE>





Table des matières




LA BALISE  <TH> COMME TITRE DE COLONNE













Titre 1 Titre 2 Titre 3
A B C
D E F


<TABLE BORDER>
<TR>
<TH>Titre 1</TH> <TH>Titre 2</TH> <TH>Titre 3</TH>
</TR>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>




Table des matières




LA COMBINAISON "COLSPAN ET <TH>"






   







Titre 1Titre 2
A B C D
E F G H 

<TABLE BORDER>
<TR>
<TH COLSPAN=2>Titre 1</TH>
    <TH COLSPAN=2>Titre 2</TH>
</TR>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD> 
</TR>
<TR> 
<TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD> 
</TR>
</TABLE>




Table des matières





LA COMBINAISON "COLSPAN" ET <TH> MULTIPLES


















Titre 1Titre 2
Titre  3 Titre  4 Titre  5 Titre  6
A B C D
E F G H 

<TABLE BORDER>
<TR>
<TH COLSPAN=2>Titre 1</TH>
<TH COLSPAN=2>Titre 2</TH>
</TR>
<TR>
<TH>Titre  3</TH> <TH>Titre  4</TH> 
<TH>Titre  5</TH> <TH>Titre  6</TH> 
</TR>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD> 
</TR>
<TR>
<TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD> 
</TR>
</TABLE>





Table des matières




LA BALISE <TH> COMME TITRE DE LIGNE










Titre 1Item 1 Item 2 Item 3
Titre 2Item 4 Item 5 Item 6
Titre 3Item 7 Item 8 Item 9

<TABLE BORDER>
<TR><TH>Titre 1</TH>
<TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD></TR>
<TR><TH>Titre 2</TH>
<TD>Item 4</TD> <TD>Item 5</TD> <TD>Item 6</TD></TR>
<TR><TH>Titre 3</TH>
<TD>Item 7</TD> <TD>Item 8</TD> <TD>Item 9</TD></TR>
</TABLE>




Table des matières




LA COMBINAISON "ROWSPAN" ET <TH>





   




   

Titre 1Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7 Item 8
Titre 2Item 9 Item 10 Item 3 Item 11

<TABLE BORDER>
<TR><TH ROWSPAN=2>Titre 1</TH>
   <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>
</TR>
<TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD>
</TR>
<TR><TH>Titre 2</TH>
   <TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD>
</TR>
</TABLE>




Table des matières




UNE COMBINAISON DE L'ENSEMBLE










   



Moyenne
TaillePoids
SexeMâles1.90.003
Femelles1.70.002


<TABLE BORDER>
<TR> <TD><TH ROWSPAN=2></TH>
<TH COLSPAN=2>Moyenne</TH></TD>
</TR>
<TR> <TD><TH>Taille</TH><TH>Poids</TH></TD>
</TR>
<TR> <TH ROWSPAN=2>Sexe</TH>
    <TH>Mâles</TH><TD>1.9</TD><TD>0.003</TD>
</TR>
<TR> <TH>Femelles</TH><TD>1.7</TD><TD>0.002</TD>
</TR>
</TABLE>




Table des matières




UNE HEUREUSE COMBINAISON DE "COLSPAN" ET "ROWSPAN"
















A12
34
CD


<TABLE BORDER>
<TR>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>A</TD>
<TD>1</TD>
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
<TR>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>C</TD>
<TD ALIGN=center ROWSPAN=2 COLSPAN=2>D</TD>
</TR>
<TR>
</TR>
</TABLE>




Table des matières




LES MARGES ET LES BORDURES





UN TABLEAU SANS BORDURE








Item 1 Item 2 Item 3
Item 4 Item 5 


<TABLE>
<TR> <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> 
</TR>
<TR> <TD>Item 4</TD> <TD>Item 5</TD> 
</TR>
</TABLE>



Table des matières




UN TABLEAU AVEC UNE BORDURE DE 10








Item 1 Item 2
Item 3 Item 4 

<TABLE BORDER=10>
<TR> <TD>Item 1</TD> <TD> Item 2</TD>
</TR>
<TR> <TD>Item 3</TD> <TD>Item 4</TD> 
</TR>
</TABLE>






Table des matières




LES ATTRIBUTS "CELLPADDING" ET "CELLSPACING"










A B C
D E F

<TABLE BORDER CELLPADDING=10 CELLSPACING=0>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>









A B C
D E F

<TABLE BORDER CELLPADDING=0 CELLSPACING=10>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>









A B C
D E F

<TABLE BORDER CELLPADDING=10 CELLSPACING=10>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>










A B C
D E F

<TABLE BORDER=5 CELLPADDING=10 CELLSPACING=10>
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>



Table des matières




ALIGNEMENTS, LÉGENDES ET TABLEAUX ENCHÂSSÉS





EXEMPLE DE TABLEAU À LIGNES MULTIPLES











   
   



   
   

JanvierFévrierMars
Cellule 1Cellule 2Une autre cellule,
la cellule 3
Cellule 4Et maintenant, voici
la cellule  5		Cellule 6


<TABLE BORDER>
<TR>
<TH>Janvier</TH>
<TH>Février</TH>
<TH>Mars</TH>
</TR>
<TR>
<TD>Une cellule 1</TD>
    <TD>Cellule 2</TD>
    <TD>Une autre cellule,<br> la cellule 3</TD>
</TR>
<TR>
<TD>Cellule 4</TD>
    <TD>et maintenant voici<br>la  cellule 5</TD>
    <TD>Cellule 6</TD>
</TR>
</TABLE>






Table des matières





L'ATTRIBUT ALIGN=LEFT|RIGHT|CENTER

Peut s'appliquer à des lignes multiples








   
   
   


   
   
   

JanvierFévrierMars
Texte centré
Cellule 2		Une autre cellule,
Cellule 3
À droiteAu centrePar défaut,
à gauche


<TABLE BORDER>
<TR>
   <TH>Janvier</TH>
   <TH>Février</TH>
   <TH>Mars</TH>
</TR>
<TR ALIGN=center>
   <TD>Texte centré</TD>
   <TD>Cellule  2</TD>
   <TD>Une autre cellule,<br> Cellule  3</TD>
</TR>
<TR>
   <TD ALIGN=right>À droite</TD>
   <TD ALIGN=center>Au centre</TD>
   <TD>Par défaut,<br>À gauche;/TD>
</TR>
</TABLE>






Table des matières





L'ATTRIBUT "VALIGN"=TOP|BOTTOM|MIDDLE


Peut s'appliquer à des cellules individuelles ou à toute une ligne de cellules








   
   
   


   
   
   

JanvierFévrierMars
Tout en hautMaintenant
voici la cellule 2		Cellule 3
En hautEn basPar défaut,
Au centre

<TABLE BORDER>
<TR>
<TH>Janvier</TH>
<TH>Février</TH>
<TH>Mars</TH>
</TR>
<TR VALIGN=top>
   <TD>Tout en haut</TD>
   <TD>Maintenant, voici la cellule 2</TD>
   <TD>Cellule 3</TD>
</TR>
<TR>
   <TD VALIGN=top>En haut</TD>
   <TD VALIGN=bottom>En bas</TD>
   <TD>Par défaut,<br>Au centre</TD>
</TR>
</TABLE>




Table des matières





L'ATTRIBUT "CAPTION"=TOP|BOTTOM














La légende est au-dessus
JanvierFévrierMars
Voici la cellule 1Cellule 2Une autre cellule,
La cellule 3

<TABLE BORDER>
<CAPTION ALIGN=top>A top CAPTION</CAPTION>
<TR>
<TH>Janvier</TH>
<TH>Février</TH>
<TH>Mars</TH>
</TR>
<TR>
<TD>Voici la cellule 1</TD>
<TD>Cellule 2</TD>
<TD>Une autre cellule,<br> La cellule 3</TD>
</TR>
</TABLE>















La légende est au-dessous
JanvierFévrierMars
Voici la cellule 1Cellule 2Une autre cellule,
la cellule 3

<TABLE BORDER>
<CAPTION ALIGN=bottom>A bottom CAPTION</CAPTION>
<TR>
<TH>Janvier</TH>
<TH>Février</TH>
<TH>Mars</TH>
</TR>
<TR>
<TD>Voici la cellule 1</TD>
<TD>Cellule 2</TD>
<TD>Une autre cellule,<br> la cellule 3</TD>
</TR>
</TABLE>






Table des matières




TABLEAUX ENCHÂSSÉS: LE TABLEAU
ABCD
EST À L'INTÉRIEUR DU TABLEAU 123456














123









AB
CD
456


<TABLE BORDER>
<TR> <!-- ROW 1, TABLE 1 -->
<TD>1</TD>
<TD>2</TD>
<TD>3
<TABLE BORDER>
<TR> <!-- ROW 1, TABLE 2 -->
<TD>A</TD>
<TD>B</TD>
</TR>
<TR> <!-- ROW 2, TABLE 2 -->
<TD>C</TD>
<TD>D</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR> <!-- ROW 2, TABLE 1 -->
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>




Table des matières




L'ATTRIBUT "WIDTH" (LARGEUR)





DEUX CELLULES À  50%








Largeur=50%Largeur=50%
34

<TABLE BORDER WIDTH="50%">
<TR><TD>Largeur=50%</TD><TD>Largeur=50%</TD>
</TR>
<TR><TD>3</TD><TD>4</TD>
</TR>
</TABLE>









La largeur du contenu détermine la largeur de la cellule2
34

<TABLE BORDER WIDTH="50%">
<TR><TD>La largeur du contenu détermine la largeur de la cellule</TD><TD>2</TD>
</TR>
<TR><TD>3</TD><TD>4</TD>
</TR>
</TABLE>









WIDTH=100%Voici le contenu 2
34

<TABLE BORDER WIDTH="100%">
<TR><TD>WIDTH=100%</TD><TD>Voici le contenu 2 </TD>
</TR>
<TR><TD>3</TD><TD>4</TD>
</TR>
</TABLE>



Table des matières




TABLEAU CENTRÉ











A B C
D E F



<CENTER>
<TABLE BORDER WIDTH="50%">
<TR>
<TD>A</TD> <TD>B</TD> <TD>C</TD>
</TR>
<TR>
<TD>D</TD> <TD>E</TD> <TD>F</TD>
</TR>
</TABLE>
</CENTER>




Table des matières




L'ATTRIBUT "WIDHT" DANS LES TABLEAUX ENCHÂSSÉS







   

Item 1Item 2

   


   
Item AItem B
   		Item  4

<TABLE BORDER WIDTH="50%">
<TR><TD>Item 1</TD><TD>Item 2</TD>
</TR>
<TR><TD>
   <TABLE BORDER WIDTH=100%>
<TR><TD>Item A</TD><TD>Item B</TD>
</TR>
   </TABLE>
   </TD>
   <TD>Item 4</TD>
</TR>
</TABLE>




Table des matières




L'ATTRIBUT "HEIGHT" (hauteur)=15%








HEIGHT=15% Item 2
34

<TABLE BORDER WIDTH="50%" HEIGHT="15%">
<TR><TD>HEIGHT=15%</TD> <TD> Item 2</TD>
</TR>
<TR><TD>3</TD><TD>4</TD>
</TR>
</TABLE>




Table des matières





Revenir en haut Aller en bas
https://yukiandyuui.forumactif.com
Yuki and Yuui
Admin
Yuki and Yuui


Messages : 54
Date d'inscription : 01/01/2010

Savegarde ^^ Empty
MessageSujet: Re: Savegarde ^^   Savegarde ^^ I_icon_minitimeJeu 23 Juil - 14:51

  • Mettre le texte en gras: Savegarde ^^ Text_bold
    Code:Sélectionner le contenu
    Résultat

  • Mettre le texte en italique: Savegarde ^^ Text_italic
    Code:Sélectionner le contenu
    Résultat

  • Souligner le texte: Savegarde ^^ Text_underline
    Code:Sélectionner le contenu
    Résultat

  • Barrer le texte: Savegarde ^^ Text_strikethrough
    Code:Sélectionner le contenu
    Résultat

  • Aligner du texte à gauche : Savegarde ^^ Text_align_left
    Code:Sélectionner le contenu
    Résultat

  • Centrer du texte : Savegarde ^^ Text_align_center
    Code:Sélectionner le contenu
    [ center][/center]
    Résultat

  • Aligner du texte à droite : Savegarde ^^ Text_align_right
    Code:Sélectionner le contenu
    Résultat

  • Justifier du texte : Savegarde ^^ Text_align_justify
    Code:Sélectionner le contenu
    Résultat

  • Modifier la couleur du texte: Savegarde ^^ Color_swatch
    Code:Sélectionner le contenu
    [color:c640=nom de couleur]
    Résultat avec la couleur "red"
    Résultat avec la couleur "green"
    Résultat avec la couleur "blue"

    ou

    Code:Sélectionner le contenu
    [color:c640=#hexadecimal]
    Résultat avec la couleur "#FF3300"
    Résultat avec la couleur "#008000"
    Résultat avec la couleur "#0033FF"
    Vous pouvez spécifier soit un nom de couleur reconnu (par exemple : red, blue, yellow, etc...), soit un code couleur hexadécimal (par exemple : #FFFFFF, #0033FF,...)

  • Modifier la taille du texte: Savegarde ^^ Style
    Code:Sélectionner le contenu
    [size=chiffre][/size]

    Résultat taille 9
    Résultat taille 12
    Résultat taille 14
    Résultat taille 16
    Résultat taille 18

  • Changer la police du texte: Savegarde ^^ Font
    Code:Sélectionner le contenu
    [ font=NOM][/font]
    Résultat avec la police "Impact"
    Résultat avec la police "Comic Sans Ms"
    Résultat avec la police "Times New Roman"



    • Liste non-ordonnée (avec puce): Savegarde ^^ Text_list_bullets
      Code:Sélectionner le contenu
      • Info 1
      • Info 2
      • Info 1
      • Info 2

    • Liste ordonnée (numérotée) : Savegarde ^^ Text_list_numbers
      Code:Sélectionner le contenu
      1. Info 1
      2. Info 2
      1. Info 1
      2. Info 2

    • Liste ordonnée (alphabétique) :
      Code:Sélectionner le contenu
      1. Info 1
      2. Info 2
      1. Info 1
      2. Info 2

    • List ordonnée (romain) :
      Code:Sélectionner le contenu
      1. Info 1
      2. Info 2
      1. Info 1
      2. Info 2




    • Pour afficher une citation sans référence : Savegarde ^^ Comments
      Code:Sélectionner le contenu
      Citation :
      Résultat
    • Pour afficher une citation avec référence :
      Code:Sélectionner le contenu
      X a écrit:
      @X a écrit:Résultat
    • Pour afficher un code ou police à pas fixe: Savegarde ^^ Page_white_code
      Code:Sélectionner le contenu
      Code:
      Code:Sélectionner le contenu
      1. Résultat





    • Insérer une image : Savegarde ^^ Picture
      Code:Sélectionner le contenu
      Savegarde ^^ Adresse_image

      Savegarde ^^ Forumactif

    • Insérer un lien sur une image :
      Code:Sélectionner le contenu
      Savegarde ^^ Adresse_image

      Savegarde ^^ Forumactif



    • Insérer du flash : Savegarde ^^ Page_white_flash
      Code:Sélectionner le contenu
      [flash(largeur,hauteur)]http://adresse_flash[/flash]


    • Insérer une vidéo YouTube : Savegarde ^^ Film
      Code:Sélectionner le contenu
      [youtube]code - Embed[/youtube]

    • Insérer une vidéo Dailymotion : Savegarde ^^ Film
      Code:Sélectionner le contenu
      [dailymotion]code - lecteur portable[/dailymotion]

    • Pour plus d'informations sur les BBcodes vidéo


    • Insérer un titre Savegarde ^^ Headin10
      Code:Sélectionner le contenu

      Mon titre important


      Mon titre un peu moins important


      Mon titre encore un peu moins important




    • Pour créer un tableau, il faut définir un tableau ’table’ puis lui insérer une ligne ’tr’. Cette ligne peut contenir une ou plusieurs cellules ’td’, de même qu’un tableau peut contenir plusieurs lignes ’tr’ : Savegarde ^^ Table
      Code:Sélectionner le contenu
      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

    • Créer un tableau avec une bordure : Savegarde ^^ Table
      Code:Sélectionner le contenu
      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

    • Créer un tableau avec bordure sans espace : Savegarde ^^ Table
      Code:Sélectionner le contenu
      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3

      Ligne 1 - Cellule 1 Ligne 1 - Cellule 2 Ligne 1 - Cellule 3
      Ligne 2 - Cellule 1 Ligne 2 - Cellule 2 Ligne 2 - Cellule 3



    • Défilement horizontal : (Autres)
      Code:Sélectionner le contenu
      Résultat

    • Défilement vertical : (Autres)
      Code:Sélectionner le contenu
      Résultat



    • Insérer une ligne : Savegarde ^^ Text_horizontalrule
      Code:Sélectionner le contenu
      1. Résultat 1[hr]Résultat 2
      Résultat 1
      Résultat 2

    • Mettre en indice : (Autres)
      Code:Sélectionner le contenu
      xa+b
      xa+b

    • Mettre en exposant : (Autres)
      Code:Sélectionner le contenu
      2ème jour
      2ème jour

    • Effet miroir sur le texte (symétrie verticale) :
      Code:Sélectionner le contenu
       
      Résultat 

    • Effet miroir sur le texte (symétrie horizontale) :
      Code:Sélectionner le contenu
       
      Résultat 

    • Effet flou :
      Code:Sélectionner le contenu
      Résultat

    • Effet de dégradé :
      Code:Sélectionner le contenu
      Résultat



    • Obtenir un nombre aléatoire en précisant un interval minimum et maximum: (Autres)
      Code:Sélectionner le contenu
      Nombre aléatoire (50,100) :
      70

      Nombre aléatoire (50,100) : 85

    • Obtenir un nombre aléatoire en précisant un interval maximum: (Autres)
      Code:Sélectionner le contenu
      Nombre aléatoire (1,50) :
      24

      Nombre aléatoire (1,50) : 14

    • Cacher du texte : (Autres)
      Code:Sélectionner le contenu

      Note: le texte sera caché pour les personnes qui n'ont pas posté dans le sujet.
      En revanche, les administrateurs et les modérateurs verront le texte caché sans avoir à poster dans le sujet.

    • Masquer du contenu : (Autres)
      Code:Sélectionner le contenu
      Spoiler:

      Spoiler:
    Revenir en haut Aller en bas
    https://yukiandyuui.forumactif.com
     
    Savegarde ^^
    		Revenir en haut 
    Page 1 sur 1

    Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
    Création Disgn Appercut Yuki and Yuui :: Essaie :: ////-
    Sauter vers: