Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Проблема с PDA версией модуля видео
Проблема с PDA версией модуля видео
SergeyZhuk
Сообщений: 87
Репутация: 17

Сообщение # 1 | 16:12:13
Люди добрые, подскажите решение. В настройках основного сайта, в модуле видео, дизайн сделан в 3 колонки (в настройках модуля 3 колонки), но в PDA версии сайта нужно сделать чтобы выводилось в одну! Каким образом это можно осуществить, если настройки модуля распространяются и на основной сайт и на PDA версию сайта?!?
Miss_Esq
Сообщений: 13865
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 16:17:56
SergeyZhuk, А прописать для PDA свой CSS ... в настройках поставить 1 колонку а вид материалов основной версии использовать с float: left и width: 33% ??? а для PDA float не писать и width: сделать - 100%

SergeyZhuk
Сообщений: 87
Репутация: 17

Сообщение # 3 | 17:02:01
Miss_Esq,
такая мысль была, но задал вопрос с целью мониторинга. Может есть штатное решение данного вопроса?! Значит будем править стили. Спасибо =)
SergeyZhuk
Сообщений: 87
Репутация: 17

Сообщение # 4 | 21:13:59
И вот новая незадача =( . В настройках поставил одну колонку, изменил стиль, но материалы так же выстраиваются в одну колонку?!? dry
На данный момент имею стиль вида материалов:
Код
.expected {border-bottom:1px dashed #dfdfdf; padding-bottom:10px; margin-bottom:3px;}   
   a.aticlename:hover {text-decoration:underline; color:#2DC5EB;}
   div.articlecat {color:#afafaf !important; padding:0px 0px 5px 0px;}   
   div.articlecat a {color:#afafaf !important;}   
   div.articlecat a:hover {color:#aeaeae !important; text-decoration:underline !important;}   
   .expected div.descrsep {border-bottom:1px dotted #eaeaea; padding:3px 0px 4px 0px;}   
    #expected5 {border-bottom:none; padding-bottom:none;}   
   .videoarticle {text-align:left; margin:5px 0px; display:inline-block; float:left;}   
   .videoarticleimg {position:relative; height:173px; overflow:hidden; width:230px;}   
   .videoaticleinfo {position:absolute; background:url('/images/videoprevbg.png'); width:216px; color:#ffffff; padding:4px 7px 5px 7px; bottom:-39px;}
и сам вид материалов:
Код
<div id="entryID$ID$"><div style="text-align:center;">   
   <div class="videoarticle" id="expected$ID$" >   
   <div id="article$ID$" class="videoarticleimg">   
   <div id="articleinfo$ID$" class="videoaticleinfo">   
   <a href="$PROFILE_URL$" class="ve-author"style="font-weight:bold; color:#ffffff; font-size:12px;">$USERNAME$</a>   
   <span style="float:right;">$DATE$</span>   
   <div style="padding-top:2px;">Просмотров: $VI_READS$<span style="float:right;">Комментов: $COMMENTS_NUM$</span></div>   
   </div>   
   <a href="$ENTRY_URL$"><img src="$SCREEN_URL$" width="230px;" alt=""/></a>   
   </div>   
   <div style="padding-top:5px;"><a href="$ENTRY_URL$" class="aticlename" style="font-weight:bold;">$TITLE$</a></div>   
   <div class="articlecat">Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div>   
   </div>   
   <script type="text/javascript">   
   $('#article$ID$').hover(function() {   
   $('#articleinfo$ID$').stop().animate({bottom:0},200);   
   },function() {   
   $('#articleinfo$ID$').stop().animate({bottom:-39},200);   
   };);   
   </script>   
   </div></div>


хееелллпппппп!!!!

Добавлено (28 Сен 2013, 20:41:03)
---------------------------------------------
Ну подскажите как выстроить их в ряд cry

Добавлено (29 Сен 2013, 21:13:59)
---------------------------------------------
Решил вопрос (не без помощи на других форумах) следующим способом:
1. оставил в настройках 3 колонки
2. в ПДА версии вид материалов закрыл в div со стилем:

Код
table td {display:block; text-align:left;}


вроде все заработало кроме одного "но", если посмотреть код сформировавшейся страницы
Код

<table border="0" cellspacing="2" cellpadding="3" class="entTable" width="100%">
<tr><td id="entryTD9297" class="entTd" align="center" width="33%">
<div id="entryID9297"><br />
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border:none;">
<tr><td class="news-title"><a href="ссылка" style="color: #FFF">
<h4 class="newstitle" style="max-width:300px;max-height:20px">1</h4></a>
</td></tr>
<tr><td align="left" class="alt1" valign="top" style="border: 1px solid rgba(0, 0, 0, 0.347656);border-top-width:0px">
<div style="white-space:pre-line;"><a href="ссылка"><div><img src="картинка" width="30%" /></div></a></div>
<div style="clear: both;"></div>
</td></tr>
</table></div></td>

<td id="entryTD9296" class="entTd" align="center" width="33%"><div id="entryID9296"><br />
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border:none;">
<tr><td class="news-title"><a href="ссылка" style="color: #FFF">
<h4 class="newstitle" style="max-width:300px;max-height:20px">2</h4></a>
</td></tr>
<tr><td align="left" class="alt1" valign="top" style="border: 1px solid rgba(0, 0, 0, 0.347656);border-top-width:0px">
<div style="white-space:pre-line;"><a href="ссылка"><div><img src="картинка" width="30%" /></div></a></div>
<div style="clear: both;"></div>
</td></tr>
</table></div></td>

<td id="entryTD9295" class="entTd" align="center" width="33%"><div id="entryID9295"><br />
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border:none;">
<tr><td class="news-title"><a href="ссылка" style="color: #FFF">
<h4 class="newstitle" style="max-width:300px;max-height:20px">3</h4></a>
</td></tr>
<tr><td align="left" class="alt1" valign="top" style="border: 1px solid rgba(0, 0, 0, 0.347656);border-top-width:0px">
<div style="white-space:pre-line;"><a href="ссылка"><div><img src="картинка" width="30%" /></div></a></div>
<div style="clear: both;"></div>
</td></tr>
</table></div></td>
</tr>
</table>

ширина ячейки 33%, никак не получается ее в 100% вытянуть

На данный момент имею код
Код

<style>
.tables td { display: block; text-align: left;}
</style>
<div class="tables">
$BODY$
</div>

дописывание в стиль width: 100%; или width: 100%!important; не помогает, подскажите как прописать ширину?
Прикрепления: 7964375.png(115Kb)
Сообщение отредактировал SergeyZhuk - Пятница, 27 Сен 2013, 19:04:10
ivj05021969
Сообщений: 3
Репутация: 0

Сообщение # 5 | 23:07:46
Люди добрые, подскажите решение, у меня такая же хрень! В настройках основного сайта, в модуле видео, дизайн сделан в 2-е колонки, в PDA добился 1 колонку, но новая фишка, если смотреть сайт через гугл на мобильном, то там отражаются 2 колонки. Как с этим бороться? Помогите! http://master4-100.ucoz.ru/pda раздел видео (через ГУГЛ)
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Проблема с PDA версией модуля видео
Страница 1 из 11
Поиск: