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


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



Статистика
Онлайн всего: 20
Гостей: 18
Пользователей: 2
MaDaRa, LESIYI



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

Компактный информер 3 в 1 для ucoz

Компактный информер 3 в 1 для ucoz Компактный, информер, ucoz
Новый вид компактно информера три в одном , можно назвать и иначе его. В принципе описывать тут нечего толком , все и так видно на скрине как работает компактно и удобно с просмотром нужной версий информации.Компактный информер 3 в 1 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>  
      </td> </tr> </table>

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

    Открываем блокнот , вставляем ниже указанный скрипт и сохраняем в кодировке UTF-8 сам файл с расширением js или же скачиваем уже готовый в архиве файл 405_tubs.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})});

    и вставляем его в <head>***</head>
    таким образом
    Code
    <script type="text/javascript" src="http://ucozon.ru/SCRIN7/2/405_tubs.js"></script>

    все готово , далее настройка цвета и размеров.
  • Автор\Источник: не указан или не известен!

    Для того что бы скачать архив необходимо зайти на сайт как пользователь.
    Просмотров: 6568 | Комментарии: 8 | Рейтинг: 3.2/6 | |Категория: Скрипты информеры | Добавил: мир | Дата: 20.08.2011 | Скачали: 18 | Теги: информер, ucoz, Компактный
    Похожие новости на нашем сайте
    Коментарий к новости

    Всего комментариев: 8
    8 vasia0412   Дата: 21.02.2014  Время: 16:47   [№ 15226]
    не работает

    7 Rastadar   Дата: 13.11.2012  Время: 16:17   [№ 14033]
    три дня половой жизни, обострившийся геморрой, два сломатых бубна и вот оно (не сочтите за рекламу)(справа под минипрофилем) Удалено!

    Ответ: Сочтем за рекламу, предупреждение на будущее!

    6 alexejon   Дата: 28.11.2011  Время: 03:04   [№ 11280]
    скиньте пож ПОЛНЫЙ css. а не только нев1 и нев2.

    5 xDeasher   Дата: 25.10.2011  Время: 12:38   [№ 10855]
    Видел на другом сайте- там все работало. Делаю тут все по пунктам- работает не исправно...

    4 Krick12   Дата: 19.10.2011  Время: 20:54   [№ 10795]
    по какой рекламе кликать

    3 kgs2009   Дата: 17.10.2011  Время: 12:08   [№ 10771]
    В CSS что то не правильно, потому что кнопки не отображаются так

    2 MrTiko   Дата: 20.08.2011  Время: 21:37   [№ 10078]
    ура немного изменить и все классно !!! огромное спасибо автору !

    1 zmey6285   Дата: 20.08.2011  Время: 21:13   [№ 10077]
    не получилось


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

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


    Поиск


    На форуме

    1 Файловик. Уникальные те...

    0

    2 Куплю сайты в индексе Я...

    1

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

    9

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

    0

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

    0

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

    51

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

    1

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

    9

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

    2

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

    1


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


    Комментарии



    Copyright UcozOn.ru™ © 2008-2016


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