Виджет Увеличения изображений ваших постов, и прокруткой на 360 крадусов.

 

И снова я с вами дорогие друзья,  © zarnakoom   и сейчас я хочу вам представить еще один виджет.  Для увеличения своих изображений, данный виджет примечателен тем что он написан на чистом CSS во первых. А во вторых данный виджет не просто увеличивает картинки ваших постов, но он еще и прокручивается на 360 градусов и смотрится очень эффектно.Более чем уверен что читателям, или подписчикам вашего веб ресурса очень бы понравилось если у вас бы на сайте был реализован данный виджет.Потому как это удобно будет  людям кто заходит к вам на сайт, в плане того что можно будет на изображениях разглядеть мельчайшие подробности, если они важны человеку в виду специфичности статьи. © zarnakoom
Для его установки так же  надо   нажать  Шаблон -> Изменить HTML. Далее  жмем CTRL+F ищем тег ]]></b:skin>  потом как нашли  вставляем этот код выше нашего тега.

 .post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

Сохраняем

Если вдруг, данный скрипт у вас не работает как было у меня то делаем слудующее, ищем так же через поиск   CTRL+F    тег  </body>  оборачиваем наш скрипт в теги стиля вот так

<style>.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}} </style> 

И вставляем его перед тегом  </body> и не забываем нажать на сохранение а то иначе все на смарку. © zarnakoom

  апра

п