Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...
|
Архив - только для чтения |
Модератор форума: Shеriff, JonMagon, Yuri_G |
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Вывод описания материала в столбик |
Вывод описания материала в столбик |
чтобы было в столбик вот это как на скрине 1 а на скрине 2 чтоб было в строчку ? реально или нет
Прикрепления:
0682949.jpg
(24.9 Kb)
·
2050139.jpg
(46.3 Kb)
Сообщение отредактировал webanet - Вторник, 16 Сен 2014, 20:33:03
|
все возможно, для первого задаем класс с фиксированными размерами завертываем переменную $MESSAGE$ в созданный див, далее уже стилями придаем все красоту итд. По второму вопросу, мета тег дескрипшин вы можете легко выровнять в 1 строку в Панель управления - Управление дизайном.
|
DENIS20, вот вам небольшой набросок вида материалов для модуля новости на подобии того что вы хотите:
Код <div class="blockss"> <?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"> <img src="$IMG_URL1$" alt="" title=""></a><?else?><img src="/img/noimage.png" alt="$TITLE$" /><?endif?> </a></div> <div class="block-mes"> <div class="titl"><a href="$ENTRY_URL$">$TITLE$</a></div> </div> <?if($MESSAGE$)?><div class="messages">$MESSAGE$</div><?endif?> <div class="podrobnee"><a href="$ENTRY_URL$">Подробнее →</a></div> </div> Стили для данного вида материалов, захотите доработаете под себя, это набросок на быструю руку. Код <style> .blockss { float: left; width: 190px; padding: 10px 15px 40px 15px; border-radius: 5px; margin: 5px; height: 190px; min-height: 350px; max-height: 306px; } .blockss:hover { box-shadow: 0 0 20px #2177b6; height: 280px; } .messages { font-size: 11px; line-height: 12px; color: #968b8b; } .titl { margin: 20px 0 10px 0; font-size: 18px; line-height: 20px; font-style: italic; } .titl a { color: #484242; text-decoration: none; } .block-mes { overflow: hidden; height: 200px; } .podrobnee { width: 90px; float: right; text-align: center; font-size: 11px; font-style: italic; padding: 5px 10px 6px; margin: -50px 0px 0px 0px; color: #fff; text-decoration: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.25); border-radius: 10px; background: #3276D9; } .podrobnee a { color: white; } </style> |
| |||
| |||