Revision 503471 of Ресурсы

  • URL ревизии: Persona/branding
  • Заголовок ревизии: Ресурсы
  • ID ревизии: 503471
  • Создано:
  • Автор: iKNG
  • Это текущая версия? Нет
  • комментировать

Содержание версии

Вход с кнопками Persona

Изображения

Кнопки входа есть в 3 вариантах, каждый в 3 цветах (изображения; англ. текст):

  Sign in with your Email Sign in with Persona Sign in
Black
Blue
Red

CSS

Савье Холенсхед создал набор прекрасных CSS кнопок. Скачать (.zip)

Подробне

Вы можете найти больше информации о дизайне Persona в учебнике стиля Шона Мартеля.

Источник ревизии

<h2 id="Sign_in_with_Persona_Buttons">Вход с кнопками Persona</h2>
<h3 id="Images">Изображения</h3>
<p>Кнопки входа есть в 3 вариантах, каждый в 3 цветах (изображения; англ. текст):</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">Black</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">Blue</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">Red</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</h3>
<p><a href="http://sawyerhollenshead.com/" title="http://sawyerhollenshead.com/">Савье Холенсхед</a> создал набор прекрасных CSS кнопок. <a href="/files/3973/persona-css-buttons.zip" title="/files/3973/persona-css-buttons.zip">Скачать (.zip)</a></p>
<h2 id="More_Info">Подробне</h2>
<p>Вы можете найти больше информации о дизайне Persona в <a href="http://people.mozilla.org/~smartell/persona/" title="http://people.mozilla.org/~smartell/persona/">учебнике стиля Шона Мартеля</a>.</p>
Вернуть эту версию