buttons-pt-br

From Microformats Wiki
Revision as of 23:39, 17 November 2008 by AmeerDawood (talk | contribs) (→‎Estilo 1)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

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.

microformats.png

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

- Don Crowley

  • microformat.png
  • microformat_enabled.png
  • emf_green.png
  • mfe_green.png
  • mwmf_green.png
  • smf_green.png
  • emf_white.png
  • mfe_white.png
  • mwmf_white.png
  • smf_white.png

hCalendar

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

rel-license

  • license.png
  • microformat_rellicense.png

rel-nofollow

  • nofollow.png
  • microformat_relnofollow.png

rel-tag

  • rel-tag.png
  • tag.png
  • microformat_reltag.png

VoteLinks

  • votelinks.png
  • microformat_votelinks.png

XFN

  • xfn.png
  • microformat_xfn.png

XMDP

  • xmdp.png
  • microformat_xmdp.png

XOXO

  • xoxo.png
  • 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

  • adr.png

geo

  • geo.png

hAtom

  • hatom.png

hResume

  • hresume.png
  • microformat_hresume.png

hReview

  • hreview.png

rel-directory

  • directory.png

rel-enclosure

  • enclosure.png

rel-home

  • rel-home.png
  • home.png

rel-payment

  • payment.png

Robots Exclusion

  • robots.png

xFolk

  • xfolk.png

Faça seus próprios botões

Estilo 1

Examplo: hcard.png

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: hcal.png

  1. Pegue a fonte Silkscreen
  2. Instale ImageMagick
  3. Get the blank icon (blank.png)
  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.

logo.gif

microformatos

Requisições

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