AmeerDawood: /* Estilo 1 */

2008-11-17T23:39:23Z

Estilo 1

← Older revision		Revision as of 23:39, 17 November 2008
Line 139:		Line 139:
	* 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

Token at 06:19, 4 November 2006

2006-11-04T06:19:37Z

New page

= Botões Microformatos =

Houveram pedidos para inclusão de vários botões microformatos. Seja sinais/distintivos ou botões que fazem algo com especificos microformatos. Esta página mantém uma lista de botões, e solicitações também. - [http://tantek.com/log/ Tantek]

Armazenado os botões para todos os microformatos, incluindo os de esboço, assim como instruções de como fazer seus próprios botões (14 Mai 2006) - [http://www.wackomenace.co.uk/ Ruben]

== Botões ==

=== Banner Microformato ===

Temos feito banner para os microformatos. Existem muitos e mais virão, just indicating support/ use of might be a good generic approach.

A imagem é livre para uso. Por favor, copie para seu próprio dominio, não faça link para esse.

http://www.crowley.nl/images/microformats.png

Eu já tenho um "Eu uso
http://www.crowley.nl/images/microformats.png" no meu blog: http://doncrowley.blogspot.com/

- Don Crowley

* 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

=== [[hcalendar|hCalendar]] ===
* http://rbach.priv.at/2006/buttons/hcal.png
* http://www.boogdesign.com/images/buttons/microformat_hcalendar.png
* CSS-powered button from [http://www.midgard-project.org/community/events/ Midgard CMS - Event calendar]:

<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>

Code (white space added for readability):

<pre><nowiki>
<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;">
&#8250;&#8250;&#8250;
</span>
hCalendar
</span>
</nowiki></pre>

=== [[hcard|hCard]] ===
* http://www.crowley.nl/images/hcard.png (mirror: http://www.davidjanes.com/images/mf_hcard.png)
* http://rbach.priv.at/2006/buttons/hcard.png
* http://www.boogdesign.com/images/buttons/microformat_hcard.png
* CSS-powered button, as evidenced at [http://re-run.com/about/microformat-badges microformat badges @ re-run]

=== [[rel-license]] ===
* http://rbach.priv.at/2006/buttons/license.png
* http://www.boogdesign.com/images/buttons/microformat_rellicense.png

=== [[rel-nofollow]] ===
* http://rbach.priv.at/2006/buttons/nofollow.png
* http://www.boogdesign.com/images/buttons/microformat_relnofollow.png

=== [[rel-tag]] ===
* http://rbach.priv.at/2006/buttons/rel-tag.png
* http://rbach.priv.at/2006/buttons/tag.png
* http://www.boogdesign.com/images/buttons/microformat_reltag.png

=== [[vote-links|VoteLinks]] ===
* http://rbach.priv.at/2006/buttons/votelinks.png
* http://www.boogdesign.com/images/buttons/microformat_votelinks.png

=== [http://gmpg.org/xfn/ XFN] ===
* http://rbach.priv.at/2006/buttons/xfn.png
* http://www.boogdesign.com/images/buttons/microformat_xfn.png

=== [http://gmpg.org/xmdp/ XMDP] ===
* http://rbach.priv.at/2006/buttons/xmdp.png
* http://www.boogdesign.com/images/buttons/microformat_xmdp.png

=== [[xoxo|XOXO]] ===
* http://rbach.priv.at/2006/buttons/xoxo.png
* http://www.boogdesign.com/images/buttons/microformat_xoxo.png

== Botões para formatos em esboços ==

Esses talvez estão sujeito a mudanças se o nome dos formatos mudarem quando eles forem lançados.

=== [[adr]] ===
* http://rbach.priv.at/2006/buttons/adr.png

=== [[geo]] ===
* http://rbach.priv.at/2006/buttons/geo.png

=== [[hatom|hAtom]] ===
* http://rbach.priv.at/2006/buttons/hatom.png

=== [[hresume|hResume]] ===
* http://rbach.priv.at/2006/buttons/hresume.png
* http://www.boogdesign.com/images/buttons/microformat_hresume.png

=== [[hreview|hReview]] ===
* http://rbach.priv.at/2006/buttons/hreview.png

=== [[rel-directory]] ===
* http://rbach.priv.at/2006/buttons/directory.png

=== [[rel-enclosure]] ===
* http://rbach.priv.at/2006/buttons/enclosure.png

=== [[rel-home]] ===
* http://rbach.priv.at/2006/buttons/rel-home.png
* http://rbach.priv.at/2006/buttons/home.png

=== [[relpayment-research|rel-payment]] ===
* http://rbach.priv.at/2006/buttons/payment.png

=== [[robots-exclusion|Robots Exclusion]] ===
* http://rbach.priv.at/2006/buttons/robots.png

=== [[xfolk|xFolk]] ===
* http://rbach.priv.at/2006/buttons/xfolk.png

== Faça seus próprios botões ==
=== Estilo 1 ===

Examplo: http://www.crowley.nl/images/hcard.png

Use o [http://kalsey.com/tools/buttonmaker/ Kalsey Button Maker] com a seguinte configuração:
* 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

=== Estilo 2 ===

Examplo: http://rbach.priv.at/2006/buttons/hcal.png

# Pegue a fonte [http://www.kottke.org/plus/type/silkscreen/ Silkscreen]
# Instale [http://www.imagemagick.org/ ImageMagick]
# Get the blank icon (http://rbach.priv.at/2006/buttons/blank.png)
# Digite:
<pre>convert blank.png
-fill white
-font Silkscreen
-pointsize 8
+antialias
-draw "text 28,10 'button label'"
output.png
</pre>

= Logos Microformatos =
Rohit é um muito pobre CSS hack, mas é dado a ele a melhor foto. Ele também [http://labs.commerce.net/~rohit/µf-logo.html renderizou em 72 e 18 pontos.]

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

<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">formatos</span>
</div>
</div>

= Requisições =

* Logos de todos os microformatos.
* Quando alguém tiver tempo, estes devem ser repetidos na página de cada respectivo formato.

buttons-pt-br - Revision history

AmeerDawood: /* Estilo 1 */

Token at 06:19, 4 November 2006