Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Разделить Иформер (Для кино сайта.)
Разделить Иформер
skyurt666
Сообщений: 246
Репутация: 0

Сообщение # 1 | 18:45:15
Как разделить информер фильмов друг от друга они склеенны друг с другом.Вот мой сайт http://www.kinofox.tk/ информер с фильмами с левого боку.

Добавлено (14 Авг 2014, 16:29:58)
---------------------------------------------
Вот код самого информера.

<style>
.nazv {color:#1C86EE;font-size: 16px;text-align: center;padding:0 0 10 0;text-shadow:1px 1px 1px #333;}
.opis {color:#dedede;font-size: 13px;text-align: left;}
.entry {color:#00ff3w;font-size: 15px;text-align: right;padding:10 15 0 0;}
</style>
<script type="text/javascript">

$(document).ready(function () {

var colour = $("#overlay$ID$");
var content = $("#hover$ID$");

content.hide();
colour.hide();

$("#container$ID$").hover(function() {
content.stop().show().css({ "left" : "-450px" }).animate({left : 0}, 290);
colour.stop().fadeTo(500, .7)
}
,function() {
content.stop().animate({left : 450}, 290);
colour.stop().fadeTo(500, 0)
});
});

</script>
<script type="text/javascript" src="/jquery.min.js"></script>


<style>
#container$ID$ {height:300px;width:214px;-moz-background-size:100% 100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;-khtml-background-size:100% 100%;background-size:100% 100%;position:relative;overflow:hidden;z-index:0;padding:0;margin:0 auto;background-image:url($IMG_URL1$);border:8px solid #611b1b;}
#container$ID$:hover {border-color:198ad8;}
#overlay$ID$ {background-color:#000;display:block;position:absolute;top:0;left:0;width:300px;height:155px;}
#hover$ID$ {color:#fff;width:170px;display:block;height:400px;position:absolute;padding:10px;}
</style>
<div id="container$ID$"><div id="overlay$ID$"></div><div id="hover$ID$">
<div class="nazv"><a href=""><b><font color="#C70C0C">$TITLE$</font></b></a></div>
<div class="opis">
<b>Раздел :</b> <a href="/load/">Каталог файлов</a><br>
<b>Категория :</b> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><br>
<b>Дата :</b> $DATE$<br>
<b>Комментариев :</b> $COMMENTS_NUM$
</div>
<div class="entry"><b><a href="$ENTRY_URL$">Перейти к материалу</b></a></div>
</div></div>

Добавлено (14 Авг 2014, 18:45:15)
---------------------------------------------
Подскажите как исправить


Skyurt
сondor
Сообщений: 4662
Репутация: 1528

Сообщение # 2 | 20:34:28
skyurt666, добавить в css:

Код
.lcol div[id^="container"]{
margin-bottom: 12px!important;
}
skyurt666
Сообщений: 246
Репутация: 0

Сообщение # 3 | 20:36:54
сейчас попробую

Добавлено (14 Авг 2014, 20:36:54)
---------------------------------------------
добавил но не чего не изменилось


Skyurt
сondor
Сообщений: 4662
Репутация: 1528

Сообщение # 4 | 20:46:49
skyurt666, внимательно следите за скобками и не отрывайте их.

Цитата
#branding_link {
width:100%;
height: 100%;
position:absolute;
z-index:1;
}

.lcol div[id^="container"]{
margin-bottom: 12px!important;
}
skyurt666
Сообщений: 246
Репутация: 0

Сообщение # 5 | 20:54:47
Все эта тема закрыта большое спасибо вам.

Skyurt
сondor
Сообщений: 4662
Репутация: 1528

Сообщение # 6 | 21:00:04
Вопрос решен. Тема закрыта.
Сообщество uCoz » Архивариус » Корзина » Разделить Иформер (Для кино сайта.)
Страница 1 из 11
Поиск: