Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » Вид материалов
« 1 2 3 4 5 »

 

Вид материалов с увеличением картинки для Ucoz 

 Код

<div id="entryID55"><link type="text/css" rel="StyleSheet" href="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/csefob--my.css" />     
    <script type="text/javascript" src="http://fifagamers.ru/highslide/highslide.js"></script>     
    <script type="text/javascript">hs.graphicsDir = 'http://fifagamers.ru/highslide/graphics/';</script>     
    <div class="news">     
    <div class="news_1"><a href="$ENTRY_URL$">$TITLE$</a> </div>     
    <div class="news_2"><div class="news_2n">     
    <table>     
    <tr>     
    <td valign="top"><div class="ramka">     
    <a href="$OTHER1$" onclick="return hs.expand(this, {captionId: 'caption1'};)">     
    <img src="$OTHER1$" width="119px" height="91px" border="0" alt="" />     
    </a>     
    </div></td>     
    <td valign="top">$MESSAGE$<br></td>     
    </tr>     
    </table>     
    </div></div>     
    <div class="news_3">     
    <table width="100%">     
    <tr>     
    <td><a href="$ENTRY_URL$">Подробнее...</a></td>     
    <td style="padding-left:220px" align="right">Просмотров: $READS$ |Рейтинг : $RATING$</div></td>     
    </tr>     
    </table>     
    </div></div>

Можно изменить ширину блока(width). Для этого заливаем CSS к себе на сайт: (http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/csefob--my.css), затем нажимаем редактировать, с помощью поиска на странице(CTRL+F) ищем строку .news {width:658px;margin:0 auto} и значение 648 меняем на подходящее вам, то есть чем меньше это число, тем меньше будет рамка. Попробуйте поставить 500, тогда все будет хорошо, если нет ставьте меньше. Думаю разберетесь. и конечно же в Виде материалов заменить ссылку с файлом /csefob--my.css на свою. 
 

Категория: Вид материалов | Просмотров: 638 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Красивый вид материала в синих тонах для онлайн кинотеатра и не только. 

Скачиваем архив скрипта, в корне сайта создаем папочку [img]и заливаем в нее все картинки, далее копируем код скрипта и вставляем в
Вид материалов: 

Код:


<div id="block_top_video"><div style="padding-left: 10px;"><b>$TITLE$</b><?if($MODER_PANEL$)?><div style="float: right;">$MODER_PANEL$</div><?endif?></div></div> 
<div id="block_video"><div id="block_content_video"> 
  <div style="float: left;width: 185px;"> 
  <div style="background: url('/img/lenta_new.png') no-repeat; padding: 2% 3%; text-align:center;"><?if($OTHER1$)?><img src="$OTHER1$" width="155" height="223"><?else?><img width="150" src="/img/no_no_images.JPEG"><?endif?> </div> 
  </div> 
  <div style="margin-left: 191px;"> 
  <div style="padding: 1px 1px 1px 0px; min-height: 275px;">$MESSAGE$</div> 
  </div> 
</div></div> 
<div id="block_footer_video"> 
  <div style="float: left;width: 185px;"> 
  <div style="padding: 3% 5%;text-align:center;"><a title="Нажми для просмотра $TITLE$ online" href="$ENTRY_URL$" class="css_view"></a></div></div> 
  <div style="margin-left: 191px;"> 
  <div style="height:20px; padding: 1px;"><div style="float: left;"><img src="/img/news/reit_new.png" border="0"><b>Жанр</b>: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | <b><img src="/img/news/prosmotr_new.png"> Просмотров:</b> [<b>$READS$</b>]</div><div style="float: right;"><?$RSTARS$('20','/img/news/rating.png','1','float')?></div></div> 
  <div style="height:20px; padding: 1px;"><div style="float: left;"><a title="Количество комментариев $TITLE$ ($COMMENTS_NUM$)" href="$COMMENTS_URL$"><b>Комментарии</b> ($COMMENTS_NUM$)</a> | <a href="../forum/">Обсудить на форуме</a></div><div style="float: right;text-align:right;"><font color="red">$RATING$</font>(голосов: $RATED$)</div></div> 
  </div> 
</div> 

$OTHER1$ - Дополнительное поле, в которое помещяете ссылку на изображение и оно отобразит вам в новостях. 

CSS: 

Код:

/*----------------------Вид-материалов-fifagamers.ru------------------------*/ 

Код вставляем в любую часть своего css файла. 

/* --Блок материалов-- */ 

#block_top_video{ 
    float: top; 
    color: #000000; 
    background: url(/img/bg_top_new.png) left no-repeat; 
    font-weight: bold; 
    font-size: 12px; 
    text-align: left; 
    line-height: 40px; 
    height: 40px; 
    } 

#block_video{ 
    width:650px; 
    background: url(/img/bg_body_new.png) left top repeat-y; 
    font-size: 11px; 
    } 

#block_content_video{ 
    color: #000000; 
           text-align: left;      
    } 

#block_footer_video{ 
           margin-bottom: 3px; 
    float: bottom; 
    background: url(/img/bg_bottom_new.png) left top no-repeat; 
    height: 41px; 
    } 

/* --Блок материалов/END-- */

 PS. Скрипт написан мною для вида материалов онлайн кинотеатра, для того что бы его изменить под обычный дизайн прочтите текстовый документ в папочке 
Скачать архив : Скачать

Категория: Вид материалов | Просмотров: 482 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Первым делом я хотел поставить увеличение картинки, но не так как хотел получилось и я увеличил просто картинку на виде материалов и ее стало хорошо видеть. Далее рейтинг на нем не рабочий сколько скачивал везде такая же ситуация. И пришлось поставить свой и перекрасить под дизайн вида материалов. Теперь при нажатие на рейтинг он будит темнеть пока не станет темно зеленым. 
Так как я увеличил картинку, когда поставите скрипт, вам нужно зайти в админ панель потом новости или файлы куда вы поставили. И выставить в Настройки модуля - Максимальная длина краткого описания: на 550. Тогда будит красиво смотреться краткое сообщение. 
На этом все, дело дошло до установки. 
В вид материала прописываем этот код. 

<div class="block rad_top"><div class="block_title_gm rad_top" style="border:1px solid #291f14; border-bottom:0px;"><a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$</div>    
    <div class="block_content_gm" style="padding: 0px;border:1px solid #291f14;">    
    <table border="0" cellpadding="0" cellspacing="0" width="100%">    
    <tbody><tr>    
    <td width="150" style="padding:5px; border:0px; background:#443322; border-right:1px solid #291f14;" align="center" valign="top">   
<div style="overflow:hidden !important;"><a href="$SOURCE_URL$" title="$TITLE$"><img src="$IMG_URL1$" alt="$TITLE$" width="203" height="145"></a></div></td>   
<td style="padding:0px; background:#443322;" valign="top">    
    <div style="padding:5px; line-height: 15px; background:#443322;color:#fff;"><span style="color:#fff;font-family:Tahoma;text-align:justify;">$MESSAGE$</span><br></div>    
    </td>    
    </tr></tbody></table>    
    </div>    
    <div style="border:1px solid #291f14; border-top:0px;background:#77bb3f; padding:5px 5px; color:#443322;" class="rad_bottom">    
    <span style="float:right;padding-right:4px;"> <?if($RATING$)?><div style="float:right"><?$RSTARS$('17',' http://zornet.ru/ZORNET-RU/rating.png ','1','float')?></div><?endif?> </span>    
    <a href="$CATEGORY_URL$"><strong>$CATEGORY_NAME$</strong></a> |    
    Просмотров: <strong>$READS$</strong> |    
    Загрузок: <strong>$LOADS$</strong> |    
    Добавил: <a href="$PROFILE_URL$" target="_blank"><strong>$USERNAME$</strong></a>    
    </div>    
    </div><div style="padding-top: 7px;"></div> 
<style> 
      .block_gm {border:1px solid #291f14;width:200px;} .block_content_gm {padding:5px; color:#fff; border:0px; border-top:1px solid #291f14;}    
.block_title_gm {padding:7px 7px; border:0px; border-bottom:1px solid #291f14; font-weight:bold; color:#fff;background:url(http://zornet.ru/ZORNET-RU/21.png) repeat-x;text-shadow: 0px 1px 1px rgb(0, 0, 0)}    
.rad_5 {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}    
.rad_top {-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}    
.rad_bottom {-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}    
.rad_top-right {-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;}    
.rad_bottom-right {-webkit-border-radius: 0 0 5px 0;-moz-border-radius: 0 0 5px 0;border-radius: 0 0 5px 0;} 
</style>

 

 

 

Категория: Вид материалов | Просмотров: 585 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Установка: 

1. Идёте: ПУ » Горизонтальное меню и выбираете там "Информеры", создаете информер по критериям: 

[ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 14 · Колонки: 2 · Длина заголовка: 25 ] 

и заменяете стандартный код шаблона информера на этот: 

Код:

<table border="0" cellpadding="0" cellspacing="0" height="170" width="235">    
<tbody><tr><td background="/images/vverx_1.jpg" bgcolor="#ff6907" height="26">    
<span class="blockTitle1"> <font color="#ffffff"><a href="$ENTRY_URL$">$TITLE$</a></font></span></td></tr>    
<tr><td style="background: url("/images/fon_44.jpg") no-repeat scroll 0% 0% transparent;" class="mTd">    
<a href="$ENTRY_URL$"><img style="margin-left: 15px; margin-right: 5px; margin-top: 5px;" src="$SOURCE_URL$" title="Скачать "$TITLE$" для PSP торрентом" align="left" height="100" width="80"></a><b>Категория</b>:<br> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><br>    
<b>Размер</b>: $RFILE_SIZE$<br>    
<b>Скачан</b>: $LOADS$<br>    
<br><br><br><br>    

    <a href="$ENTRY_URL$" title="Скачать "$TITLE$" для PSP торрентом"><img src="/images/downl.gif" border="0"></a>    
</td></tr>    
</tbody></table>    

<br>    
<br>

2. Качаете этот архив:Скачать 

3. Создаете папку в Файловом менеджере под названием: images и заливаете все из архива в эту папку. 

4. Выводите вид материала оператором информера туда, где будут выводится файлы/новости.

Категория: Вид материалов | Просмотров: 480 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Заходим в вид материалов и заменяем всё на: 

Код:

  
  <div class="cell_news">   
   <div class="cell_news_title"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2><span class="right">$MODER_PANEL$</span></div>   
   <div class="cell_news_dop1">   
   <?if($DATE$)?><span title="$WDAY$ в $TIME$">$DATE$</span><?endif?>   
   <span class="right">   
   <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881---fon_img_reiting.gif" alt="рейтинг" /> $RATING$ ($RATED$) | <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881000fon_img_glaz.png" alt="просмотров" /> $READS$ | <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/881---fon_img_coment.png" alt="комментарии" /><a href="$COMMENTS_URL$"> ($COMMENTS_NUM$)</a>   
   </span>   
   </div>   
   <?if($MESSAGE$)?><div class="cell_news_content">$MESSAGE$</div><?endif?>   
   <div class="cell_news_dop2">   
   <?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?endif?>   
   <span class="right">Дополнительно</span>   
   </div>   
   </div>   
<style> 
      .cell_news_title {   
   float:left;   
   width:100%;   
   border-bottom: 1px solid #D6D6D6;   
   }   
     
   .cell_news_title h2 {   
   float:left;   
   margin: 0;   
   font: 145%/1.5 Verdana,Arial,Helvetica, sans-serif;   
   font-weight: bold;   
   }   

   .cell_news_content {   
   float:left;   
   text-align:justify;   
   font: 105%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#555;   
   width:100%;   
   padding: 10px 0px 10px 0px;   
   }   

   .cell_news_dop1 {   
   float:left;   
   font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;   
   width:100%;   
   padding: 5px 0px 5px 0px;   
   }   

   .cell_news_dop2 {   
   float:left;   
   font:9px Verdana,Arial,Helvetica, sans-serif; color:#999;   
   width:100%;   
   padding: 5px 0px 5px 0px;   
   }   

   .cell_news_dop1 {   
   border-bottom: 1px solid #D6D6D6;   
   }   

   .cell_news_dop2 {   
   border-top: 1px solid #D6D6D6;   
   }   

   .left {   
   float:left;   
   }   

   .right {   
   float:right;   
   } 
</style> 

 

 

 

Категория: Вид материалов | Просмотров: 451 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Потрясающий "Вид комментарий" для системы uCoz. Отличный выбор для сайтов, у которых установлен светлый дизайн. Установка на удивление проста! 
Проходим в: Панель управления » Управление дизайном » Вид комментариев.  

Код:

<style>     
     .main_comments_class {border: 1px dashed #e7e7e7; background-color: #f9f9f9; width: 100%;}     

     .main_comments_title {border-bottom: 1px dashed #e7e7e7; width: 100%; height: 20px; font-family: Verdana; font-size:14px; color: #a9a9a9;}     

     .comment_avatar_url {border-right: 1px dashed #e7e7e7; width: 84px; vertical-align: top;}     

     .comment_message_url {width: 500px; vertical-align: top; font-family: Verdana; color: #b8b8b8; font-size: 12px;}     

     .table_avatar_message {height:100%;}     

     num {font-size: 14px; font-weight: bold; color: #929292;}     

     date {font-size: 11px; vertical-align:center;}     

     </style>     

     <body>     

     <table class="main_comments_class">     
     <tr>     
     <td class="main_comments_title"><num>$NUMBER$.</num> $USERNAME$ <date>($TIME$ $WDAY$)</date> $MODER_PANEL$</td>     
     </tr>     
     <tr>     
     <td><table class="table_avatar_message">     
     <tr>     
     <td class="comment_avatar_url"><a href="$PROFILE_URL$" >     

     <?if ($USER_AVATAR_URL$) ?>     
     <img src="$USER_AVATAR_URL$" width="80" border="0" />     
     <?else?>     
     <img src="http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/vid-koment-noava.gif" width="80" border="0" >     
     <?endif?>     
     </a></td>     
     <td class="comment_message_url">$MESSAGE$</td>     
     </tr>     
     </table></td>     
     </tr>     
     </table>

 

Категория: Вид материалов | Просмотров: 516 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Красивый и простой вид материалов для uCoz. Может применяться для сайтов любой тематики, но мы рекомендуем использовать данный вид новостей исключительно для сайтов для женщин. Или для сайтов содержащих много фиолетового и розового. 

В вид материалов: 

 Код

<div id="entryID286">    
    <div class="material">    
    <table cellpadding="0" class="materialcolor" cellspacing="0" width="100%">    
    <tbody>    
    <tr>    
    <td valign="top" class="titlematerial">    
    <a href="$ENTRY_URL$"><div class="titleurlmaterial"><a href="$ENTRY_URL$">$TITLE$</a></div></a><div style="float:right;font-size:9px;">$MODER_PANEL$</div>    
    <div style="float:right;"/>    
    <div class="righttitle">    
    <span>$COMMENTS_NUM$</span>    
    комментария    
    <span>$READS$</span>    
    просмотров    
    </div>    
    </td>    
    <td class="screnn" rowspan="2">    
    <div id="imgmat286" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">    
    <img alt="$TITLE$" src="$IMG_URL1$" style="float:right;max-width:200px !important; max-height:150px !important; overflow:hidden !important;">    
    </div>    
    </td>    
    </tr>    
    <tr>    
    <td valign="top" width="100%" class="contentmaterial">$MESSAGE$</td>    
    </tr>    
    </tbody>    
    </table>    
    </div>    
    </div> 

<style> 
      .materialcolor{border-top:1px solid rgba(255,255,255,0.5);box-shadow:1px 1px 0px #4d4a4d;background:#a57aca;padding:10px;border-radius:3px;}    
    .material{margin-top:10px;border-radius:3px;border-top:1px solid rgba(0,0,0,0.4);}    
    .screnn {padding-left:9px;}    
    .screnn div{background:#fff;border-radius:3px;border:8px solid white;}    
    .screnn div img{border-radius:3px;}    
    .titleurlmaterial {float:left;font-size: 10pt;color:white;font-family: tahoma;font-weight: bold;margin-bottom:10px;text-shadow: 1px 1px 0px #4d4a4d;}    
    .righttitle{float:right;font-size: 9pt;color:white;font-family: tahoma;}    
    .titlematerial span{padding:3px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);    
    background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}    
    #textmaterial {font-family: Verdana, Arial, Helvetica, sans-serif!important; font-size: 8pt!important;background:white; border-radius:3px;padding:3px;border:1px solid #dedede;}    
    #imgmaterial{padding-bottom:5px;}    
    #pagehead{font-size: 11pt;color:white;font-family: tahoma;margin:13px 0 0 500px}    
    #pagehead #pagespanhead{padding:5px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.6);    
    background:rgba(0,0,0,0.2);color:white;font-family: tahoma;border-bottom:1px solid rgba(255,255,255,0.6);border-radius:3px;}    
    #pagehead #pagespanhead span{color:white;font-family: tahoma;font-size: 11pt;}    
    .contentmaterial {background:#fff;border-radius:3px;padding:8px;box-shadow:inset 1px 1px 0px #4d4a4d;} 
</style>

 

Категория: Вид материалов | Просмотров: 585 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Выполнен в синем и светлом дизайне это скрипт.Так же он красивый синий вид материалов для сайта ucoz, вид материала файлов создан органично для светлых дизайн сайтов на них он смотреться будит шикарно, да и сам вид красивый , можно скриативить, и попробовать поставить на другой дизайн сайта. 
Приступаем к установке: 
П.У - далее находим Каталог файлов - вид материалов и меняем в нем все на наш код 

 Код


<style type="text/css" media="all">@import url(http://fifagamers.ru/highslide/highslide.css);</style>    
    <script type="text/javascript" src="http://fifagamers.ru/highslide/highslide.js"></script>    
    <script type="text/javascript">hs.graphicsDir = 'http://www.fifagamers.ru/highslide/graphics/';</script>    

    <style>#menublt {margin: 0px;padding: 0px 0px;background: white; }    
    #menublt a {margin: 0px;padding: 4px;display: block;background: #f1f1f1;border:1px solid #cccccc;margin-bottom:2px;}    
    #menublt a:hover {text-decoration: none;background-color: #FFF;}    
    .iim{border:1px solid #FFF;max-width: 150px;}</style><div id="entryID36990"><div style="border-top:1px solid #1c87b2;"><div style="background:#36a2cd;color:#FFF;border-left:1px solid #36a2cd;border-right:1px solid #36a2cd;border-top:1px solid #44b0da;border-bottom:1px solid #36a2cd;font-size:12px;"><a href="$ENTRY_URL$" class="newslink" style="color:#FFF;"></a><div style="padding:5px;"><b style="color: rgb(255, 255, 255); "><a href="$ENTRY_URL$" class="newslink" style="color:#FFF;">$TITLE$</a> $MODER_PANEL$</b></div></div></div></div>    
    <div style="background:#efefef;padding:7px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;">    
    <table width="100%"><tbody><tr><td align="left" valign="top">    

    <noindex><a href="$IMG_URL1$" style="max-width: 150px;" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><div style="margin-top: 1px;"></div>    
    <img src="$IMG_URL1$" style="max-width: 150px;" align="left" border="0" width="160" height="142"></a></noindex>    

    </td><td width="100%" align="left" valign="top">    
    <div id="menublt"><a href="$ENTRY_URL$#comments">Комментариев: 0 </a><a href="$PROFILE_URL$">Добавил: $USERNAME$</a><font color="#4d6d91"><a href="$CATEGORY_URL$">Категория: $CATEGORY_NAME$ </a></font><a style="color:#4D6D91">Просмотры: $READS$</a><a style="color:#4D6D91">Рейтинг: $RATING$</a> <font color="#4d6d91"><a href="$ENTRY_URL$">Подробнее: Скачать\Смотреть</a></font></div>    
    </td></tr></tbody></table></div>    
    

 

 

 

Категория: Вид материалов | Просмотров: 1063 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Отличный вид материалов для uCoz. Это вид материалов выглядит очень красиво, как на обложке глянцевого журнала. Заголовок оформлен красивым фоновым градиентным изображением. Есть кнопка «подробнее», которая ведет в само тело статьи. Нижняя часть, также красиво оформлена градиентным фоновым изображением. Хорошо смотрятся также, оформление даты добавления материала и раздел, в который он добавлен. Скрипт вид материалов модуля для uCoz доработан, исправлен и налажен сайтом webanfarwol.ru — Скрипты для uCoz. Изначальный же автор этого скрипта новостей — неизвестен. Перейдем к установке . . . 

Панель Управления => Управление дизайном => Новости сайта (или любой другой модуль, например «каталог файлов» — везде будет работать) => Вид материалов и здесь заменяем весь существующий код на новый: 

 Код


<div class="viewn_loop">  
   <h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a></h4>  
   <div class="viewn_cont">  
   <div class="viewn_detail">  
   <div class="viewn_date"><span>$DATE$, $TIME$</span></div>  
   Раздел: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
   </div>  
   <noindex><div class="viewn_pict"><span><a href="$IMG_URL1$" onclick="return hs.expand(this)" title="Рип шаблона Sp1nn-portal"><img src="$IMG_URL1$" width="198" alt="$TITLE$" /></a></span></div></noindex>  
   <div class="viewn_text">  
   <div id="news-id-293" style="display:inline;">  
     
   310)?> <a href="$ENTRY_URL$">Читать далее =></a>$MESSAGE$   
     
   </div>  
   </div>  
   </div>  
   <div class="viewn_bottom">  
     
   <div class="viewn_link"><a href="$ENTRY_URL$">Подробнее</a></div>  
   Комментарии <b>($COMMENTS_NUM$)</b> Просмотры: <b>$READS$</b> добавил: <b><a href="$PROFILE_URL$">$USERNAME$</a></b>  
   </div>  
</div>  

<style> 
/*-------- Вид материалов fifagamers.ru --------*/  
.viewn_loop {width:501px; color:#969696; margin:0 0 8px 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) repeat 0 0;}  
.viewn_title {height:32px; line-height:32px; overflow:hidden; margin:0; padding:0 0 0 14px; font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px 1px #2384a0; background:#40a9c3 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px 0;}  
.viewn_title a {color:#fff; text-decoration:none;}  
.viewn_title a:hover {text-decoration:underline;}  
.viewn_cont {padding:7px 4px 6px 4px; overflow:hidden; line-height:1.6; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -501px -32px;}  

.viewn_detail {width:483px; overflow:hidden; padding:2px 8px 3px 8px; margin:0 0 3px -3px; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1662px bottom;} 
.viewn_detail a {font-weight:bold; color:#969696; text-decoration:none;}  
.viewn_detail a:hover {text-decoration:underline;}  
.viewn_date {float:left; padding:0 4px 0 0; margin:-2px 6px 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat right 0;}  
.viewn_date span {min-width:70px; height:22px; line-height:22px; display:block; padding:0 0 0 33px; float:left; color:#929292; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -2163px 0;}  

.viewn_pict {width:226px; padding:7px 0 0 0; float:left; margin:0 -5px 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat 0 0;}  
.viewn_pict span {padding:0 22px 16px 6px; display:block; overflow:hidden; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_pict_bg.png) no-repeat -226px bottom;}  
.viewn_pict img {width:198px; min-height:140px; vertical-align:top;}  
.viewn_pict img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); opacity:0.8;}  

.viewn_text {padding:0 0 0 4px; overflow:hidden;}  

.viewn_bottom {height:24px; padding:12px 0 0 28px; overflow:hidden; font-size:10px; color:#f6f6f6; text-shadow:1px 1px 1px #818181; background:#979797 url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1002px bottom;}  
.viewn_bottom b {margin:0 8px 0 0;}  
.viewn_bottom a {color:#f6f6f6; text-shadow:1px 1px 1px #818181; text-decoration:none;}  
.viewn_bottom a:hover {text-decoration:underline;}  
.viewn_link {width:101px; height:21px; float:left; margin:-3px 26px 0 0;}  
.viewn_link a {width:93px; height:21px; line-height:21px; padding:0 0 0 8px; display:block; font-size:10px; color:#6e6e6e; text-shadow:none; text-decoration:none; background:#fefefe url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bg.png) no-repeat -1505px 0;}  
.viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;}  

.viewn_statick .viewn_bottom {height:7px; padding:0; margin:0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_bottom_bg.png) no-repeat 0 0;}  

.viewn_statick .viewn_cont {padding: 7px 6px 6px 6px;}  

.viewn_inner_pict {width:400px; margin:10px auto 16px auto; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) repeat-y 0 0;}  
.viewn_inner_pict span {display:block; padding:6px 0 0 0; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -400px 0;}  
.viewn_inner_pict span span {padding:0 7px 6px 7px; background:url(http://www.fifagamers.ru/vsio_dlya_ucoz/skripti1/vid-mat/1133---viewn_inner_pict.png) no-repeat -800px bottom;}  
.viewn_inner_pict img {width:386px; vertical-align:top;}  
/*-----------------------------------------------*/ 
</style> 

 

 

Категория: Вид материалов | Просмотров: 472 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

 

Вид новостей с увеличением картинки для uCoz Зеленный Вид материалов с увеличением 
Для просмотра скриншота в полном размере нажмите на него! 
Вид новостей : 

Код:

<link type="text/css" rel="StyleSheet" href="http://nn-cs.3dn.ru/_st/my.css" />    
<style type="text/css" media="all">    
@import url(http://csomsk.ru/highslide/highslide.css);    
</style>    
<script type="text/javascript" src="http://csomsk.ru/highslide/highslide.js"></script>    
<script type="text/javascript">    
hs.graphicsDir = 'http://csomsk.ru/highslide/graphics/';    
</script>    
<div class="all_entry">    
<div class="entry-title"><a href="$ENTRY_URL$"><b>$TITLE$</b></a> <div style="margin-top:-13px; margin-right:10px;" align="right"></div> </div>    
<div class="entry-info_top"><table><tr><td class="e-autor">Добавил: <a href="javascript://" rel="nofollow" onclick="window.open('javascript://" rel="nofollow" onclick="window.open('$PROFILE_URL$','up393','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;','up1769','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">$USERNAME$</a></td><td class="e-data">Дата : $DATE$</td></tr></table><div style="float:right; margin-top:-16px; margin-right:8px;"><style type="text/css">.u-star-rating{list-style:none;margin:0px;padding:0px;width:60px;height:12px;position:relative;background: url('http://nn-cs.3dn.ru/img/rate.png') top left repeat-x;}.u-star-rating li{padding:0px;margin:0px;float:left;}.u-star-rating li a{display:block;width:12px;height: 12px;line-height:12px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden;}.u-star-rating li a:hover{background: url('http://nn-cs.3dn.ru/img/rate.png') left center;z-index:2;left:0px;border:none;}.u-star-rating a.u-one-star{left:0px;}.u-star-rating a.u-one-star:hover{width:12px;}.u-star-rating a.u-two-stars{left:12px;}.u-star-rating a.u-two-stars:hover{width:24px;}.u-star-rating a.u-three-stars{left:24px;}.u-star-rating a.u-three-stars:hover{width:36px;}.u-star-rating a.u-four-stars{left:36px;}.u-star-rating a.u-four-stars:hover{width:48px;}.u-star-rating a.u-five-stars{left:48px;}.u-star-rating a.u-five-stars:hover{width:60px;}.u-star-rating li.u-current-rating{top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('http://nn-cs.3dn.ru/img/rate.png') left bottom;position: absolute;height:12px !important;line-height:12px !important;display:block;text-indent:-9000px;z-index:1;}</style><script type="text/javascript">var usrarids={};function ustarrating(id,mark){if (!usrarids[id]){usrarids[id]=1;$(".u-star-li-"+id).hide();_uPostForm('',{type:'POST',url:'/index/',data:{'a':'65','id':id,'mark':mark,'mod':'index','ajax':'2'}});}}</script><ul id="uStarRating462" class="u-star-rating" title="Рейтинг: $RATING$">    
<li class="u-current-rating" id="uCurStarRating462" style="width:100%;"></li>    
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',1);return false;" class="u-one-star">1</a></li>    
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',2);return false;" class="u-two-stars">2</a></li>    
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',3);return false;" class="u-three-stars">3</a></li>    
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',4);return false;" class="u-four-stars">4</a></li>    
<li class="u-star-li-462"><a href="#" onclick="ustarrating('462',5);return false;" class="u-five-stars">5</a></li></ul></div></div>    
<div class="entry_cont">    
<table cellspacing="0" border="0" cellpadding="0" width="100%" style="padding:8px"><tr><td>    

<td align="left">    
<a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"><img class="pod-img" width="153px" height="111px" alt="" border="0" src="$IMG_URL1$"></a>    
</td>    

<td align="left">    
<font face="Tahoma">$MESSAGE$<span class="entryReadAll"></span></td></tr></table>    
</div>    
<div class="entry-info_foot">    
<table><tr><td class="e-reads">Просмотров : $READS$</td><td class="e-comm">Комментариев : $COMMENTS_NUM$</td></tr></table>    

<div class="viewn_pod"> <a href="$ENTRY_URL$" class="viewn_open">Подробнее</a></div>    

</div></div>

 

Категория: Вид материалов | Просмотров: 469 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)


Copyright "IPC" © 2008
Хостинг от uCoz