mozilla

Revisie 309247 van Huisstijl hulpbronnen

  • Revisie-identificator: persona/Huisstijl
  • Revisietitel: Huisstijl hulpbronnen
  • Revisie-id: 309247
  • Gemaakt:
  • Auteur: Ilumeo
  • Is huidige revisie? Ja
  • Reactie

Inhoud van revisie

Aanmelden met Persona Knoppen

Afbeeldingen

De "Sign in" (aanmelden) knop komt in drie verschillende versies, en drie kleuren:

  Sign in with your Email Sign in with Persona Sign in
Zwart
Blauw
Rood

CSS-Gebaseerd

Sawyer Hollenshead heeft een set uitstekende CSS-gebaseerde knoppen gemaakt. Download (.zip)

Meer informatie

Meer informatie over het visuele ontwerp van Persona is te vinden in Sean Martells style primer.

Bron van revisie

<h2 id="Sign_in_with_Persona_Buttons">Aanmelden met Persona Knoppen</h2>
<h3 id="Images">Afbeeldingen</h3>
<p>De "Sign in" (aanmelden) knop komt in drie verschillende versies, en drie kleuren:</p>
<table align="center">
  <thead>
    <tr>
      <th scope="row">&nbsp;</th>
      <th scope="col">Sign in with your Email</th>
      <th scope="col">Sign in with Persona</th>
      <th scope="col">Sign in</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Zwart</th>
      <td><img alt="" src="/files/3955/email_sign_in_black.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3961/persona_sign_in_black.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3967/plain_sign_in_black.png" style="width: 95px; height: 25px;" /></td>
    </tr>
    <tr>
      <th scope="row">Blauw</th>
      <td><img alt="" src="/files/3957/email_sign_in_blue.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3963/persona_sign_in_blue.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3969/plain_sign_in_blue.png" style="width: 95px; height: 25px;" /></td>
    </tr>
    <tr>
      <th scope="row">Rood</th>
      <td><img alt="" src="/files/3959/email_sign_in_red.png" style="width: 202px; height: 25px;" /></td>
      <td><img alt="" src="/files/3965/persona_sign_in_red.png" style="width: 185px; height: 25px;" /></td>
      <td><img alt="" src="/files/3971/plain_sign_in_red.png" style="width: 95px; height: 25px;" /></td>
    </tr>
  </tbody>
</table>
<h3 id="CSS-Based">CSS-Gebaseerd</h3>
<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Sawyer Hollenshead</a> heeft een set uitstekende CSS-gebaseerde knoppen gemaakt. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Download (.zip)</a></p>
<h2 id="More_Info">Meer informatie</h2>
<p>Meer informatie over het visuele ontwerp van Persona is te vinden in <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">Sean Martells style primer</a>.</p>
Deze revisie terugzetten