| Typographie et modèle |
 |
| Écrit par Travel Template |
| Dimanche, 08 Février 2009 00:00 |
Tourisme Voyage modèle vous permet d'avoir la possibilité de tout simplement changer la police de tout le texte dans le modèle avec le Gestionnaire des paramètres du modèle, située dans l'Administrateur (choisissez le nom de la police pour avoir un aperçu): -- $ font_family = "default", / / helvetica | genève | optima | helvetica | trébuchet | lucida | Georgia | Palatino Il s'agit d'un ComponentHeading Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'un Contentheading Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor. Il s'agit d'une tête de H1Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam à est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus. Il s'agit d'un H2 HeaderProin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor. Il s'agit d'un H3-têteMauris euismod. En ac massa vitae quam tincidunt dapibus. Ut tortor nec à mi Mattis blandit. Maecenas venenatis lorem à nulla. Phasellus un libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus. Il s'agit d'une tête H4Mauris euismod. En ac massa vitae quam tincidunt dapibus. Ut tortor nec à mi Mattis blandit. Maecenas venenatis lorem à nulla. Phasellus un libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus. Il s'agit d'un virus H5 HeaderMauris euismod. En ac massa vitae quam tincidunt dapibus. Ut tortor nec à mi Mattis blandit. Maecenas venenatis lorem à nulla. Phasellus un libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus. Avis Styles sont indiqués ci-dessousCeci est un exemple de l'attention des' style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="attention"> ....</ span> Ceci est un exemple de la "notice" de style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="notice"> ....</ span> Ceci est un exemple de la 'alerte' style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="alert"> ....</ span> Ceci est un exemple de la 'download' style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="download"> ....</ span> Ceci est un exemple de la «approuvé» le style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="approved"> ....</ span> Il s'agit d'un échantillon de «médias» de style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="media"> ....</ span> Ceci est un exemple de la 'note' style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="note"> ....</ span> Ceci est un exemple du "panier" de style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="cart"> ....</ span> Ceci est un exemple de la «caméra» de style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="camera"> ....</ span> Il s'agit d'un échantillon de la «doc» de style. Utilisez ce style pour désigner des informations très importantes pour vos utilisateurs. Pour utiliser cette utilisation de la folllowing html: <span class="doc"> ....</ span> Ceci est un exemple <pre> ...</ pre> tag:
div.modulebox-noir div.bx1 {
background: url (.. / images / noir / box_bl.png) 0 100% no-repeat;
}
div.modulebox-noir div.bx2 {
background: url (.. / images / noir / box_tr.png) 100% 0 no-repeat;
}
div.modulebox-noir div.bx3 {
background: url (.. / images / noir / box_tl.png) 0 0 no-repeat;
padding: 0;
margin: 0;
}
Citation StylesIl s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote> ....</ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote class=" bleu "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote "> class=" rouge ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote class=" vert "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote violet class=" "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote class=" orange "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote class=" brun "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Il s'agit d'une citation, vous voulez utiliser le formatage suivant: <blockquote class=" gris "> ... </ blockquote> Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod.
Liste Styles - BulletsVoici une liste de balles. Pour utiliser ce style de créer une liste dans le format suivant: nom de la classe class=" <ul "> <li> ....</ li> <li> ....</ li >...</ ul>
Span Styles - NombreVoici une liste avec le nombre. Pour utiliser ce style de créer une liste dans le format suivant: <span class="number-[color2]"> 1 [nombre] </ span> 1 Pour utiliser ce style de créer une liste dans le format suivant: <p> "> <span class=" numéro 1 </ span>. ... Un peu de contenu .... </ P> 2 Pour utiliser ce style de créer une liste dans le format suivant: <p> "> <span class=" numéro 2 </ span>. ... Un peu de contenu .... </ P> 3 Pour utiliser ce style de créer une liste dans le format suivant: <p> "> <span class=" numéro 3 </ span>. ... Un peu de contenu .... </ P> 1 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-red "> 1 </ span>. ... Un peu de contenu .... </ P> 2 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-blue "> 2 </ span>. ... Un peu de contenu .... </ P> 3 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-green "> 3 </ span>. ... Un peu de contenu .... </ P> 1 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-purple "> 1 </ span>. ... Un peu de contenu .... </ P> 2 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-orange "> 2 </ span>. ... Un peu de contenu .... </ P> 3 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-brown "> 3 </ span>. ... Un peu de contenu .... </ P> 4 Pour utiliser ce style de créer une liste dans le format suivant: <p> <span class=" number-grey "> 3 </ span>. ... Un peu de contenu .... </ P> Highlight StylesIl s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" souligner "> ...</ span>Il s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" highlight-red "> ...</ span> Il s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" highlight-blue "> ...</ span> Il s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" highlight-green "> ...</ span> Il s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" highlight-orange "> ...</ span> Il s'agit d'un espace qui vous permet de mettre en évidence des mots ou des phases . Utilisez le format suivant: <span class=" highlight-bold "> ...</ span> Inset StylesPraesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum mollis facilisis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Vous aurez besoin de l'utilisation de la mise en forme: <span class="inset-left"> ... un peu de contenu ... </ span> Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Vous aurez besoin de l'utilisation de la mise en forme: <span class="inset-left"> ... un peu de contenu ... </ span> Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. DropCap Styles P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed nibh euismod magna un. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturiente montes, nascetur ridiculus mus. Sed un magna nibh euismod. L'accent importants Styles Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" important "> <span class=" important-title "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" bleu "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" rouge "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" vert "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" violet "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" brun "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" orange "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> Exemple de Titre Il s'agit d'un espace qui vous permet de placer tout le contenu dans une belle bien formés section. Vous aurez besoin d'utiliser le formatage suivant: <div class=" gris "> <span class=" important-title-blue "> Exemple de titre </ span> ... un peu de contenu ... </ div> |
| Mise à jour le Lundi, 09 Février 2009 06:10 |