buttons-fr: Difference between revisions
m (→Style 2) |
|||
Line 126: | Line 126: | ||
# Téléchargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte | # Téléchargez le [http://www.kottke.org/plus/type/silkscreen/ Silkscreen] de fonte | ||
# Installez [http://www.imagemagick.org/ ImageMagick] | # Installez [http://www.imagemagick.org/ ImageMagick] | ||
# | # Recevez l'icône blanche (http://rbach.priv.at/2006/buttons/blank.png) | ||
# Ouvrez la ligne de commande de votre machine ( | # Ouvrez la ligne de commande de votre machine (DOS ou autre) et saisissez : | ||
<pre>convert blank.png | <pre>convert blank.png | ||
-fill white | -fill white |
Revision as of 16:35, 18 September 2006
Boutons Microformats
Il y a eu quelques demandes pour des boutons destinés à différents microformats. Soit des badges ou des boutons qui font quelque chose avec les microformats spécifiques. Cette page maintient une liste de boutons tout comme des requêtes. - Tantek
Ajouté des boutons hébergés pour tous les micro-formats, y compris les brouillons, tout comme les instructions pour savoir comment fabriquer vos propres boutons. (14 mai 2006) - Ruben
Boutons
Bannière Microformat
J'ai produit une bannière pour les microformats. Parce qu'il existe beaucoup de microformats et encore plus à venir, indiquer simplement le support / utilisation des microformats pourrait être une bonne approche. L'image est libre d'utilisation. SVP copiez-là chez votre hébergeur et ne faites pas de liens vers elle.
J'ai déjà un "J'utilise les " sur mon blog: http://doncrowley.blogspot.com/
- Don Crowley
hCalendar
- bouton CSS-powered tiré de calendrier événement Midgard CMS :
››› hCalendar
Code (espace blanc ajouté pour la lisibilité) :
<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>
hCard
- (mirror: http://www.davidjanes.com/images/mf_hcard.png)*
- bouton CSS-powered comme mis en évidence microformat badges @ re-run
rel-license
rel-nofollow
rel-tag
VoteLinks
XFN
XMDP
XOXO
Boutons pour les formats brouillons
Ceux-ci peuvent être sujets à modifications si les noms des formats changent quand ils seront publiés.
adr
geo
hAtom
hResume
hReview
rel-directory
rel-enclosure
rel-home
rel-payment
Robots Exclusion
xFolk
Faites vos propres boutons
Style 1
Exemple :
Utilisez le Kalsey Button Maker avec les réglages suivants :
- Outer border: #666666
- Inner border: #ffffff
- Bar position: 25 pixels from the left
- Left box text: >>>
- Left box background: #000000
- Left box text colour: #ffffff
- Left box text start: 7 pixels from the left
- Right box text: (The name of the microformat goes here)
- Right box background: #31757b
- Right box text colour: #ffffff
- Right box text start: 3 pixels from the bar
Style 2
Exemple :
- Téléchargez le Silkscreen de fonte
- Installez ImageMagick
- Recevez l'icône blanche ()
- Ouvrez la ligne de commande de votre machine (DOS ou autre) et saisissez :
convert blank.png -fill white -font Silkscreen -pointsize 8 +antialias -draw "text 28,10 'étiquette-bouton'" output.png
Microformats Logos
Rohit est un très pauvre hacker CSS, mais il lui a donné son meilleur shot. Il l'a aussi restitué en 72 et 18 points.
microformats
Requêtes
- Logos pour tous les microformats