Любовь к спорту на всю жизнь
Привет, Гость!

  • Страница 1 из 1
  • 1
Форум » Всё для Ucoz » Информеры для uCoz » Тройной вид информера
Тройной вид информера
Torres_1_Дата: Пятница, 24.06.2011, 17:17 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 2124
Награды: 0
Репутация: 12
Статус: Offline
Тройной вид информера

Такой себе интересный информер, при наведении, рядом показывает скрин, а в тайтле дату создания и категорию.
# Создаём 3 информера с такими настройками:
Каталог файлов · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 · номер нужной вам категории категории.
# Заходим в шаблон информера, удаляем всё и вставляем
в первый информер:

Код
<ul class="rz"> <li class="m">   
   <a title="   
   <b>Категория:</b> $CATEGORY_NAME$<br><br>   
   <b>Дата:</b> $DATE$   
   " href="javascript:not()" onclick="window.open('$ENTRY_URL$')" onmouseover="imgOn1('<?if($IMG_URL1$)?><?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?><?else?>http://www.fifagamers.do.am/logo_03.png<?endif?>'); return true;">$TITLE$</a>   
   </li></ul>

во второй:
Код
<ul class="rz"> <li class="m">   
   <a title="   
   <b>Категория:</b> $CATEGORY_NAME$<br><br>   
   <b>Дата:</b> $DATE$   
   " href="javascript:not()" onclick="window.open('$ENTRY_URL$')" onmouseover="imgOn2('<?if($IMG_URL1$)?><?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?><?else?>http://www.fifagamers.do.am/logo_03.png<?endif?>'); return true;">$TITLE$</a>   
   </li></ul>


в третий:

Код
<ul class="rz"> <li class="m">   
   <a title="   
   <b>Категория:</b> $CATEGORY_NAME$<br><br>   
   <b>Дата:</b> $DATE$   
   " href="javascript:not()" onclick="window.open('$ENTRY_URL$')" onmouseover="imgOn3('<?if($IMG_URL1$)?><?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?><?else?>http://www.fifagamers.do.am/logo_03.png<?endif?>'); return true;">$TITLE$</a>   
   </li></ul>


Заходим в "Управление дизайном" и на все страницы на которых будет располагаться этот скрипт вставляем перед < / head > это:
Код
<!------ShowImage------>   
   <script type="text/javascript" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/informers/23123tab.js"></script>   

   <script>   
   function not(){   
   document.img1.src="http://www.fifagamers.do.am/logo_03.png"    
   document.img2.src="http://www.fifagamers.do.am/logo_03.png"    
   document.img3.src="http://www.fifagamers.do.am/logo_03.png"   
   }    
   function imgOn1(imgName1) {   
   if (document.images) {   
   document.img1.src = imgName1; }}   

   function imgOn2(imgName2) {   
   if (document.images) {   
   document.img2.src = imgName2; }}   

   function imgOn3(imgName3) {   
   if (document.images) {   
   document.img3.src = imgName3; }}   
   </script>   
   <!------ShowImage------>

в первый информер:
# Теперь вставляем в то место, где будет находиться скрипт, это:

Код
<TABLE border="2" width="100%" align="center"><tr>   
   <tr><td class="gTableTop" colspan="5" >Последние...</td></tr>   
   <td><div class="section">   

   <div id='slideshow' >    

   <ul class="tabs" width="150px">   

   <li class="current">[color=green][b]читы для CS 1.6</li>   
   <li>[color=green][b]читы для CSS</li>   
   <li>[color=green][b]шаблоны для ucoz</li>   

   </ul>   

   </div>    

       
   <div class="box visible" >   

   <TABLE width="100%" align="center"><TBODY><TR>   
   <TD valign="middle" width="50%" >   
   [color=red][b]$MYINF_37$   
   </TD>   
   <TD valign="middle" width="50%" ><IMG style="max-height: 218px;" src="http://www.fifagamers.do.am/logo_03.png" width="100%" height="100%" alt="$TITLE$"; title="$TITLE$"; border="0" vspace="2" name="img1"></TD>   
   </TR></TBODY></TABLE>   

   </div>   

   <div class="box">   

   <TABLE width="100%" align="center"><TBODY><TR>   
   <TD valign="middle" width="50%" >   
   [color=red][b]$MYINF_38$   
   </TD>   
   <TD valign="middle" width="50%" ><IMG style="max-height: 218px;" src="http://www.fifagamers.do.am/logo_03.png" width="100%" height="100%" alt="$TITLE$"; title="$TITLE$"; border="0" vspace="2" name="img2"></TD>   

   </TR></TBODY></TABLE>   
       
   </div>   

   <div class="box">   

   <TABLE width="100%" align="center"><TBODY><TR>   
   <TD valign="middle" width="50%" >   
   [color=red][b]$MYINF_39$   
   </TD>   
   <TD valign="middle" width="50%" ><IMG style="max-height: 218px;" src="http://www.fifagamers.do.am/logo_03.png" width="100%" height="100%" alt="$TITLE$"; title="$TITLE$"; border="0" vspace="2" name="img3"></TD>   

   </TR></TBODY></TABLE>   
       
   </div>   

   </div>   
   </td></tr></table>

Информеры, выделенные красным цветом, нужно заменить на свои, в таком же порядке!
Названия, выделенные зелёным цветом, нужно заменить на названия своих категорий.
Если переключение между категориями не работает, тогда, возможно, вы не подключили jQuery, для того, чтобы подключить его, нужно на всех страницах перед вставить этот скрипт:
Код
<script type="text/javascript" src="http://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/informers/53850-jquery.min.js"></script>

В общем настройки информеров могут быть любыми, можно сделать, как случайные материалы, так и последные коментируемые или лучшие материалы. Можно создать несколько закладок типа последние материалы, случайные, лучшие и ещё какие-то. Можно также добавить или убрать категории, подогнать под свой диз и т.д., кто шарит, тот разберётся.
 
Форум » Всё для Ucoz » Информеры для uCoz » Тройной вид информера
  • Страница 1 из 1
  • 1
Поиск:
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ваша операционная система:
javascript:; javascript:;
Всего ответов: 147

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33


Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.