[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Таблица инфометров для ucoz
AdminДата: Четверг, 13.12.2012, 22:18 | Сообщение # 1
Генералиссимус
Группа: Гл.Администратор
Сообщений: 630
Статус:


Таблица инфометров для ucoz. Данный скрипт для ucoz является уникальным так как он был написан с нуля и похожих на него нет. Окно имеет фиксированное разрешение, Увеличение скриншота в uWnd, Обрезание текста, если он превышает заданное количество символов а также другие хитрости.

Установка:

Сама таблица с информерами:
Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">    
    <tr><td width="50%" valign="top">$MYINF_1$</td>    
    <td width="50%" valign="top">$MYINF_3$</td></tr></table>


$MYINF_1$

Создаём информер по следующим параметрам:

[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 1 · Колонки: 1 · Определенные категории · Длина заголовка: 30 ]

В шаблон информера:
Code
<div style="border:1px solid #ababab;height:20px;background:#ffffff;">    
    <div style="padding-left:10px;padding-top:2px;font-size:13px;"><div style="float:right;padding-right:10px;"><a href="$ENTRY_URL$">Перейти</a></div>Последний шаблон</div></div>    
    <div style="height:92px;border-bottom:1px solid #ababab;border-right:1px solid #ababab;border-left:1px solid #ababab;background:#fff;">    
    <div style="padding-left:3px;font-size:13px;padding-top:2px;background:#fff;">    
    <table width="100%"><tr><td width="30%" valign="top"><img id="inf_1" src="$IMG_URL1$" style="cursor:pointer;width:70px;height:70px"></td>    
    <td width="70%" valign="top"><small><u><center>$TITLE$</center></u><br/><a href="javascript://" onclick="new _uWnd('name','Полный текст',300,100,{autosize: 1,modal: 1,align:'center'},$('#shab_pred').html());return false;" class="button"><center>Читать полностью</center></a>$MESSAGE$    
    </small>    
    </tr>    
    </tr></table>    
    </div></div>    
    <div id="shab_pred" style="display:none">$MESSAGE$</div>    
    <script type="text/javascript">    
    $(function(){    
    $('#inf_1').click(function(){var s="'sc'";    
    new _uWnd('sc','Реальный размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});    
    });    
    </script>


$MYINF_3$

Создаём информер по следующим параметрам:

[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 1 · Колонки: 1 · Определенные категории · Длина заголовка: 30 ]

В шаблон информера:
Code
<div style="border-left:0 !important;border:1px solid #ababab;height:20px;background:#ffffff;">    
    <div style="padding-left:10px;padding-top:2px;font-size:13px;"><div style="float:right;padding-right:10px;"><a href="$ENTRY_URL$">Перейти</a></div>Последний скрипт</div></div>    
    <div style="border-left:0 !important;height:92px;border-right:1px solid #ababab;border-bottom:1px solid #ababab;background:#fff;">    
    <div style="padding-left:3px;font-size:13px;padding-top:2px;background:#fff;">    
    <table width="100%"><tr><td width="30%" valign="top"><img id="inf_2" src="$IMG_URL1$" style="cursor:pointer;width:70px;height:70px"></td>    
    <td width="70%" valign="top"><small><u><center>$TITLE$</center></u><br/><a href="javascript://" onclick="new _uWnd('name','Полный текст',300,100,{autosize: 1,modal: 1,align:'center'},$('#shab_pred2').html());return false;" class="button"><center>Читать полностью</center></a>$MESSAGE$    
    </small>    
    </tr>    
    </tr></table>    
    </div></div>    
    <div id="shab_pred2" style="display:none">$MESSAGE$</div>    
    <script type="text/javascript">    
    $(function(){    
    $('#inf_2').click(function(){var s="'sc'";    
    new _uWnd('sc','Реальный размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});    
    });    
    </script>


Номера информеров заменяем на свои.
Прикрепления: 4214523.png (12.0 Kb)
 
  • Страница 1 из 1
  • 1
Поиск:
Вход на сайт
Наш опрос
чего больше добовлять на сайт?
Всего ответов: 133
Мини-чат

Для добавления сообщения войдите или зарегистрируйтесь.