X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Нужна помощь с блоками Div
felix81
felix81
Topic Starter сообщение 18.11.2013, 9:08; Ответить: felix81
Сообщение #1


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

[attachment=39914:блок.jpg]

[CSS]fullstory .poster{float:left;width:346px;max-height: 350px;}
.fullstory .screens{background:#82b032;float:left;width:305px;height:163px;margin-left:10px;padding:5px;overflow:hidden;}
.fullstory .screens li{float:left;width:118px;height:80px;margin:1px;}
.fullstory .screens img{width:118px;height:80px;}
.fullstory .screens .cont{float:left;width:240px;overflow:hidden;}
.fullstory .screens .es-nav{margin-left:244px;}
.fullstory .screens .es-nav-prev, .fullstory .screens .es-nav-next{background:url(../images/screens_buttons.png) 0 0 no-repeat;width:61px;height:80px;}
.fullstory .screens .es-nav-next{background-position:0 0;}
.fullstory .screens .es-nav-next.active:hover{background-position:0 -80px;cursor:pointer;}
.fullstory .screens .es-nav-prev{background-position:-61px 0;margin-top:2px;}
.fullstory .screens .es-nav-prev.active:hover{background-position:-61px -80px;cursor:pointer;}
.fullstory .poster, .fullstory .screens{border-radius:5px;box-shadow:0 1px 3px #656565;}
.fullstory .n_rating{float:right;margin-top:20px;}
.fullstory .n_rating .cont{background:#dbdcd9;width:321px;padding:6px 0;margin-bottom:5px;font-size:12px;color:#5a5a5a;text-align:center;text-shadow:0 1px 0 #fff;border-radius:5px;}
.fullstory .n_rating .cont .title{font-size:13px;text-transform:uppercase;margin-bottom:4px;}
.fullstory .n_rating .cont span.rate{font-size:16px;color:#6d9337;height:28px;}
.fullstory .opis{float:right;margin-top:2px;}
.fullstory .opis .cont{background:#dbdcd9;width:110px;padding:6px 0;margin:20%;font-size:12px;color:#5a5a5a;text-align:center;padding:2px;border-radius:5px;}
.fullstory .text{margin:20px 30px 0 0;font-size:12px;text-shadow:0 1px 0 #fff;}
.fullstory .text2{margin:20px 30px 0 0;font-size:12px;text-shadow:0 1px 0 #fff;}
.fullstory .text span{color:#51643a;}
.fullstory .text2 span{color:#51643a;font-size:14px;}[/CSS]

<div class="n_rating">
<div class="cont">
<div class="title"><b>Ссылки:</b></div>
<div class="eval">
<span class="rate"><span class="attachment"><center><b><a href="[xfgiven_link][xfvalue_link][/xfgiven_link]">Установить</a></b></center></span></span>
</div><a href="/ustanovka_apk.html">Как установить игру?</a>
</div>
<center>{rating}</center>
</div>
<div class="clr"></div>
<div class="text">
<div class="opis">
<div class="cont">
<h4>Разработчик:</h4>&nbsp[xfgiven_razrab][xfvalue_razrab][/xfgiven_razrab] <h4>Рейтинг:</h4>&nbsp[xfgiven_rating][xfvalue_rating][/xfgiven_rating] <h4>Голоса:</h4>&nbsp[xfgiven_votes][xfvalue_votes][/xfgiven_votes] <h4>Обновление:</h4>&nbsp[xfgiven_update][xfvalue_update][/xfgiven_update] <h4>Версия:</h4>&nbsp[xfgiven_version][xfvalue_version][/xfgiven_version] <h4>Жанр:</h4>&nbsp[xfgiven_category][xfvalue_category][/xfgiven_category] <h4>Кол-во установок:</h4>&nbsp[xfgiven_installation][xfvalue_installation][/xfgiven_installation] <h4>Что нового:</h4>&nbsp[xfgiven_whats_new][xfvalue_whats_new][/xfgiven_whats_new] <h4>Цена:</h4>&nbsp[xfgiven_price][xfvalue_price][/xfgiven_price] <h4>Размер:</h4>&nbsp[xfgiven_size][xfvalue_size][/xfgiven_size] <h4>Баннер:</h4>&nbsp<img src="[xfgiven_banner][xfvalue_banner][/xfgiven_banner]" /> <h4>Операционка:</h4>&nbsp[xfgiven_os][xfvalue_os][/xfgiven_os] <h4>Требования:</h4>&nbsp[xfgiven_requirements][xfvalue_requirements][/xfgiven_requirements] <h4>Gamecenter:</h4>&nbsp[xfgiven_gamecenter][xfvalue_gamecenter][/xfgiven_gamecenter] </div>
</div>
<div id="{news-id}" style="display:inline;">{full-story}</div>

<center><h2>Видеообзор</h2></center>
<iframe width="540" height="360" src="http://www.youtube.com/embed/[xfgiven_youtube][xfvalue_youtube][/xfgiven_youtube]" frameborder="0" allowfullscreen></iframe>
</div>
</div>
Нашли ошибку в тексте? Выделите фрагмент текста и нажмите "Ctrl+Enter". Спасибо за помощь в развитии сайта.
<div class="primary_title top related">
<div class="left_part"><h2 class="right_part">Пользователи, скачавшие это приложение, также скачали:</h2></div>
<div class="gl_bg">
{custom category="1" template="relatednews" aviable="global" from="0" limit="4" order="date" cache="yes"}
</div></div>
{comments}
{addcomments}
{navigation}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 18.11.2013, 10:48; Ответить: Degradator
Сообщение #2


Напишите мне в личку.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна ли плоская структура категорий в ИМ?
1 noviktamw 1058 26.3.2024, 21:50
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
12 Tia2 1523 25.3.2024, 6:54
автор: Skyworker
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
0 Taylor 566 16.3.2024, 18:41
автор: Taylor
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
46 vitvirtual 5559 12.3.2024, 21:52
автор: Гиппопотам
Открытая тема (нет новых ответов) Нужна рассылка по емаил базе сео-студий
0 kasey7 622 2.3.2024, 23:13
автор: kasey7


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:42
Дизайн