Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
Опции темы
Я настройка

  • Страница 1 из 1
  • 1
Модератор форума: Lex@, uberchel  
Форум » Склад » Корзина » Нужно добавить стиль! в вид материалов при наводке
Нужно добавить стиль! в вид материалов при наводке
BALCETUL
02.01.2016, 17:53

Группа: Пользователи

Сообщений: 58

Награды: 0

Статус: Offline
сейчас так: http://prntscr.com/9l80g2 Но это нужно убрать,и заменить
на такое http://prntscr.com/9l813p при наводке как здесь!

код вида материала:
Код
<div id="entryID$ID$">

<div style="width: 25%; float: left;">
<div class="movie_teaser clearfix">
<ul class="rate_area">

<li class="movie_teaser_poster">

<?if($DATE$='Сегодня' or $DATE$='Вчера')?><div class="newlabel"></div><?endif?>
<img class="tTip" src="$SCREEN_URL$" width="100" height="199" title="<center><b>$TITLE$ <br> <?if($SOURCE_URL$)?> <?endif?> </b></center>">

</li>

<!----Качество фильма----->
<?if($FILTER1_VALUE$)?>
<div style="position: absolute;top: 12px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 2px;">
$FILTER1_VALUE$
</div>
<?endif?>
<!--------->
<!----жанр фильма----->
<div style="position: absolute;top: 34px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 2px;">
$CATEGORY_NAME$
</div>
<!--------->

<!----Статус фильма----->
<?if($FILTER2_VALUE$)?><div style="position: absolute;top: 191px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 0px; text-align: center; width: 128px;">
<?if($FILTER2_VALUE$="Фильм удален!")?><span style="color:#FF5F37;">$FILTER2_VALUE$</span><?else?>$FILTER2_VALUE$<?endif?>
</div>
<?endif?>
<!--------->

<!----Мини инфо фильма,сериала----->
<?if($SOURCE_URL$)?><div style="position: absolute;bottom: 59px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 0px; text-align: center; width: 128px;">
<span style="color:#FC0;">$SOURCE_URL$</span>
</div>
<?endif?>
<!--------->

<div align="center">

<style type="text/css">
.u-star-rating-15 { list-style:none;margin:0px;padding:0px;width:75px;height:15px;position:relative;background: url('/images/rating.png') top left repeat-x }
.u-star-rating-15 li{ padding:0px;margin:0px;float:left }
.u-star-rating-15 li a { display:block;width:15px;height: 15px;line-height:15px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden }
.u-star-rating-15 li a:hover { background: url('/images/rating.png') left center;z-index:2;left:0px;border:none }
.u-star-rating-15 a.u-one-star { left:0px }
.u-star-rating-15 a.u-one-star:hover { width:15px }
.u-star-rating-15 a.u-two-stars { left:15px }
.u-star-rating-15 a.u-two-stars:hover { width:30px }
.u-star-rating-15 a.u-three-stars { left:30px }
.u-star-rating-15 a.u-three-stars:hover { width:45px }
.u-star-rating-15 a.u-four-stars { left:45px }
.u-star-rating-15 a.u-four-stars:hover { width:60px }
.u-star-rating-15 a.u-five-stars { left:60px }
.u-star-rating-15 a.u-five-stars:hover { width:75px }
.u-star-rating-15 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/images/rating.png') left bottom;position: absolute;height:15px !important;line-height:15px !important;display:block;text-indent:-9000px;z-index:1 }
</style>

<ul id="uStarRating$ID$" class="u-star-rating-15" title="Рейтинг: $RATING$">
<?$RSTARS$('15','/images/rating.png','1','float')?></ul>
</div>
<li class="movie_teaser_download"><a href="$ENTRY_URL$"></a></li>
</ul>
</div></div>
</div>
спс зарание

Добавлено (02.01.2016, 17:53)
---------------------------------------------
забыл сайт дать!: kinofi.3dn.ru

Best_Studio
02.01.2016, 18:05

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
В чем проблема:

В CSS:
Код

.movie_teaser_poster:hover div#uFilm-brief {display:block !important;}

div#uFilm-brief {
    position: absolute;
    background: rgba(255, 255, 255, 0.44);
    width: 136px;
    margin: -100px 0px 0px 3px;
    height: 97px;
    display: none;
}


Заменить Вид на:
Код

<div id="entryID$ID$">

<div style="width: 25%; float: left;">
<div class="movie_teaser clearfix">
<ul class="rate_area">

<li class="movie_teaser_poster">

<?if($DATE$='Сегодня' or $DATE$='Вчера')?><div class="newlabel"></div><?endif?>
<img class="tTip" src="$SCREEN_URL$" width="100" height="199">
    <div id="uFilm-brief"><center><b>$TITLE$ <br> <?if($SOURCE_URL$)?> <?endif?> </b></center></div>
</li>

<!----Качество фильма----->
<?if($FILTER1_VALUE$)?>
<div style="position: absolute;top: 12px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 2px;">
$FILTER1_VALUE$
</div>
<?endif?>
<!--------->
<!----жанр фильма----->
<div style="position: absolute;top: 34px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 2px;">
$CATEGORY_NAME$
</div>
<!--------->

<!----Статус фильма----->
<?if($FILTER2_VALUE$)?><div style="position: absolute;top: 191px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 0px; text-align: center; width: 128px;">
<?if($FILTER2_VALUE$="Фильм удален!")?><span style="color:#FF5F37;">$FILTER2_VALUE$</span><?else?>$FILTER2_VALUE$<?endif?>
</div>
<?endif?>
<!--------->

<!----Мини инфо фильма,сериала----->
<?if($SOURCE_URL$)?><div style="position: absolute;bottom: 59px;left: 10px;display:block;padding: 3px 6px;background: rgba(22, 22, 22, 0.68);color: rgb(255, 255, 255);font-size: 12px;border-radius: 0px; text-align: center; width: 128px;">
<span style="color:#FC0;">$SOURCE_URL$</span>
</div>
<?endif?>
<!--------->

<div align="center">

<style type="text/css">
.u-star-rating-15 { list-style:none;margin:0px;padding:0px;width:75px;height:15px;position:relative;background: url('/images/rating.png') top left repeat-x }
.u-star-rating-15 li{ padding:0px;margin:0px;float:left }
.u-star-rating-15 li a { display:block;width:15px;height: 15px;line-height:15px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden }
.u-star-rating-15 li a:hover { background: url('/images/rating.png') left center;z-index:2;left:0px;border:none }
.u-star-rating-15 a.u-one-star { left:0px }
.u-star-rating-15 a.u-one-star:hover { width:15px }
.u-star-rating-15 a.u-two-stars { left:15px }
.u-star-rating-15 a.u-two-stars:hover { width:30px }
.u-star-rating-15 a.u-three-stars { left:30px }
.u-star-rating-15 a.u-three-stars:hover { width:45px }
.u-star-rating-15 a.u-four-stars { left:45px }
.u-star-rating-15 a.u-four-stars:hover { width:60px }
.u-star-rating-15 a.u-five-stars { left:60px }
.u-star-rating-15 a.u-five-stars:hover { width:75px }
.u-star-rating-15 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/images/rating.png') left bottom;position: absolute;height:15px !important;line-height:15px !important;display:block;text-indent:-9000px;z-index:1 }
</style>

<ul id="uStarRating$ID$" class="u-star-rating-15" title="Рейтинг: $RATING$">
<?$RSTARS$('15','/images/rating.png','1','float')?></ul>
</div>
<li class="movie_teaser_download"><a href="$ENTRY_URL$"></a></li>
</ul>
</div></div>
</div>


Отредактировать CSS под свои нужды если не устраивает!...

Напишем ваш сайт, скрипт - любой тематики и сложности, в макс. быстрые сроки!.. Предоставляем SEO услуги для продвижения групп и сайтов!. За подробностями обращайтесь по Контактам: vk.com//id308213563 | Skype: spammrac ...
BALCETUL
02.01.2016, 21:44

Группа: Пользователи

Сообщений: 58

Награды: 0

Статус: Offline
все норм) Но добавленные стили-инвы http://prntscr.com/9l9nd8
Сверху этого стиля что ты сделал! Сделай чтобы полностью накрывало все верхнии http://prntscr.com/9l9nd8 спс зарание

Добавлено (02.01.2016, 20:54)
---------------------------------------------
за ошибки извиняюсь! Все в спешке пишу...

Добавлено (02.01.2016, 21:44)
---------------------------------------------
все разобрался ! тему офф

Best_Studio
02.01.2016, 23:11

Группа: Координатор

Сообщений: 186

Награды: 7

Статус: Offline
ТЕМА ЗАКРЫТА!...
Напишем ваш сайт, скрипт - любой тематики и сложности, в макс. быстрые сроки!.. Предоставляем SEO услуги для продвижения групп и сайтов!. За подробностями обращайтесь по Контактам: vk.com//id308213563 | Skype: spammrac ...
Форум » Склад » Корзина » Нужно добавить стиль! в вид материалов при наводке
  • Страница 1 из 1
  • 1
Поиск: