Твиттер менял интерфейс, так что возможно и было нечто подобное.
Кнопка использует возможности библиотеки "доджо" (dojo), настраивается с помощью css.
В оригинале она сделана для авторизации, но я узрел её применение в другой области - для оформления ссылки на скачивание файла. Немного подкрутив дизайн, можно сделать из этих кнопок рубрики для блога, подсказки, ну или на что фантазии хватит.
Демо (навести курсор мыши):
Установка.
Между тегами <head></head> помещаем ссылки на библиотеку dojo, скрипт настройки и стили:
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js" type="text/javascript"></script> <script src="хостинг/dojo_button.js" type="text/javascript"></script> <link type='text/css' rel='stylesheet' href='хостинг/dojo_button.css' />
Которые необходимо скачать (кроме dojo) и положить на свой/внешний (для Blogger) хостинг:
dojo_button.js
dojo_button.css
В первом скрипте можно проследить привязку к html коду и настройки анимации.
В стилях я оставил классы только для "правосторонней кнопки" (в оригинале две кнопки).
Соответственно, для левосторонней кнопки надо забрать стили отсюда и добавить все блоки с .button_aLeft.
С цветами, думаю, разобраться не сложно.
И в то место блога, где будет находиться кнопка (это могут быть виджет, шаблон или тело поста), ставим html код:
<div class="button_wrap">
<a class="button_aRight" id="button_aRight"><span>Текст подсказки</span></a>
<a class="button_bRight slidebttn" id="button_bRight" href="ссылка" target="blank" rel="nofollow">Текст <span>ссылки</span></a>
</div>По теме "как оформлять ссылки" вы найдёте много материала в этой ветке блога.
Комментариев нет:
Отправить комментарий