Главная :: Регистрация :: Вход :: RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » Каталог Файлов » Красивый вид материалов!! (Красивый вид материалов)
Красивый вид материалов!!
penokyДата: Суббота, 31.01.2015, 12:00 | Сообщение # 1
Генерал-майор
Группа: Администраторы
Сообщений: 279
Репутация: 0
Статус: Offline
Красивый вид материалов...



Очень красивый вид материалов в синих тонах. Выглядит просто шикарно. Вид материалов для каталога файлов имеет скрипт увеличения картинки при нажатии, шикарная цветовая гамма.
От себя(wallaby.ucoz.ru) - немножко реанимировал скрипт, добавил панель редактирования, которая отсутствовала.

1. Увеличение изображения при нажатии

Что бы данная функция работала, Вам прийдеться активировать дополнительные поля в (например для каталога файлов):
П.У - Каталог файлов - Настройки модуля - Поля для добавления материалов: ставим галочку на "Изображения".
Теперь при добавлении новости, обязательно загружать картинку через поле "Изображения".
2. В Вид материалов любого модуля

П.У - Дизайн - Управление дизайном - Вид материалов(В любой модуль, это может быть каталог файлов, новости, блог, статьи):


Код
<h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4> <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> <div class="viewn_cont"> <div class="viewn_details2">Категория: <a href="$CATEGORY_URL$"><b><font color="#005aa6">$CATEGORY_NAME$</font></b></a> » <a href="$ENTRY_URL$"><b><font color="#005aa6">$TITLE$</font></b></a> | Добавил: <a class="m" href="$PROFILE_URL$"><b><font color="#005aa6">$USERNAME$</font></b></a></div> <div class="viewn_text"> <div class="viewn_text_in"> <table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tr> <td style="vertical-align: top; width: 150px;"> <a href="$IMG_URL1$" onclick="return hs.expand(this)"><img width="150px" src="$IMG_URL1$"></a> </td> <td style="vertical-align: top; padding: 5px;">$MESSAGE$ <br><br><div align="right"></div></td> </tr> </table> </div> </div> <div class="viewn_details"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><a href="$ENTRY_URL$"><b>Подробнее…</b></a></div>Просмотров: <b>$RATED$</b> | Комментариев: <a href="$COMMENTS_URL$"><b>$COMMENTS_NUM$</b></a> | Добавлено: <b>$DATE$</b> в <b>$TIME$</b> </div> </div> </div></div> <style type="text/css" media="all">@import url(http://wallaby.ucoz.ru/highslide/highslide.css);</style> <script type="text/javascript" src="http://wallaby.ucoz.ru/highslide/highslide.js"></script> <script type="text/javascript">hs.graphicsDir = 'http://wallaby.ucoz.ru/highslide/graphics/';</script> <style> .viewn_loop {padding:10px 10px 9px 10px; margin:0 0 10px 0; background:#d4dae0;} .viewn_title {display:block; margin:0; padding:4px 10px; font-size:12px; font-weight:100; font-weight:bold; color:#fff; text-shadow:-1px -1px 1px #446b91; border-bottom:1px solid #45688e; background:#4b769f;} .viewn_title a:link, .viewn_title a:active, .viewn_title a:visited {color:#fff; text-decoration:none;} .viewn_title a:hover {text-decoration:underline;} .viewn_cont {border:1px solid #aaa; background:#fff;} .viewn_text {padding:6px; overflow:hidden;} .viewn_text img {max-width:500px !important;} .viewn_text img[align="left"] {display:block; float:left; margin:0 10px 10px 0;} .viewn_text img[align="right"] {display:block; float:right; margin:0 0 10px 10px;} .viewn_img_border {width:106px; height:89px; padding:5px 0 0 5px; float:left; margin:0 5px 0 0; background:url(/design/viewn_img_border_bg.png) no-repeat 0 0;} .viewn_text_in {overflow:hidden;} .viewn_details {height:19px; padding:3px 9px 0 9px; color:#005aa6; border-top:1px solid #ccc; background:#f2f2f2;} .viewn_details2 {height:19px; padding:3px 9px 0 9px; color:#005aa6; border-bottom:1px solid #ccc; background:#f2f2f2;} .viewn_details a:link, .viewn_details a:active, .viewn_details a:visited {color:#005aa6; text-decoration:none;} .viewn_details a:hover {text-decoration:underline;} </style>




Красивый, вид, материалов!!
Прикрепления: 7457618.png (21.6 Kb)
 
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » Каталог Файлов » Красивый вид материалов!! (Красивый вид материалов)
  • Страница 1 из 1
  • 1
Поиск: