Оригинальный виджет - профиль автора для Блогспот, Блоггер


Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Я уже неоднократно упоминал в своих публикациях очень интересный блог


Не могу обойти его вниманием и в этот раз. Дело в том, что благодаря автору этого блога (оформление гаджета "Постоянные читатели") у меня появилась идея, как оформить профиль "Обо мне".
Информация о владельце блога обычно нужна только для новых читателей и что бы она не мельтешила все время перед глазами, я сделал ее открывающейся по наведению курсора (вы можете увидеть виджет у меня - сверху боковой колонки).

Наведите курсор на надпись "Два слова обо мне" 

Два слова
обо мне

Родился, жил, умер!
Да нет, вроде жив пока!
Я человек (с планеты Земля). Проживаю в населенном пункте трудно различимом на карте. Блог создан для трансформации редких мыслей в графическую форму. Использую диплом ВУЗа в качестве коврика для мыши!
Если виджет вам понравился, то устанавливается все очень просто. В Дизайн - Добавить гаджет - HTML/JavaScript, необходимо добавить следующий код:

<style>#Foll {
  /*фон всего гаджета*/
  overflow: hidden; /*скрываем все что за элементом*/

  border-radius: 5px;
  box-shadow: none;
/*правила анимации*/
  -webkit-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
  -moz-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
  -o-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
  transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
  height: 23px; /*высота в состоянии покоя - вычислена опытным путем*/
  width: auto; /*ширина*/
}
/*Стили при наведении курсора*/
#Foll:hover {


  
  height: 260px; /*полная высота - вычислена опытным путем*/
}


}</style><div id="Foll"><center><span style="color: #3d85c6; font-family: Georgia, Times New Roman, serif; font-size: x-large;"><b>Обо мне</b></span></center><br /><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="50" src="http://3.bp.blogspot.com/-CrHRN8WdjYg/UR5_9VPAQSI/AAAAAAAADHo/OjB1HLD7Thk/s200/Justus.jpg" width="47" /></div>
<div style="text-align: left;">
Родился, жил, умер! <br />Да нет, вроде жив пока! <br />Я человек (с планеты Земля). Проживаю в населенном пункте трудно различимом на карте. Блог создан для трансформации редких мыслей в графическую форму. Использую диплом ВУЗа в качестве коврика для мыши!</div>
</div>


Кстати, вы можете использовать виджет и для других целей, вставив вместо маркированного коричневым, любой текст. Зеленый урл-адрес фотографии.

Доска почета

Плюсани блог!