Меню сайта
АКЦИЯ!!!
Категории раздела
Сервис
Translate my page
Выбрать язык / Select language:
Бесплатное отправление смс сообщений!
Поиск
Календарь
« Май 2024 » Пн Вт Ср Чт Пт Сб Вс 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
Архив записей
Наш опрос
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама
Главная » Вид материалов
Вид материалов с увеличением картинки для 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 на свою.
Красивый вид материала в синих тонах для онлайн кинотеатра и не только.
Скачиваем архив скрипта, в корне сайта создаем папочку [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. Скрипт написан мною для вида материалов онлайн кинотеатра, для того что бы его изменить под обычный дизайн прочтите текстовый документ в папочке
Скачать архив : Скачать
Первым делом я хотел поставить увеличение картинки, но не так как хотел получилось и я увеличил просто картинку на виде материалов и ее стало хорошо видеть. Далее рейтинг на нем не рабочий сколько скачивал везде такая же ситуация. И пришлось поставить свой и перекрасить под дизайн вида материалов. Теперь при нажатие на рейтинг он будит темнеть пока не станет темно зеленым.
Так как я увеличил картинку, когда поставите скрипт, вам нужно зайти в админ панель потом новости или файлы куда вы поставили. И выставить в Настройки модуля - Максимальная длина краткого описания: на 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>
Установка:
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. Выводите вид материала оператором информера туда, где будут выводится файлы/новости.
Заходим в вид материалов и заменяем всё на:
Код:
<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>
Потрясающий "Вид комментарий" для системы 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>
Красивый и простой вид материалов для 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>
Выполнен в синем и светлом дизайне это скрипт.Так же он красивый синий вид материалов для сайта 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>
Отличный вид материалов для 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>
Вид новостей с увеличением картинки для 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>