CRE-ARTs
  • Авторизация

    ПАНЕЛЬ УПРАВЛЕНИЯ

    ! Гость (это Вы)

    • Регистрация
    • Забыл пароль?


    Рекомендуем пройти регистрацию, для удобства в использовании материалов.
  • Регистрация Забыл пароль?
Страница технических работ
Страница технических работ
Наш креативщик
CRE-ARTs.ru – ВЕБ-ДИЗАЙН И РАЗРАБОТКА САЙТОВ
На CRE-ARTs представленны лучшие шаблоны и скрипты,
собранные с различных источников в одном месте.
Наша почта: info@realarts.ru или art-creative@yandex.ru
  • Главная
  • Новости
  • Портфолио
  • Скрипты для uCoz
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайта
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Раздел дизайна
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Статьи
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Отзывы
  • Наши контакты
  • Правообладателям
  • Правила сайта
  • О нас
Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.
17 Марта 2014 Подробнее
Свернуть

Прямой эфир

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Вид материалов как на Pinterest
    Посмотрите источник тут
    или аналогичный пост тут

  • artCreative
    Пользователь: artCreative
    В раздел по теме: Ссылка на источник при копировании текста
    Проверим, в ближайшее время исправим
  • muxa
    Пользователь: muxa
    В раздел по теме: Ссылка на источник при копировании текста
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
    Все работает класс
  • muxa
    Пользователь: muxa
    В раздел по теме: Всплывающее меню на чистом CSS
    Не работает
  • muxa
    Пользователь: muxa
    В раздел по теме: Шаблон Фотошоп-Мастер
    Там ничего не работает.Тупо скачал и удалил.
  • vovany
    Пользователь: vovany
    В раздел по теме: Уникальная страница технических работ для uCoz
    только что вот заметил, что некорректно отображаются надписи под отсчетом...
Свернуть

Статистика


Всего в онлайне: 1
Юзеров: 1
Пользователей: 0
Пользователи
Гости сайта
  • Онлайн
  • Кто был
  • СЧ
[Статистика недоступна]


  
Всего пользователей: 1492 +0
Всего материалов [?]: 1434 + -
Новости: 12
Комментарии: 325
Статьи: 667
Файлы: 430
Полный список
Свернуть

Список категорий

  • Главная
  • Новости
  • Скрипты для uCOZ
    • + Все скрипты
    • Разные скрипты
    • Мини - Чаты
    • Скрипты меню
    • Скрипты поиска
    • Статистика
    • Информеры и модули
    • Мини профили
    • Вид материалов и комментариев
    • Форма входа/регистрация
    • Персональные страницы
    • Переключатели и кнопки
    • Для форума
    • Коллекция слайдеров
  • Шаблоны для сайтов
    • Шаблоны для uCoz
    • Шаблоны для форумов
    • HTML Шаблоны
    • Разные страницы
    • Студия S-ARTs
    • Студия elCreativo
    • Студия DCOReARTs
    • Студия SP-ARTs
    • Студия CENTROARTs
    • Студия RealARTs
    • Шаблоны разных CMS
  • Рубрики
    • Статьи вебмастеру
    • Учебник SEO
    • Справочник ВебМастера
    • Руководство по раскрутке сайтов
    • Разное
  • Дизайн
    • PSD исходники
    • PSD макеты
    • Верстка макетов
    • Статьи о Веб-Дизайне
  • Портфолио

  • Группа ВКонтакте
  • Группа в Facebook
  • Группа в twitter

  • Для посетителей...
    • О нас
    • Наши баннеры
    • Правила сайта
    • Правообладателям
    • Отзывы
Свернуть

Опечатка

E-mail отправителя *:
Тема письма:
Текст сообщения *:

Если Вы обнаружили опечатку в тексте, выделите текст с ошибкой
и нажмите на кнопку
Опечатка
Свернуть

Вместе с нами

  • Cre-ARTs - всё самое необходимое
  • Cre-ARTs - всё самое необходимое

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Вид материалов и комментариев » Вид новостей для uCOZ

Вид новостей для uCOZ

  • Опубликовал: artCreative™
  • Категория: Вид материалов и комментариев
  • Дата: 19 Июня 2025 в 03:18
0 голосов
  • 1
  • 2
  • 3
  • 4
  • 5
Продолжая тему новостей предлагаю вам оценить еще один вариант вида материала. 

А теперь давайте перейдем к установке нашего вида новостей для uCoz.

Установка CSS
Скопируйте данный код в ПУ / Дизайн / Управление дизайном (CSS), либо в отдельный css файл
Код
/* style news */  
.clear {  
  clear:both;  
}  
.news {  
  width:auto;  
  position:relative;  
  margin-bottom:20px;  
  padding:15px;  
  background:#fff;  
  border:1px solid #d3d3d3;  
  font-family:helvetica, arial, sans-serif;  
}  
.news_l {  
  padding-right:145px;  
  min-height:150px;  
}  
.news_r {  
  width:140px;  
  height:100%;  
  background:#f4f4f4;  
  position:absolute;  
  top:0;  
  right:0;  
  text-align:center;  
}  
.news h2 {  
  margin:0;  
  background:url(http://mvcreative.ru/example/15/images/stripe.png) 0px 7px repeat;  
  height:20px;  
  overflow:hidden;  
  margin:10px 0 15px 0;  
  position:relative;  
}  
.news h2 a {  
  background:#fff;  
  padding:2px 10px 2px 0;  
  text-decoration:none;  
  color:#89a0af; /*цвет заголовка новости*/  
  font-size:16px;  
}  
.news h2 span a {  
  padding-right:0;  
}  
.img_news {  
  float:left;  
  display:inline-block;  
  margin:0 14px 5px 0;  
  padding:5px;  
  background:#EDF1F2;  
  border:1px solid #DDE1E2;  
}  
.img_news img {  
  width:220px;  
  border:1px solid #DDE1E2;  
}  
.message {  
  padding:0 0 10px 0;  
  margin:0;  
  font-size:12px;  
  line-height:19px;  
  text-align:justify;  
}  
.news_r .date {  
  display:inline-block;  
  position:relative;  
  font-size:13px;  
  padding:7px 10px 4px 10px;  
  margin:18px 0 -5px 0;  
  background:#6099bf; /*цвет блока с датой*/  
  border:1px solid #fff;  
  color:#fff;  
  text-align:center;  
}  
.news_r ul {  
  list-style:none;  
  margin:0;  
  padding:0;  
  text-align:left;  
  width:100px;  
  margin:18px auto 0 auto;  
  font-size:12px;  
}  
.news_r ul li {  
  padding:3px 0 3px 5px;  
  border-bottom:1px dotted #BEBEBE;  
}  
.news_r ul li img {  
  margin-right:10px;  
  position:relative;  
  top:4px;  
}  
.news_r ul li a, .news_r ul li span {  
  color:#707070;  
  text-decoration:none;  
}

Установка HTML
Перейдите в "Вид материала" модуля новостей, и замените весь код этим
Код
<div class="news">  
<div class="news_l">  
  <h2>$MODER_PANEL$ <a href="$ENTRY_URL$">$TITLE$</a></h2>  
  <div class="img_news">  
  <img src="$IMG_URL1$" alt="$TITLE$"/>  
  </div>  
  <p class="message">$MESSAGE$Описание отсутствует</p>  
  <div class="clear"></div>  
</div>  
<div class="news_r">  
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>  
<ul>  
  <li><img src="http://mvcreative.ru/example/15/images/user.png" alt=""/><a href="$PROFILE_URL$" title="автор материала">$USERNAME$</a></li>  
  <li><img src="http://mvcreative.ru/example/15/images/cat.png" alt=""/><a href="$CATEGORY_URL$" title="категория">$CATEGORY_NAME$</a></li>  
  <li><img src="http://mvcreative.ru/example/15/images/comm.png" alt=""/><a href="$COMMENTS_URL$" title="комментариев">$COMMENTS_NUM$</a></li>  
  <li><img src="http://mvcreative.ru/example/15/images/eye.png" alt=""/><span title="просмотров">$READS$</span></li>  
</ul>  
</div>  
</div><!--/news-->

Обращаю внимание изображение в новости появится только если вы его добавили в специальное поле "Изображения"
Если вы хотите избавиться от заголовка с датой, и добавить его к остальному списку информации чуть ниже, уберите код
Код
<div class="date" title="$WDAY$ в $TIME$">$DATE$</div>

И добавьте к списку ul последним пунктом этот
Код
<li><img src="ttp://mvcreative.ru/example/15/images/clock.png" alt=""/><span title="$WDAY$ в $TIME$">$DATE$</span></li>


  • Ссылка на источник материала
  • Ссылка на ДЕМО


Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 779 « Назад

Теги материала: вид, Ucoz, новостей, для

Похожие материалы:
  • Блочный вид новостей нового направления для uCOZ
  • Вид новостей для сайтов на uCoz
  • Легкий вид материалов новостей для uCoz
  • Красивый вид цитаты и code для ucoz
  • Вид комментариев для ucoz

Комментарии пользователей


Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.
  • Главная
  • Sitemap
  • Палитра Web цветов
RealARTs
Дизайн полностью создан и принадлежит сайту "Cre-ARTs.ru".
Все размещенные материалы, принадлежат их владельцам и предоставляются
исключительно в ознакомительных целях. Администрация ответственности
за содержание материала не несет и убытки не возмещает. Хостинг от uCoz
CRE-ARTs
  • Анализ интернет сайта