Social Icons





четверг, 4 мая 2017 г.

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

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

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

Родился, жил, умер!
Да нет, вроде жив пока!
Я человек (с планеты Земля). Проживаю в населенном пункте трудно различимом на карте. Блог создан для трансформации редких мыслей в графическую форму. Использую диплом ВУЗа в качестве коврика для мыши!
Если виджет вам понравился, то устанавливается все очень просто. В Дизайн - Добавить гаджет - 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>


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

Спасибо Юстосу за материал!

Комментариев нет:

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




Друзья! Вы можете поддержать сайт материально!

 

Реклама:

РЕКЛАМА:




Место Вашей рекламы!

Добавляйтесь ЗДЕСЬ





SEO sprint - Всё для максимальной раскрутки!

















Информация:




Вы можете получить WMR-бонус в размере 0.01-0.02 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Сейчас на сайте:







 
Blogger Templates Генератор ТИЦ