• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Сепия на картинке для сайта uCoz
Сепия на картинке для сайта uCoz
XemorDio
Среда, 11 Мая 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:108
Награды: 1

Сепия картинки при наведения на неё, не знаю кому это нужно но кто-то сделал же это:D , установка проста, делаем всё по инструкции:
Установка: И так заходим в общий вид форума, и вставляем этот код после $BODY$:
Код
<style>     
.apomessage img {     
     max-width:720px;     
     max-height:433px;

/* Сепия */     
-webkit-transition: all 1s ease;     
-moz-transition: all 1s ease;     
-o-transition: all 1s ease;     
-ms-transition: all 1s ease;     
transition: all 1s ease;     
}
.apomessage img:hover {     
-webkit-filter: sepia(100%);     
}     
</style>     
<script>     
     $(document).ready(function() {     
     $('.apomessage img').mouseover(function() {     
     if(parseInt($(this).css('height')) == 433 || parseInt($(this).css('width')) == 720) {     
     if($(this).parent('a').html() != null) {     
     $(this).after('<a href="' + $(this).parent('a').attr('href') + '" class="ulightbox"><img src="' + $(this).attr('src') + '"></a>');     
     $(this).remove();     
     } else {     
     $(this).after('<a href="' + $(this).attr('src') + '" class="ulightbox"><img src="' + $(this).attr('src') + '"></a>');     
     $(this).remove();     
     };     
     };     
     });     
});     
     //ApoTeam (c) 2012 rip xemordio 2014
     </script>

Далее.. заходим Вид материалов форума находим такой код:
Код
$MESSAGE$

И заменяем на него этот:
Код
<div class="apomessage">$MESSAGE$</div>

Готово. Демо у них на сайте.


Сообщение отредактировал
XemorDio - Среда, 11 Мая 2016, 07:21
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Сепия на картинке для сайта uCoz
  • Страница 1 из 1
  • 1
Поиск: