Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Проблема с PDA версией модуля видео |
| Проблема с PDA версией модуля видео |
|
Люди добрые, подскажите решение. В настройках основного сайта, в модуле видео, дизайн сделан в 3 колонки (в настройках модуля 3 колонки), но в PDA версии сайта нужно сделать чтобы выводилось в одну! Каким образом это можно осуществить, если настройки модуля распространяются и на основной сайт и на PDA версию сайта?!?
|
|
SergeyZhuk, А прописать для PDA свой CSS ... в настройках поставить 1 колонку а вид материалов основной версии использовать с float: left и width: 33% ??? а для PDA float не писать и width: сделать - 100%
|
|
Miss_Esq,
такая мысль была, но задал вопрос с целью мониторинга. Может есть штатное решение данного вопроса?! Значит будем править стили. Спасибо =) |
|
И вот новая незадача =( . В настройках поставил одну колонку, изменил стиль, но материалы так же выстраиваются в одну колонку?!?
 На данный момент имею стиль вида материалов: Код .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) Добавлено (29 Сен 2013, 21:13:59) Код 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
(115.2 Kb)
Сообщение отредактировал SergeyZhuk - Пятница, 27 Сен 2013, 19:04:10
|
|
Люди добрые, подскажите решение, у меня такая же хрень! В настройках основного сайта, в модуле видео, дизайн сделан в 2-е колонки, в PDA добился 1 колонку, но новая фишка, если смотреть сайт через гугл на мобильном, то там отражаются 2 колонки. Как с этим бороться? Помогите! http://master4-100.ucoz.ru/pda раздел видео (через ГУГЛ)
|
| |||
| |||