Поиск

ПРОФИЛЬ


Витрина ссылок
Друзья сайта
Статистика
Зарег. на сайте Всего: 352
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0

По группам:
Администраторов: 1
Модераторов: 1
Журналисты: 3
Обычных юзеров: 347

Из них
Парней: 279
Девушек: 73
Анализ веб сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0


кто нас сегодня посетил
Оцените мой сайт
Оцените мой сайт
Всего ответов: 265
Меню сайта
ЕЖЕДНЕВНЫЕ БОНУСЫ
Оплаченная реклама


Наша кнопка
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:


Облако тегов
Расчет Расстояний
Расчёт расстояния от Автодиспетчер.Ру
» Всё для Веб-мастера » Скрипты для ucoz
Скрипты для ucoz [48]
Javascript [7]
Генераторы [2]

Красивый информер вид категорий для ucoz


Установка:
В таблицу стилей css вставляем стили, в самый низ:


Code
.new1 {  
  text-align:left;padding:5px;border-bottom:1px solid #F9F5DD;margin:0px;background:#DBDBDB;cursor:pointer;font-size:8pt;  
  }  
  .new01 {  
  text-align:left;padding:5px;border-bottom:1px solid #F9F5DD;margin:0px;background:#F1F1F1;font-size:8pt;  
  }

Создаём три информера с следующими настройками:
[ Каталог · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 ·]
[ Каталог · Материалы · Кол-во комментариев материала D · Материалы: 10 · Колонки: 1 ·]
[ Каталог · Материалы · Кол-во просмотров D · Материалы: 10 · Колонки: 1 ·]
И вставляем в каждый информер данный код шаблонный для всех одного типа :


Code
<div class="new1" onmouseover="this.className='new01'" onmouseout="this.className='new1'"> <img class="infs_img" src="$AUTHOR_EMAIL$" alt="" align="left" width="42" height="34" style="margin-right: 5px; "> <b><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></b><div> <SPAN style="FONT-SIZE: 8pt">$DATE$</font></div> <div><SPAN style="FONT-SIZE: 8pt">$USERNAME$</font></div> </div>

Поле $AUTHOR_EMAIL$ дополнительное Емайл адрес автора материала мы изменяем под скрин , но так же можно изменить и под ваши типы вывода скрина в новости, к примеру дополнительное поле 1 $OTHER1$


Далее мы выводим все 3 информатора в таблице с переключаемым и устанавливаем этот код,туда ,где хотим видеть информер:

Code
<table border="0" cellpadding="0" width="100%" cellspacing="0" style="background:#F1F1F1;padding-top:10px;"> <tr>  
  <td align="center" id="choose" class="act" style="border-right:1px solid #F1F1F1;">  
  <a href="#" id="file-1-select" class="borders3">Новые файлы</a> </td>  
  <td align="center" id="choose" style="border-right:1px solid #F1F1F1;">  
  <a href="#" id="file-2-select" class="borders2"><span style="color: #ffffff;">Популярные</span></a> </td>  
  <td align="center" id="choose">  
  <a href="#" id="file-3-select" class="borders"><span style="color: #ffffff;">Лучшие</span></a>  
  </td> </tr> <tr>  
  <td align="left" colspan="3" class="borderinf" style="padding-top:5px;">  
  <HR style="BORDER-RIGHT: 1px solid #B5B5B5; BORDER-TOP: 1px solid #B5B5B5; BORDER-LEFT: 1px solid #B5B5B5; BORDER-BOTTOM: 1px none">  
  <div id="file-1">Информер 1</div>  
  <div id="file-2" style="display:none">Информер 2</div>  
  <div id="file-3" style="display:none">Информер 3</div>

в место Информер 1, 2, 3 вставляем ссылки готовых информеров .

Открываем блокнот , вставляем ниже указанный скрипт и сохраняем в кодировке UTF-8 сам файл с расширением js и заливаем его себе на сайт с помощью файлового менеджера.

Code
// табы, настройка табов  
  $(document).ready(function(){$("#file-1-select").click(function(){$("#file-1").show();$("#file-2").hide();$("#file-3").hide();$("#file-1-select").parent().addClass("act");$("#file-2-select").parent().removeClass("act");$("#file-3-select").parent().removeClass("act");return!1});$("#file-2-select").click(function(){$("#file-1").hide();$("#file-2").show();$("#file-3").hide();$("#file-1-select").parent().removeClass("act");$("#file-2-select").parent().addClass("act");$("#file-3-select").parent().removeClass("act"); return!1});$("#file-3-select").click(function(){$("#file-1").hide();$("#file-2").hide();$("#file-3").show();$("#file-1-select").parent().removeClass("act");$("#file-2-select").parent().removeClass("act");$("#file-3-select").parent().addClass("act");return!1});$("#publ-1-select").click(function(){$("#publ-1").show();$("#publ-2").hide();$("#publ-1-select").parent().addClass("act");$("#publ-2-select").parent().removeClass("act");return!1});$("#publ-2-select").click(function(){$("#publ-1").hide();$("#publ-2").show(); $("#publ-1-select").parent().removeClass("act");$("#publ-2-select").parent().addClass("act");return!1})});

Этот код в самый низ блока Верхняя часть сайта:

Code
<script type="text/javascript" src="http:ВАШ САЙТ/405_tubs.js"></script>

Готово.

 
Категория: Скрипты для ucoz | Добавил: ПОТАП (30.06.2012)
Просмотров: 2254 | Комментарии: 3 | Теги: Информер, скрипты для Ucoz, Красивый вид категорий для ucoz | Рейтинг: 0.0/0
Всего комментариев: 3
0  
3 маринка   (17.10.2013 17:51) [Материал]
http://my-setmasters.com у меня получилось biggrin biggrin biggrin

0  
2 askah   (25.10.2012 19:39) [Материал]
лучшые онлайн фильмы http://hd-films.ucoz.net/

0  
1 LEE   (19.07.2012 23:10) [Материал]
Прикольно smile

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