Дизайн страницы новостей и комментариев к ней

голоса: +4

    У меня несколько вопросов, касающихся вида новости при просмотре на отдельной странице:

    1) как убрать лишнюю тень под текстом новости?  ( чтобы вид новости был как на главной странице?)
    2) как убрать надпись всего комментариев

    3) Как отрегулировать цвет, шрифт, бордюр для текста вверху страницы, т.е. Главная - 2014-декабрь-... ?
    4) как отрегулировать размер шрифта, цвет для времени создания новости (в верхнем правом углу)?

 

Адрес сайта http://malinatomsk.ucoz.ru
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: +5
 
Лучший ответ

1. Перейти в таблицу стилей CSS строка 86:

.eBlock td {background:#fff ;padding:20px 0 0px 0!important;-moz-box-shadow:5px 3px 5px 0px rgba(0,0,0,.2);-webkit-box-shadow:5px 3px 5px 0px rgba(0,0,0,.2);box-shadow: 0px 3px 5px 0px rgba(0,0,0,.2);border: 0px #d1d1d1 solid}
 
Далее найти строку номер 101 и изменить до вида:
.eDetails,.eDetails1,.eDetails2{color:#e4ae80;text-shadow:0 0px 0px #d2d2d2;clear:both;font-size:13px;padding:10px 20px!important;margin:0!important;background:#fff 0 bottom repeat-x;border-top:1px solid #e9ddca;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;-moz-box-shadow: 5px 3px 5px 0px rgba(0,0,0,.2); -webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,.2);;box-shadow: 5px 3px 5px 0px rgba(0,0,0,.2);}
 
Выделенное красным удалить, синее добавить.
 
2. Перейти в панель управления - Главная - Новости сайта - Управление дизайном модуля - Страница материала и комментариев, далее найдите подобный код:
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>
 
Как видите лишняя, для вас строка находится в странице материала и комментариев где и удаляем ее.
 
3. Фон и нижний бордюр в строке номер 51 в таблице стилей:
#catmenu {background:#21041a 0 0 repeat-x;line-height:42px;position:relative;z-index:200;border-bottom:1px solid #2f2f2f;margin:15px 0 0;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
 
В строке номер 58 находим стили, для пунктов меню:
#catmenu li a {position:relative;display:inline-block;height:42px;line-height:42px;text-shadow:0 1px 1px #111;padding:0 15px;font-size:15px;color:#fff;}
 
Выделенное красным это белый цвет пунктов.
 
4. Аналогично находится на странице материала и комментариев, найдете там подобный код:
<div style="float:right;font-size:9px; color:#ваш цвет;">$ADD_TIME$ $MODER_PANEL$</div>
 
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Спасибо))) Сама бы долго искала)
Что касается п.1 - получается не совсем то. Справа тень теперь идет только в самом низу. Сделала по-другому. Везде убрала тень, добавила к классу .eBlock
Теперь смотрится более-менее как надо)
голоса: +3

2. В "Страница материала и комментариев к нему" в нижней части сотри "Всего комментариев"

3 и 4. Размер шрифта: font-size, цвет: color. Только к классу добавляй 'a'. Например .newstext a{}. То ссылки

| Автор:
...