Уважаемые пользователи seo-vebmaster.ucoz.net. Вы найдете у нас на портале - различные скрипты сайтов, уникальные, бесплатные шаблоны, модули, хаки и релизы популярных CMS . С Уважением Администрация seo-vebmaster.ucoz.net

Скачать Последние новости как на CSS-Portal бесплатно
После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!
· Скриншот 13.12.2020, 21:39



Предлагаю вашему вниманию Ленту комментариев .
И так приступим.

Установка:
1. Заходим в панель управления. Создаем информер с параметрами:
Новости сайта · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1

В шаблон информера вставляем следующий код:

 

Код
<div class="new-reviews-news">  
<div class="new-reviews-news-image">  
<span class="new-reviews-image-fon">  
<img src="$IMG_URL1$" alt="$TITLE$">  
</span></div><br><br>  
<a href="$ENTRY_URL$" style="text-align:center;font-weight: bold;color:#fff;">$TITLE$</a>  
</div>

<style>
#lavalamp {left: 307px;}

.content-block{
background: #141414; padding: 7px 6px 10px 8px;
}

.center-block{
background: url(http://css-portal.net/images/repeat-center-block.jpg) 0 0 repeat-y;
width: 339px;
margin: 0 0 0 0px;
}

.center-block:first-child{
margin: 0;
}

.top-center-block{
background: url(http://css-portal.net/images/top-center-block.jpg) 0 top no-repeat;
padding: 9px 0 0 0;
}

.bottom-center-block{
background: url(http://css-portal.net/images/bottom-center-block.jpg) 0 bottom no-repeat;
padding: 0 0 9px 0;
}

.new-reviews{
margin: 0px 9px 8px 10px;
}

.new-reviews-title-block{
background: url(http://css-portal.net/images/title-blue.png) 0 0 repeat-x; width: 296px; height: 35px; font: bold 12px Arial; color: #fff; line-height: 35px; text-transform: uppercase; padding: 0 12px 0 14px; border-radius: 3px; web-kit-border-radius: 3px; moz-border-radius: 3px; }

.all-reviews {  
display: block; font: 11px Arial; color: #16262d; text-decoration: underline; text-transform: none; float: right; line-height: 35px;
}

.all-reviews:hover{
text-decoration: none;
}

.fiolet.new-reviews-title-block{
background: url(http://css-portal.net/images/title-fiolet.png) 0 0 repeat-x;
}

.new-reviews-content-block{
}

.new-reviews-news{
background:rgba(0,0,0,0.2); width: 319px; height: 64px; margin: 7px 0 0 0;
}

.new-reviews-news-image{
background: url(http://css-portal.net/images/fon-new-reviews-img.jpg) 0 0 no-repeat; width: 68px; height: 47px; position: relative; overflow: hidden; float: left; margin: 8px 12px 0 8px;
}  

.new-reviews-image-fon{
display: block; width: 56px; height: 40px; position: relative; top: 4px; left: 5px; overflow: hidden;
}

  .new-reviews-image-fon img{
width: 56px; min-height: 40px; position: absolute; top: 0px; left: 0px;
}

.new-reviews-news h2 a{
float: left; display: block; font: bold 12px Arial; color: #fff; height: 45px; width: 225px; overflow: hidden; margin: 10px 0 0 0;
}
  .new-reviews-news h2 a:hover{
color: #6fc6ec;
}

.new-edition-news{
margin: 16px 0 0px 0; padding: 0 0 2px 0;
background: url(http://css-portal.net/images/line-edition.png) 0 bottom repeat-x;
}

.new-edition-news:first-child{
margin: 22px 0 0 0; }

.new-edition-news h2 a{
display: block; font: bold 12px Arial; color: #fff; height: 15px; overflow: hidden; margin: 0 0 10px 0;
}  
  .new-edition-news h2 a:hover{
text-decoration: underline;
}

.new-edition-news-image{
float: left; border: 4px solid #373737; width: 134px; height: 71px; margin: 0 12px 11px 0;
}
  .new-edition-image-fon{
display: block; border: 1px solid #7d7d7d; width: 132px; height: 69px; position: relative; top: 0px; left: 0px; overflow: hidden;
}

.new-edition-image-fon img{
width: 132px; min-height: 69px; position: absolute; top: 0px; left: 0px;
}

.new-edition-content{
float: left; font: 11px Arial; color: #8e8e8e; height: 79px; line-height: 16px; width: 160px; overflow: hidden;
}
</style>



2. Теперь где хотим видеть.
Вставляем следующий код:

 

Код
<div class="center-block">  
  <div class="top-center-block">  
  <div class="bottom-center-block">  
  <div class="new-reviews">  
  <div class="new-reviews-title-block"> Последние новости <a href="/news" class="all-reviews">все новости</a> </div>  
  <div class="new-reviews-content-block">  
$MYINF_X$
</div></div></div></div></div>



3. $MYINF_X$ - Меняем на тот который у вас получился. Установка завершена.

Категория: Скачать Скрипты Ucoz бесплатно бесплатно | Добавил: diamont1977 | Теги: новости, Последние, CSS-Portal, как, Скрипты для ucoz, на
Просмотров: 484 | Загрузок: 0 | Рейтинг: 0.0/0


Всего комментариев: 0
avatar
Мини профиль
Для просмотра мини профиля,войдите на сайт как пользователь.
Мы в ВКонтакте
Популярные новости
Шаблон 7ol...
Шаблон для...
Уникальный...
Оригинал с...
Шаблон для...
Лучшие фай...
Последние ...
Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Top.Mail.Ru

Анализ сайта seo-vebmaster.ucoz.net Яндекс.Метрика Catalog.ru.net - Каталог сайтов
Сейчас online
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня наш сайт посетили
Счетчик пользователей
Сегодня нас посетило
Счетчики сайта
  • Счетчик юзеров
  • Всего юзеров: 13
    За месяц: 0
    За неделю: 0
    За вчера: 0
    Сегодня: 0
  • Счетчик материалов
  • Всего файлов: 1407
    Всего новостей: 0
    Всего статей: 0
    Темы форума: 1533
    Категории
    Шаблоны Ucoz бесплатно [24]
    Скачать бесплатно Шаблоны Ucoz бесплатно
    Скрипты Ucoz бесплатно [94]
    Скачать Скрипты Ucoz бесплатно
    Шапки для Ucoz [0]
    Скачать Шапки Ucoz бесплатно
    Иконки для Ucoz [5]
    Иконки Ucoz бесплатно
    Кнопки Ucoz бесплатно [3]
    Тут найдете и скачаете Кнопки Ucoz бесплатно
    Уроки Ucoz бесплатно [5]
    Тут найдете и скачаете Уроки Ucoz бесплатно
    Для Форумов Ucoz бесплатно [0]
    Тут найдете и скачаете Для Форумов Ucoz бесплатно
    Разное Ucoz бесплатно [38]
    Тут найдете и скачаете Разное Ucoz бесплатно
    Партнеры сайта
    Стать партнером Стать партнером Стать партнером Стать партнером
    Интересные файлы
    Фоны для ф...
    Скрап набо...
    Слайдинг н...
    Стиль для ...
    Скрап набо...
    Яркий микс
    Кисть для ...