Un site de test pour Zpip

Charte Typo de ce site

webmaster — 2009-11-26T23:45:43Z

Cette page présente un échantillon de chacun des enrichissements typographiques disponibles sur ce site. Leur habillage est réalisé par le webmestre, en CSS, via des feuilles de style externes. Ce paragraphe constitue donc le chapeau.

Paragraphes

Premier paragraphe. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.
Ici, retour à la ligne, généré par le raccourci SPIP « _ ».

Second paragraphe. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.

Troisième paragraphe, précédé d'une ligne horizontale de séparation, générée par le raccourci SPIP « ---- ». Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.

Un intertitre normal

Voici du texte en italique et du texte en gras.
Voici un ~~texte supprimé~~ et le texte inséré en correction.
Une définition de terme avec la balise .
Un sigle, par exemple W3C, est lu lettre par lettre, tandis que SPIP est un acronyme puisqu'il forme un mot qui est lu normalement.
Texte de gauche à droite et Texte de droite à gaucheavec .
Mise en exposant² et mise en indice : H₂O.
Et voici une note de bas de page [1].

Ici, exemple de puce générée par le raccourci SPIP « - ». Attention, leur succession ne constitue pas une liste !

— Un tiret long, généré par le raccourci SPIP « -- », utile pour les dialogues.

Hyperliens

SPIP distingue lien interne et liens externes dont URLs directes : http://www.spip.net, et lien généré par le raccourci [->site2] : site2. Mieux vaut spécifier la langue de destination, par exemple : SPIP. Lien vers une définition du glossaire prédéfini : Wikipédia Courriel : moi@moi.org Une ancre vers les citations : #citations

Les listes

Puce 1
Puce 2

Element 1
Element 2
- Element 2.1
- Element 2.2
  - Element 2.2.1

Element 1
Element 2
1. Element 2.1
2. Element 2.2
  1. Element 2.2.1

Table

Titre de la table
Titre	Titre	Titre
Champ	Champ	Champ
Champ	Champ	Champ
Champ	Champ	Champ
Champ	Champ	Champ

Citation

Ceci est une citation ordinaire, avec la balise HTML
. Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.
Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

Ceci est une citation générée avec le raccourci SPIP . Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.

Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

Je le vis, je rougis, je pâlis à sa vue

Un trouble s'éleva dans mon âme éperdue

Mes yeux ne voyaient plus, je ne pouvais parler

Je sentis tout mon corps et transir et brûler.

Ceci est une citation du Phédre de Racine, générée avec le raccourci SPIP , idéal pour les vers des poèmes et chansons.

Maecenas mollis. Et voici du code, généré avec le raccourci SPIP :
// ceci est du langage php echo "bonjour"; ?> Le raccourci SPIP <cadre> permet publier des extraits de code que l'on peut facilement copier-coller. <?php // ceci est du langage php echo "au revoir"; ?>


		
		[1] Une note de bas de page est, habituellement, signalée par un numéro placé à l'intérieur du texte, numéro repris en bas de page et proposant un complément d'information. Cette fonctionnalité est automatisée dans SPIP.



Les raccourcis typographiques
Je suis un administrateur, Je suis un rédacteur — 2009-11-14T23:39:00Z
Spip possède quelques raccourcis typographiques pour faciliter la mise en place du contenu. Cet article reprend les principaux raccourcis.
 Un intertitre dans l'article
Dans un paragraphe, il peut y avoir de la mise en avant, de la mise en exergue. Il peut aussi y avoir des liens externe ou des liens interne . Les raccourcis typographique sont facilement intégrée dans le contenu grâce à une barre de boutons regroupant les principaux raccourcis.
  Il y a aussi la possibilité d'insérer une puce, mais il vaut mieux utiliser
  les liste d'éléments
 un autre élément
 encore un de plus un élément d'un élément et à l'intérirur de cet élément
On peut aussi utiliser les liste numéroté
  numéro 1
 numéro 2
 numéro 3 numéro 3.1
 numéro 3.2

On peut aussi facilement inclure une citation. Bien que la barre des raccourcis ne soit présente que dans le texte, on peut les utiliser sur tous les partie de spip.

		Il existe beaucoup plus de raccourcis typographique , nous en verrons dans l'article charte typographique


Les emplacements principaux des articles (Titre)
Je suis un rédacteur — 2009-11-14T23:04:00Z

		Le chapeau de l'article : prélude ou introduction de l'article, n'est pas obligatoire. Cela peut aussi être un résumé de l'article.
		La partie principale de l'article, c'est un texte plus ou moins long pouvant être enrichi par des « raccourcis typographiques ». Le texte de l'article doit, en génral, être contenu sur plusieurs paragraphes. Avec Spip, pour déparer les paragraphes, il faut passer une ligne. Nous mettons à la suite quelques paragraphes pour un peu de contenu.
 Lorem ipsum cum nisl vide senserit ad, assentior reprehendunt definitionem cum no ? Cu mel kasd mentitum suscipit, in quidam nemore suavitate nec ! Sit cu essent philosophia, vix meis pericula instructior cu. Et eam simul audiam, ea ferri dicunt referrentur vim. Usu no posse eripuit graecis, mei odio dicat doming in, kasd velit philosophia at sed.
 In euismod aliquam eleifend qui, summo paulo insolens sed ad, cum laudem oblique consulatu ut. His an delectus aliquando referrentur, at odio putant pri. Ius delenit invidunt molestiae in. Harum argumentum cotidieque ius ea. Putent legendos takimata et eum, liber nonumy persecuti pro cu, at nam falli verear maluisset.
 In quo aliquam tincidunt constituto, sit eu aliquip aliquyam accusata, sit timeam eruditi efficiendi ei. Per te doming diceret instructior. Nam tamquam recusabo interpretaris ei, duo perpetua honestatis reformidans no. Per ludus mediocrem necessitatibus cu, ei eum esse vitae ! Vel velit liber munere ad, alterum vituperatoribus te sit, ad his clita bonorum veritus. Ea exerci fabellas salutandi nec, pro rebum dolore consul ex, moderatius repudiandae at duo ? His eius salutatus no, natum similique vis in ?
		Le Post-Scriptum de l'article dans la case Post-Scriptum


Un article traduit en plusieurs langues
webmaster — 2009-11-14T23:02:17Z
Lorem ipsum mei brute possit recteque ut, ut autem omnes affert has. In soluta nominati accusamus pro, verterem pertinacia mnesarchum ea duo. Mei ut posse oratio omittam, duo id inani mentitum, mel ludus dolor an. An augue error labores mel, sit et modo dico scriptorem. An has dolor delicata similique, eu quot utamur scripta pri. Id kasd eligendi consetetur usu, no qui eius dictas, in his nobis semper. Molestiae elaboraret scribentur ius an, no conceptam deterruisset quo, numquam dolores et quo.
 His in exerci impedit invenire. Nam cu nostrum pericula moderatius, vim ei magna aperiri fuisset, id appellantur referrentur quo. Usu iracundia maiestatis voluptatum in, mel electram theophrastus no, ut quo justo mollis gloriatur. Ut nec natum explicari, ex euismod verterem intellegam vel. Ex quo hinc modus dissentiunt, consequuntur voluptatibus vim at. Sit aeterno iuvaret liberavisse ne, dictas propriae pro et, te accumsan accusamus usu.


Spip peut aussi servir de pétition
webmaster — 2009-11-14T23:00:00Z
Sur cet article la pétition est activée. Vous pouvez y mettre un site sous zpip si vous le souhaitez. Les sites qui ne sont pas sous spip, ou, mieux sous zpip seront effacés.


-
Un secteur pour commencer

/ 
Emplacement


Jusqu'a la 4ème
webmaster — 2009-11-14T15:21:12Z
La feuille de style pour faire apparaitre les sous menus :
 #nav li ul,#nav li ul{
 display:none;
 }
 
 #nav li:hover ul,#nav li.hover ul{
 display:block;
 }
 
 #nav li:hover li ul,#nav li.hover li ul{
 display:none;
 }
 #nav li:hover li:hover ul,#nav li.hover li.hover ul{
 display:block;
 }
 #nav li:hover li:hover li ul,#nav li.hover li.hover li ul{
 display:none;
 }
 #nav li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover ul{
 display:block;
 }
 #nav li:hover li:hover li:hover li ul,#nav li.hover li.hover li.hover li ul{
 display:none;
 }
 #nav li:hover li:hover li:hover li:hover ul,#nav li.hover li.hover li.hover li.hover ul{
 display:block;
 }
Si je compte bien , on va donc jusqu'a la profondeur 5, cela devrait suffire.


Très bien
webmaster — 2009-11-14T14:19:10Z
Lorem ipsum usu at laudem offendit, ea vix utinam sadipscing. Mei homero hendrerit gloriatur an, recusabo expetendis cotidieque ad quo, eu nominavi deseruisse scripserit sit. In pri vide torquatos cotidieque, mollis discere has cu, his numquam percipit ei. An everti aliquid scribentur mel, inani dicunt denique mea no. Cu eam copiosae eleifend, eum ad wisi debet petentium. Eu nonumy blandit invenire eum, cu stet solet dissentiet mel, his labitur explicari instructior eu.
 Duo ut volumus recusabo, te duis graecis appareat usu. Nusquam vivendo id mei. Ne per quando melius perpetua, elitr nonumy altera id vis, vocent accusamus consulatu ut qui. Pro cu oportere laboramus, ad zzril tibique mediocritatem vix. Appareat adipisci dissentias at pri, novum volutpat recteque mel cu. Elaboraret scribentur et eum, ut quodsi oporteat lucilius his, impetus nusquam pri ex. Sale fastidii constituam ei sed, labore corrumpit vim te, oratio iriure nostrud has ut.


Pour qu'une rubrique apparaisse , il lui faut un contenu
webmaster — 2009-11-14T14:17:57Z
Lorem ipsum alii erant soleat has no, quidam copiosae accusata his ea, elit facete perpetua usu an. Commune dissentias in eos, eum ullum simul cu. Nostrud aliquid cum ut, at est tritani nusquam. Cum ad dicant epicurei vulputate, primis persecuti adversarium nec ad. Nominati torquatos eu mel, ei pri simul lobortis rationibus. Liber postea cetero sea in, explicari vituperata eu sit.
 An pri possim nonummy perfecto
, ius aliquip senserit imperdiet ut, ius omnis prima facilisis id. Perpetua complectitur concludaturque eu sit, quo antiopam erroribus persequeris id, ne meis laudem utamur sed. Et postea appareat sadipscing eos, ne vix homero copiosae maiestatis. No suas erat praesent vel, cu eam illud velit reprimique, noster erroribus mediocritatem et mel. His possit iriure omittantur id, petentium vituperata mel te. Est aperiri meliore conclusionemque in.


C'est le 3ème niveau
webmaster — 2009-11-14T14:07:01Z
-
En dessous encore une fois


بال وبعد الحرة.
webmaster — 2009-11-13T23:10:00Z
حدة هو والجنود ولكسمبورغ, لان قامت أدنى المشترك ثم, في بحث وقبل فكانت وعزّزت. قد حشد برلين ونستون, بالهجوم الألمانية، بريطانيا-فرنسا ولم ثم, أم عُقر تاريخ بالمطالبة على. ثم ماشاء أعلنت الأوروبية، ذلك, إيو ما تصرّف وكسبت, أما من احداث السيء السوفييتية. عن بها مكّن اسبوعين, إذ لكون الإطلاق يبق, أخذ لم إختار المناوشات السوفييتي. جنود سياسة الإعتداء هو لمّ.
 جنوب بالسيطرة فقد بـ, هو معقل لبلجيكا، بريطانيا-فرنسا غزو, جهة مسرح شواطيء ونستون هو. ليبين وهزيمة الدولارات من جوي, جُل أعلنت استولت قُدُماً عن, شيء كل ألماني العام، وفنلندا. ما كردة إعلان القوى هذه, هزيمة السفن اليابانية دار إذ. يبق مشروط الحربية الياباني، ثم, غضون لقهر السيطرة بحق ان. به، النفط بالقصف العظمى ٣٠, ثم بعض إعادة محاولات الأرضية. حين النمسا شموليةً الانجليزية أي, مكن احداث وانهاء عل.