Aliaksandr

беларуских?

Спойлер

мериканских:)

неееее :))))))))) Это 2 тысячи рублей :))))

А хотелось бы что бы было вот как здесь

Точно как там:

 
 
 
 
.pichover {
    background: rgba(0, 0, 0, 0) url(http://postavy.info/upload/000/u1/072/c9922c9b.png) 10% 50% no-repeat;
    width: 255px;
    height: 88px;
}
 
.pichover a {
    width: 255px;
    height: 88px;
    display: block;
}
 
.pichover a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent) repeat scroll 0 0;
}
 
 

В том то и дело, что я не понял как именно и куда добавлять стили… и какие именно...

Вставьте сразу после кода баннера (стили для примера, при наведении появляется тень):

 
 img.pic:hover {-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);} 
 

Это не по феншую, но зато быстро и понятно)
Дальше думаю разберетесь...

<a href="http://postavy.info/" target=_blank><img src="http://postavy.info/upload/000/u1/072/c9922c9b.png" width=255 height=88 alt="Что по смотреть?" border=0></a>
<style type="text/css"> img.pic:hover {-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);} </style>

Судя по вашей теме установленной на сайте, то сюда postavy.info/templates/oneminima/sass/vendors/bootstrap/_reboot.scss
Но у вас используется формат .scss и скорее всего на вашем компе не стоит ничего, что смогло бы вам помочь сделать это.
По этому вам стоит поискать любой онлайн компилятор .scss, вставить туда нужные вам стили и уже скомпилированный добавить в выше написанный ваш файл.

И кстати у вас на странице что ссылку дали, куча ошибок в консоле показывает, исправьте.

А вы в стили свои добавили сам хувер для pic?

Как вариант:

Забейте в поисковик "Hover Effect", "ховер-эффект" тд. и получите 100500 решений.

можете подсказать как? Желательно по шагово с выдиранием и вставлянием в другой шаблон...

Боюсь, проще будет сделать. чем расписать внятно:)
В принципе, там всё специально сделано для простоты переноса. На примере категорий:
В папке templates\tseso\controllers\content\widgets\categories\ лежит accordeon.tpl.php; скопируйте его в свой шаблон по тому же пути
К нему подключены несколько скриптов и стилей (смотрите вверху файла). Лежат в отдельной папке menuv в корне шаблона; скопируйте её туда же
Укажите виджету на вкладке дизайн шаблон виджета accordeon.
Если возникнет необходимость, поправьте стили.
Пользуйтесь.

Вся прелесть в том, что здесь, как я понимаю, гибкие настройки, и разные варианты отображения.

Кому нужно, можете из tseso выдрать.