Editer le texte de cette page (date de la dernière modification: 27 Décembre, 2006 3:35 (diff))

Logos

Différence (dernière modification) (Edité, Auteur, affichage normal de la page)

Ajouté: 0a1,72
Cette section est destinée à chercher les pistes pour bricoler et façonner personnellement le site et les boutons des microformats.

==== Bouton hCard et boutons-façonnés à la wiki

n'est qu'un exemple. Vous pouvez bricoler et façonner vos propres boutons en regardant les instructions sur MicroFormats:buttons-fr#Style_2

D'autres icônes figurent sur Microformats:icons-fr

==== Bouton hCalendar façonné tout CSS

<html>
<span class="badge"
style="float: left; font: 9px Geneva, Verdana, sans-serif; padding: 0 1em 1px 0;
border: 1px solid #000; background: #D1940C; color: #fff; text-decoration: none;
text-align: center;">
<span style="background: #000; border-right: 1px solid #000; color: #fff; padding: 1px 0.75em;
margin-right: 0.1em;">
›››
</span>
hCalendar
</span>
</html>


==== Autres logos (officiels) :




http://microformats.org/img/logo.gif

==== Logos de Rohit[[footnote]source officielle MicroFormats:buttons-fr#Microformats_Logos] a commencé à bricoler et l'a aussi restitué en 72 et 18 points

[[code]
<html>
<div style="position: relative; top:-46px; left:180px">
<div style="background-color:#679A06; width:30px; height: 30px; left:1px; top:10px; position:absolute; -moz-border-radius:5pt;"></div>

<div style="background-color:#85BC07; width:22px; height: 22px; left:11.5px; top:6px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white; -moz-border-radius:4pt;"></div>

<div style="background-color:#AEE219; width:14px; height: 14px; left:22.5px; top:4px; position:absolute; border-left: 2px solid white;border-bottom: 2px solid white;-moz-border-radius:2pt;"></div>

<div style="font-family:Arial Narrow,Arial,sans-serif;font-size:17.5pt;letter-spacing:0px;color:#676767; position: absolute; left:44px; top: -6px">
<span style="padding-left:9;color:#111111;vertical-align:40%">micro</span><span style="vertical-align:40%;padding-left:1pt">formats</span>
</div>
</div>
</html>
]

==== Format SVG
* http://remiprevost.com/images/wallpapers/microformats/mf-vector.svg -- on devrait pouvoir l'afficher avec CdmlSvg ?
** à décliner en différents formats et l'insérer dans le GabaritTexte.


==== Dérivé Logo MicroFormats orange :
http://microformats.org/img/mf-lg-ora.gif


=== Autres en anglais =

* http://www.boogdesign.com/images/buttons/microformat.png
* http://www.boogdesign.com/images/buttons/microformat_enabled.png
* http://www.boogdesign.com/images/buttons/emf_green.png
* http://www.boogdesign.com/images/buttons/mfe_green.png
* http://www.boogdesign.com/images/buttons/mwmf_green.png
* http://www.boogdesign.com/images/buttons/smf_green.png
* http://www.boogdesign.com/images/buttons/emf_white.png
* http://www.boogdesign.com/images/buttons/mfe_white.png
* http://www.boogdesign.com/images/buttons/mwmf_white.png
* http://www.boogdesign.com/images/buttons/smf_white.png



Cette section est destinée à chercher les pistes pour bricoler et façonner personnellement le site et les boutons des microformats.

Bouton hCard et boutons-façonnés à la wiki

n'est qu'un exemple. Vous pouvez bricoler et façonner vos propres boutons en regardant les instructions sur MicroFormats:buttons-fr#Style_2

D'autres icônes figurent sur Microformats:icons-fr

Bouton hCalendar façonné tout CSS

››› hCalendar

Autres logos (officiels) :

Logos de Rohit[1] a commencé à bricoler et l'a aussi restitué en 72 et 18 points


microformats

Format SVG

Dérivé Logo MicroFormats orange :

Autres en anglais





[1] source officielle MicroFormats:buttons-fr#Microformats_Logos

Les Microformats sont des conventions pour baliser des données couramment rencontrées (comme des liens, de l'information de contact et des événements calendaires) dans des langages établis comme le HTML. En utilisant des layouts standardisés, des classes CSS et des valeurs d'attribut, l'information devient plus accessible et plus utile tant pour les humains que les ordinateurs. Cliquez ici pour en savoir plus.

Pourquoi ce site ?

EnoncéMission

Sites officiels

le site officiel (en)
la page d'accueil du wiki (fr)

Expérimental

le Blog (gouvernance de ce wiki)

Utilitaires

hCard creator
hCalendar creator
hResume creator

Wiki-Node

WikiNode:microformats

Tests

BacASable

Contact

ChristopheDucamp

Administration Locale

Editer la barre latérale