Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Вид материалов для uCoz » Очень красивый вид материалов для uCoz (для светлых дизайнов)
Очень красивый вид материалов для uCoz
Torres_1_Дата: Суббота, 16.11.2013, 01:23 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Очень красивый вид материалов для uCoz



Отличный вид материалов для uCoz. Это вид материалов выглядит очень красиво, как на обложке глянцевого журнала. Заголовок оформлен красивым фоновым градиентным изображением. Есть кнопка «подробнее», которая ведет в само тело статьи. Нижняя часть, также красиво оформлена градиентным фоновым изображением. Хорошо смотрятся также, оформление даты добавления материала и раздел, в который он добавлен. Скрипт вид материалов модуля для uCoz доработан, исправлен и налажен сайтом webanfarwol.ru — Скрипты для uCoz. Изначальный же автор этого скрипта новостей — неизвестен. Перейдем к установке . . .

Панель Управления => Управление дизайном => Новости сайта (или любой другой модуль, например «каталог файлов» — везде будет работать) => Вид материалов и здесь заменяем весь существующий код на новый:

Код
<div class="viewn_loop">  
   <h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4>  
   <div class="viewn_cont">  
   <div class="viewn_detail">  
   <div class="viewn_date"><span>$DATE$, $TIME$</span></div>  
   Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
   </div>  
   <noindex><div class="viewn_pict"><span><a href="$IMG_URL1$" onclick="return hs.expand(this)" title="Рип шаблона Sp1nn-portal"><img src="$IMG_URL1$" width="198" alt="$TITLE$" /></a></span></div></noindex>  
   <div class="viewn_text">  
   <div id="news-id-293" style="display:inline;">  
     
   310)?> <a href="$ENTRY_URL$">Читать далее =></a>$MESSAGE$   
     
   </div>  
   </div>  
   </div>  
   <div class="viewn_bottom">  
     
   <div class="viewn_link"><a href="$ENTRY_URL$">Подробнее</a></div>  
   Комментарии <b>($COMMENTS_NUM$)</b> Просмотры: <b>$READS$</b> добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b>  
   </div>  
</div>  

<style>
/*-------- Вид материалов fifagamers.do.am --------*/  
.viewn_loop {width:501px; color:#969696; margin:0 0 8px 0; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) repeat 0 0;}  
.viewn_title {height:32px; line-height:32px; overflow:hidden; margin:0; padding:0 0 0 14px; font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #2384a0; background:#40a9c3 url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px 0;}  
.viewn_title a {color:#fff; text-decoration:none;}  
.viewn_title a:hover {text-decoration:underline;}  
.viewn_cont {padding:7px 4px 6px 4px; overflow:hidden; line-height:1.6; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px -32px;}  

.viewn_detail {width:483px; overflow:hidden; padding:2px 8px 3px 8px; margin:0 0 3px -3px; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1662px bottom;}
.viewn_detail a {font-weight:bold; color:#969696; text-decoration:none;}  
.viewn_detail a:hover {text-decoration:underline;}  
.viewn_date {float:left; padding:0 4px 0 0; margin:-2px 6px 0 0; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat right 0;}  
.viewn_date span {min-width:70px; height:22px; line-height:22px; display:block; padding:0 0 0 33px; float:left; color:#929292; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -2163px 0;}  

.viewn_pict {width:226px; padding:7px 0 0 0; float:left; margin:0 -5px 0 0; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat 0 0;}  
.viewn_pict span {padding:0 22px 16px 6px; display:block; overflow:hidden; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat -226px bottom;}  
.viewn_pict img {width:198px; min-height:140px; vertical-align:top;}  
.viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8;}  

.viewn_text {padding:0 0 0 4px; overflow:hidden;}  

.viewn_bottom {height:24px; padding:12px 0 0 28px; overflow:hidden; font-size:10px; color:#f6f6f6; text-shadow:1px 1px 1px #818181; background:#979797 url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1002px bottom;}  
.viewn_bottom b {margin:0 8px 0 0;}  
.viewn_bottom a {color:#f6f6f6; text-shadow:1px 1px 1px #818181; text-decoration:none;}  
.viewn_bottom a:hover {text-decoration:underline;}  
.viewn_link {width:101px; height:21px; float:left; margin:-3px 26px 0 0;}  
.viewn_link a {width:93px; height:21px; line-height:21px; padding:0 0 0 8px; display:block; font-size:10px; color:#6e6e6e; text-shadow:none; text-decoration:none; background:#fefefe url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1505px 0;}  
.viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;}  

.viewn_statick .viewn_bottom {height:7px; padding:0; margin:0; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bottom_bg.png) no-repeat 0 0;}  

.viewn_statick .viewn_cont {padding: 7px 6px 6px 6px;}  

.viewn_inner_pict {width:400px; margin:10px auto 16px auto; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) repeat-y 0 0;}  
.viewn_inner_pict span {display:block; padding:6px 0 0 0; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -400px 0;}  
.viewn_inner_pict span span {padding:0 7px 6px 7px; background:url(http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -800px bottom;}  
.viewn_inner_pict img {width:386px; vertical-align:top;}  
/*-----------------------------------------------*/
</style>
 
Форум » Всё для Ucoz » Вид материалов для uCoz » Очень красивый вид материалов для uCoz (для светлых дизайнов)
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Что вы делаете на сайте
javascript:; javascript:;
Всего ответов: 119

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.