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


Пост (в основном) для пользователей:
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>


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

31 коммент.:

KrediT
Si.A.A.
Сергей Кожанов
Анна Шефер
Marina Kouyarova (piceaobovata)
Justus
Ольга Ватутина
Justus
Ольга Ватутина
Justus
Ольга Ватутина
Блоgгер
Justus
Лидия Васильевна
Justus
Лидия Васильевна
Катерина
SEMYON ORANZHEVIJ
Justus
Лиса Юлія (Lysulka)
Justus
Лиса Юлія (Lysulka)
Justus
Анна Анатольевна Гончарова
Алена Запорожцева
Nasiba Alizadeh
Сергей Трегубов
Justus
Александра Бобылева
Воликова Людмила Александровна
Анастасия

Отправить комментарий

Дорогие Друзья! К сожалению, временно, по причине здоровья, моя активность по этому блогу ВРЕМЕННО ПРИОСТАНОВЛЕНА! Предположительно до января 2018 г.

Доска почета

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