Aaronpk: Replace with {{DISPLAYTITLE:}}

2020-07-18T16:21:14Z

Replace <entry-title> with {{DISPLAYTITLE:}}

← Older revision		Revision as of 16:21, 18 July 2020
Line 1:		Line 1:
	~~<entry-title>~~ Boutons Microformats ~~</entry-title>~~		{{DISPLAYTITLE: 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. - [http://tantek.com/log/ Tantek]		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. - [http://tantek.com/log/ Tantek]

Tantek: Reverted edits by 766nj57 (Talk) to last version by ChristopheDucamp

2013-08-20T05:39:14Z

Reverted edits by 766nj57 (Talk) to last version by ChristopheDucamp

Show changes

766nj57 at 05:34, 20 August 2013

2013-08-20T05:34:47Z

Show changes

ChristopheDucamp: /* Voir aussi */ {{branding-see-also-fr}}

2009-09-04T08:27:38Z

Voir aussi: {{branding-see-also-fr}}

← Older revision		Revision as of 08:27, 4 September 2009
Line 263:		Line 263:

	==Voir aussi ==		==Voir aussi ==
	{{branding-see-also}}		{{branding-see-also-fr}}

	* <span class="logos POSH">[[posh-fr#Répandez_CHIC\|logos CHIC et boutons]]</span>		* <span class="logos POSH">[[posh-fr#Répandez_CHIC\|logos CHIC et boutons]]</span>

ChristopheDucamp: [fr: sync'd with original page]

2009-09-04T08:26:52Z

[fr: sync'd with original page]

← Older revision		Revision as of 08:26, 4 September 2009
Line 1:		Line 1:
	<h1> Boutons Microformats </h1>		<entry-title> Boutons Microformats </entry-title>

	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. - [http://tantek.com/log/ Tantek]		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. - [http://tantek.com/log/ Tantek]
Line 14:		Line 14:

	* Les images ci-dessous hébergées par boogdesign.com sont disponibles sous [http://creativecommons.org/licenses/by/2.0/ licence CC Attribution 2.0], voir [http://www.boogdesign.com/buttons.html ma page boutons] pour les fichiers Photoshop si vous en avez besoin. - Rob Crowther		* Les images ci-dessous hébergées par boogdesign.com sont disponibles sous [http://creativecommons.org/licenses/by/2.0/ licence CC Attribution 2.0], voir [http://www.boogdesign.com/buttons.html ma page boutons] pour les fichiers Photoshop si vous en avez besoin. - Rob Crowther

	* Les images ci-dessous hébergées chez rbach.priv.at sont disponibles sous licence [http://creativecommons.org/licenses/by/3.0 cc-by-3.0]. - [[User:RobertBachmann\|Robert Bachmann]]		* Les images ci-dessous hébergées chez rbach.priv.at sont disponibles sous licence [http://creativecommons.org/licenses/by/3.0 cc-by-3.0]. - [[User:RobertBachmann\|Robert Bachmann]]

	* Les images ci-dessous hébergées chez synaesthetic.net sont disponibles sous la licence [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0]. -- [[User:Kwilson\|Kenn Wilson]]		* Les images ci-dessous hébergées chez synaesthetic.net sont disponibles sous la licence [http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0]. -- [[User:Kwilson\|Kenn Wilson]]

	~~__TOC__~~		* Les images-ci-dessous hébergées chez hauntedpalace.net et flickr.com/photos.hauntedpalace (logos POSH anti-sèche palette) sont disponibles sous la [http://creativecommons.org/licenses/by-sa/3.0/ licence Creative Commons Attribution-ShareAlike 3.0]. — [[:User:CarlaHufstedler\|Carla Hufstedler]]

	== Boutons ==		== Boutons ==
Line 99:		Line 101:
	* http://www.boogdesign.com/images/buttons/microformat_xoxo.png		* http://www.boogdesign.com/images/buttons/microformat_xoxo.png

			== Boutons CSS ==
			Comme il y a de nouveaux microformats qui arrivent tout le temps, j'ai produit un bouton CSS qui ressemble aux versions "faites à la main". Voici le résultat.

			Le fichier avec la CSS et les deux images requises (logo et arrière-plan) peuvent être téléchargées à partir de [http://thebeastlybeasts.co.uk/css/microformat_css.zip The Beastly Beasts].

			Extraire le répertoire microformat et les fichiers à l'intérieur vers /css, ainsi vous avez :<br />
			/css/microformat/microformat.css<br />
			/css/microformat/background.png<br />
			/css/microformat/logo.png

			Si vous chemins sont différents, faites un peu d'édition :

			Le XHTML pour créer un bouton est :
			<pre><tag class="microformat-button microformat-type"><span></span>microformat-type</tag></pre>

			Par exemple, un bouton hCard avec un lien vers la spécification :
			<pre><a href="http://microformats.org/wiki/hcard-fr" title="Microformat" class="microformat-button hcard"><span></span>hcard</a></pre>


Line 120:		Line 139:
	=== [[hatom-fr\|hAtom]] ===		=== [[hatom-fr\|hAtom]] ===
	* http://rbach.priv.at/2006/buttons/hatom.png		* http://rbach.priv.at/2006/buttons/hatom.png
			* http://www.corvidworks.com/files/microformats/hatom.png

	=== [[hresume-fr\|hResume]] ===		=== [[hresume-fr\|hResume]] ===
Line 151:		Line 171:
	Exemple : http://www.crowley.nl/images/hcard.png		Exemple : http://www.crowley.nl/images/hcard.png

	Utilisez le [http://kalsey.com/tools/buttonmaker/ Kalsey ~~Button Maker~~] avec les réglages suivants :		Utilisez le [http://kalsey.com/tools/buttonmaker/ Producteur de Bouton Kalsey] avec les réglages suivants :
	* Outer border: #666666		* Outer border: #666666
	* Inner border: #ffffff		* Inner border: #ffffff
	* Bar position: 25 pixels ~~from the left~~		* Bar position: 25 pixels à partir de la gauche
	* Left box text: >>>		* Left box text: >>>
	* Left box background: #000000		* Left box background: #000000
Line 181:		Line 201:

	=== Style 3 ===		=== Style 3 ===
	Exemple : http://~~files~~.~~synaesthetic~~.~~net~~/~~common/images~~/~~buttons~~/hatom.png		Exemple : http://www.corvidworks.com/files/microformats/hatom.png

	# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]		# Obtenez la police [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
	# Installez [http://www.imagemagick.org/ ImageMagick]		# Installez [http://www.imagemagick.org/ ImageMagick]
	# Obtenez l'icône blanche (http://~~files~~.~~synaesthetic~~.~~net~~/microformats/button2-blank.png)		# Obtenez l'icône blanche (http://www.corvidworks.com/files/microformats/button2-blank.png)
	# Saisissez :		# Saisissez :
	<pre>convert button2-blank.png		<pre>convert button2-blank.png
Line 225:		Line 245:

	<div style="background-color:#679A06; width:8em; height: 4ex;">#679A06</div>		<div style="background-color:#679A06; width:8em; height: 4ex;">#679A06</div>



			J'ai créé une anti-sèche en utilisant le producteur de badge du [http://bighugelabs.com/flickr/ Big Huge Lab] :
			[http://flickr.com/photos/hauntedpalace/1296783076/ http://farm2.static.flickr.com/1231/1296783076_1d6fe8a1f8_m_d.jpg]
			--[[User:CarlaHufstedler\|Carla]] 12:11, 1 Sep 2007 (PDT)

	=Wiki boutons=		=Wiki boutons=
Line 238:		Line 264:
	==Voir aussi ==		==Voir aussi ==
	{{branding-see-also}}		{{branding-see-also}}

			* <span class="logos POSH">[[posh-fr#Répandez_CHIC\|logos CHIC et boutons]]</span>

Brian: removed spam

2008-12-20T18:42:33Z

removed spam

Show changes

BastrErliv: eltriczela

2008-12-20T00:42:10Z

eltriczela

Show changes

LivirOllar: acracvin

2008-12-19T21:53:12Z

acracvin

Show changes

AmeerDawood: /* Style 1 */

2008-11-17T23:42:11Z

Style 1

← Older revision		Revision as of 23:42, 17 November 2008
Line 157:		Line 157:
	* Left box text: >>>		* Left box text: >>>
	* Left box background: #000000		* Left box background: #000000
	* Left box text ~~colour~~: #ffffff		* Left box text color: #ffffff
	* Left box text start: 7 pixels from the left		* Left box text start: 7 pixels from the left
	* Right box text: (The name of the microformat goes here)		* Right box text: (The name of the microformat goes here)
	* Right box background: #31757b		* Right box background: #31757b
	* Right box text ~~colour~~: #ffffff		* Right box text color: #ffffff
	* Right box text start: 3 pixels from the bar		* Right box text start: 3 pixels from the bar

Tantek: Reverted edit of TfuZk1, changed back to last version by Phae

2007-09-02T06:22:28Z

Reverted edit of TfuZk1, changed back to last version by Phae

Show changes

buttons-fr - Revision history

Aaronpk: Replace with {{DISPLAYTITLE:}}

Tantek: Reverted edits by 766nj57 (Talk) to last version by ChristopheDucamp

766nj57 at 05:34, 20 August 2013

ChristopheDucamp: /* Voir aussi */ {{branding-see-also-fr}}

ChristopheDucamp: [fr: sync'd with original page]

Brian: removed spam

BastrErliv: eltriczela

LivirOllar: acracvin

AmeerDawood: /* Style 1 */

Tantek: Reverted edit of TfuZk1, changed back to last version by Phae