buttons-pt-br

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

Eu já tenho um "Eu uso " no meu blog: http://doncrowley.blogspot.com/

- Don Crowley

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

hCalendar

• 
• 
• CSS-powered button from Midgard CMS - Event calendar:

››› hCalendar

Code (white space added for readability):

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

hCard

• (mirror: )
• 
• 
• CSS-powered button, as evidenced at microformat badges @ re-run

rel-license

• 
• 

rel-nofollow

• 
• 

rel-tag

• 
• 
• 

VoteLinks

• 
• 

XFN

• 
• 

XMDP

• 
• 

XOXO

• 
• 

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

• 

geo

• 

hAtom

• 

hResume

• 
• 

hReview

• 

rel-directory

• 

rel-enclosure

• 

rel-home

• 
• 

rel-payment

• 

Robots Exclusion

• 

xFolk

• 

Faça seus próprios botões

Estilo 1

Examplo:

Use o 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 color: #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 color: #ffffff
• Right box text start: 3 pixels from the bar

Estilo 2

Examplo:

1. Pegue a fonte Silkscreen
2. Instale ImageMagick
3. Get the blank icon ()
4. Digite:

convert blank.png 
 -fill white 
 -font Silkscreen 
 -pointsize 8 
 +antialias  
 -draw "text 28,10 'button label'" 
 output.png

Logos Microformatos

Rohit é um muito pobre CSS hack, mas é dado a ele a melhor foto. Ele também renderizou em 72 e 18 pontos.

microformatos

Requisições

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