Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 00:51
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 8
Гостей: 7
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Вид новостей

Светлый вид материалов

Описание:
Красивый вид материалов, исполнен в светлых тонах. Будет отлично выглядеть на сайтах со светлым дизайном.
Под картинкой и текстом фона нет, тоесть он прозрачный (будет виден фон вашего сайта).
Данный вид материалов имеет ФИКСИРОВАННУЮ ширу в 670px! При желании легко переделать под резиновый.
Также вставил скрипт открытия картинки в ajax при клике на неё.

Установка скрипта:
Установка очень проста.

1. Скачиваем архив, всё содержимое кидаем в Файловый менеджер, прямо в корень сайта!

2.Копируем код и ставим в "вид материалов":

Код
<div class="news">
<a href="$ENTRY_URL$">
<h2>$TITLE$</h2>
</a>
<div class="info">
<div class="n-info-l"></div>
<div class="n-info-r"></div>
<div class="n-info-c"></div>
</div>
<div class="n-info-text">
<div class="n-date">
$DATE$ в $TIME$
</div>
<div class="n-author">
Автор: <a href="$PROFILE_URL$">$USERNAME$</a>
</div>
<div class="n-category">
Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
</div>
</div>
<div class="n-main-text">  
<div class="n-ava">
  <img onclick="new _uWnd('screen','$TITLE$',200,100,{align:0,shadow:1,modal:1,close:1,autosize:1,maxh:500,minh:100,resize:0},'<img src=$IMG_URL1$ border=0>');" src="$IMG_URL1$"></img>
</div>  
<div class="n-text">
$MESSAGE$
</div>
</div>
<div class="b-info">
<div class="b-info-l"></div>
<div class="b-info-r"></div>
<div class="b-info-c"></div>
<div class="b-detail">
<div class="b-pod">
<a href="$ENTRY_URL$">Подробнее</a>
</div>  
<div class="b-com">
Коментариев: $COMMENTS_NUM$
</div>
</div>  
</div>
</div>


3. Этот код пихаем в конец CSS:

Код
/* вид материалов by SlowMotion, PSD от uWeb.su */
  .news {
  width:670px;
  height:100%;
  }
  .news h2 {
  background: url(../img/bg-n-h2.png) left no-repeat;
  color:#646464;
  font:bold 12px Tahoma, Geneva, sans-serif;
  padding-left:20px;
  }
  .news a {
  text-decoration:none;
  }
  .news a h2:hover {
  text-decoration:none;
  color:#9c9c9c;
  }
  .info {
  height:24px;
  width:670px;
  margin-top:3px;
  }
  .n-info-l {
  float: left;
  width:12px;
  height:24px;
  background:url(../img/n-info-l.png) no-repeat;
  }
  .n-info-c {
  height:24px;
  background:url(../img/n-info-c.png) repeat-x;
  }
  .n-info-r {
  float:right;
  width:12px;
  height:24px;
  background:url(../img/n-info-r.png) no-repeat;
  }
  .n-info-text {
  width:665px;
  margin:-21px 0px 0px 5px;
  font:normal 12px Tahoma, Geneva, sans-serif;
  height:15px;
  }
  .n-date {
  float:left;
  width:130px;
  color:#9c9c9c;
  height:15px;
  margin-left:5px;
  font:bold 11px Tahoma, Geneva, sans-serif;
  }
  .n-category {
  color:#9c9c9c;
  margin-left:150px;
  padding-left:18px;
  height:15px;
  background:url(../img/bg-category.png) left no-repeat;
  }
  .n-category a {
  text-decoration:none;
  color:#9c9c9c;
  }
  .n-category a:hover {
  text-decoration:underline;
  }
  .n-author {
  color:#9c9c9c;
  float:right;
  height:15px;
  padding-left:20px;
  padding-right:15px;
  background:url(../img/bg-aughtor.png) left no-repeat;
  }
  .n-author a {
  text-decoration:none;
  color:#9c9c9c;
  font:bold 12px Tahoma, Geneva, sans-serif;
  }
  .n-author a:hover {
  text-decoration:none;
  color:#6c6c6c;
  font:bold 12px Tahoma, Geneva, sans-serif;
  }
  .n-main-text {
  margin:5px;
  width:665px;
  height:100%;
  overflow:hidden;
  }
  .n-ava {
  overflow:hidden;
  float:left;
  width:230px;
  max-height:200px;
  }
  .n-text {
  margin-left: 240px;
  max-height:200px;
  color:#646464;
  font:normal 12px Tahoma, Geneva, sans-serif;
  }
  .b-info {
  margin-top:-5px;
  height:30px;
  width:670px;
  overflow: hidden;
  }
  .b-info-l {
  width:16px;
  height:30px;
  float:left;
  background:url(../img/b-info-l.png) no-repeat;
  }
  .b-info-r {
  width:16px;
  height:30px;
  float:right;
  background:url(../img/b-info-r.png) no-repeat;
  }
  .b-info-c {
  height:30px;
  background:url(../img/b-info-c.png) repeat-x;
  }
  .b-detail {
  margin-top:-24px;
  padding:0px 20px;
  height:24px;
  width:670px;
  overflow: hidden;
  }
  .b-com {
  background:url(../img/n-dop-com.png) no-repeat;
  padding-left: 20px;
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;
  }
  .b-pod {;
  margin-right:60px;
  float:right;
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;  
  }
  .b-pod a {
  color:#9c9c9c;
  font:normal 12px Tahoma, Geneva, sans-serif;
  text-decoration:underline;  
  }
  .b-pod a:hover {
  color:#9c9c9c;
  text-decoration:none;
  font:bold 12px Tahoma, Geneva, sans-serif;  
  }
/* вид материалов END*/


сохраняем изменения и всё. Вид материалов ВАШ :)

Почему не работает?
Если у вас не работает данный вид материалов, то вы совершили ошибку, больше всего, неверно загрузив картинки в ФМ.
В таком случае в CSS коде сами проставте адреса изображений.

Автор\Источник: SlowMotion

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1791 | Комментарии: 4 | Рейтинг: 4.1/10 | |Категория: Скрипты Вид новостей | Добавил: SlowMotion | Дата: 12.01.2013 | Скачали: 0
Похожие новости на нашем сайте
  • Двери тудорс

    Межкомнатные двери от производителя! Весь цикл до установки

    74master.com

Коментарий к новости

Всего комментариев: 3
+1   Спам
3 Dr-WebWorker   Дата: 13.01.2013  Время: 16:14   [№ 14384]
Кэп

2 maga0678   Дата: 12.01.2013  Время: 09:01   [№ 14377]
ОТЛИЧНЫЙ СКРИПТ

1 SlowMotion   Дата: 12.01.2013  Время: 03:48   [№ 14376]


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru