Branding resources

  • Adressname der Version: persona/branding
  • Titel der Version: Branding resources
  • ID der Version: 311969
  • Erstellt:
  • Autor: MaikdW
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version

Einloggen mit Persona Buttons

Bilder

Der "Einloggen" Button ist in drei Versionen und drei Farben erhältlich:

  Einloggen mit Emailadresse Einloggen mit Persona Einloggen
Schwarz
Blau
Rot

CSS-Basis

Sawyer Hollenshead erzeugte ein Set exzellenter CSS-basierter Buttons. Download (.zip)

Mehr Info

Mehr Informationen über Persona's visuelles Design bei Sean Martell's style primer.

Quelltext der Version

<h2 id="Einloggen_mit_Persona_Buttons">Einloggen mit Persona Buttons</h2>
<h3 id="Images">Bilder</h3>
<p>Der "Einloggen" Button ist in drei Versionen und drei Farben erhältlich:</p>
<table align="center">
  <thead>
    <tr>
      <th scope="row">&nbsp;</th>
      <th scope="col">Einloggen mit Emailadresse</th>
      <th scope="col">Einloggen mit Persona</th>
      <th scope="col">Einloggen</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Schwarz</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">Blau</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">Rot</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-Basis</h3>
<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Sawyer Hollenshead</a> erzeugte ein Set exzellenter CSS-basierter Buttons. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Download (.zip)</a></p>
<h2 id="More_Info">Mehr Info</h2>
<p>Mehr Informationen über Persona's visuelles Design bei <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">Sean Martell's style primer</a>.</p>
Zu dieser Version zurücksetzen