Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт красивый вид каталога файлов светлый для uCoz (+ увеличение картинки в ajax окне)
Скрипт красивый вид каталога файлов светлый для uCoz
Delete
Дата: Четверг, 20.09.2012, 20:55 | Сообщение # 1
Проверенные
Сообщений:1075
Награды: 7


Светлый вид материала, который создан специально для каталога файлов. Также как заметили он имеет кнопки и выполнен в светлом дизайне.



исправил на этот вид



Этот код прописываем в админ панели в модуле который вы хотите поставить.

Код
<style type="text/css" media="all">  
a.news_title_v2_link{color:#7b7b7b;font-weight:bold;}  
a.news_title_v2_link:hover{color:#000000;font-weight:bold;}  
a.news_title_v2_link:active{color:#262323;}  
td.news_title_v2{overflow:hidden;background:#f2f2f2;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:4px;padding-left:6px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;}  
.news_content_v2{border-top:0 !important;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:3px;margin-top:2px;margin-bottom:2px;background:#fbfbfb;}  
.news_screen{padding:4px;background:#f0f0f0;border:1px solid #ddd;}  
.news_screen img{height:90px;width:110px;}  
.news_padding_v2{padding-left:7px;padding-bottom:4px;padding-top:4px;padding-right:7px;}  
.detals_v2{height:20px;padding:4px;color:#000;background:url('http://cstav.ru/uCoz/10_uCoz-vid-mat/5/detals_bg.png') repeat-x 0 bottom;border-left:1px solid #dddddd;border-right:1px solid #dddddd;}  

.eBlock .eScreen { background-color:#F1F1F1; width:20%; padding:15px 5px 15px 5px; }  
.eBlock .eScreen img { height:87px; cursor:pointer; }  
.eBlock .eScreen .image { width:160px; height:90px; border:1px solid #999; overflow:hidden; }  
</style>  

<table style="margin-bottom:7px;" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="news_title_v2">  
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><a class="news_title_v2_link" href="$ENTRY_URL$"><strong>$TITLE$</strong></a> $MODER_PANEL$</td>  
<td align="right" style="padding-right:5px;"></td></tr></table></td></tr><tr>  
<td class="news_content_v2">  
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="left" width="1%">  
<div class="news_screen"><noindex>  
<a colspan="2" align="left" valign="top" class="eScreen"><div class="image"><img id="img$ID$" src="$IMG_URL1$" alt="$TITLE$" /></div></a>  
<script type="text/javascript">  
$(function(){  
$('#img$ID$').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>  
</noindex></div></td>  
<td align="left" width="99%">  
<div class="news_padding_v2"><div id="news-id-1071" style="display:inline;">  
<div class="eMessage">  
<img src="http://zornet.ru/CSS-ZORNET/ND/vecst/user-chief-female-icon.png" alt="" border="0"> <b>Добавил:</b> $USERNAME$  
<div id="line_menu"></div>  
<img src="http://zornet.ru/CSS-ZORNET/ND/vecst/align-center-icon.png" alt="" border="0"> <b>Загрузок:</b> $LOADS$  
<div id="line_menu"></div>  
<img src="http://zornet.ru/CSS-ZORNET/ND/vecst/blackberry-messenger-icon.png" alt="" border="0"> <b>Описание:</b> Внутри  
<div id="line_menu"></div>  
<img src="http://zornet.ru/CSS-ZORNET/ND/vecst/application-edit-icon.png" alt="" border="0"> <b>Не забываем оставлять комментарии!</b>  
<div id="line_menu"></div>  
</div>  
<div class="EntryLine" style="border-left: 0px none; border-right: 0px none; border-bottom: 0px none;">  
<div class="BlockCont" style="padding: 0px; border-top: 0px solid rgb(204, 204, 204);">  
<div style="border-top: 1px solid rgb(204, 204, 204);" align="center"><a class="Smenu_link" href="$ENTRY_URL$">Перейти на материал</a></div>  
</div>  
</div>  
</div>  
</div></div>  
</td></tr></table>  
</td></tr><tr><td>  
<table class="detals_v2" cellpadding="0" cellspacing="0" border="0" width="100%"><tr> <td align="left">  
Просмотров: <b>$READS$</b> | Дата: <b>$DATE$</b> | Категория: <b>$CATEGORY_NAME$</b>  
</td> <td align="right" >  
<div> </div></td>  
</tr></table></td></tr></table>
Прикрепления: 7979431.jpg(69Kb) · 4248884.jpg(65Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Kosten
Дата: Четверг, 20.09.2012, 21:29 | Сообщение # 2
Администраторы
Сообщений:12672
Награды: 39


Сутейский вид.. вот только йа б иконки поменял.. но эта не проблема! Тут на вкус, может кому эти по кайфу.

by_Lawanda
Дата: Среда, 19.11.2014, 20:53 | Сообщение # 3
Пользователи
Сообщений:60
Награды: 0


А есть для вида материала и комментариев к нему?

Добавлено (19.11.2014, 20:53)
---------------------------------------------

Цитата Delete ()
Установка:
В вид материалов вставляем:


А есть для вида материала и комментариев к нему?
Kosten
Дата: Среда, 19.11.2014, 21:19 | Сообщение # 4
Администраторы
Сообщений:12672
Награды: 39


В материале ссылки битые.. так как домена уже нет.

Kosten
Дата: Среда, 19.11.2014, 21:56 | Сообщение # 5
Администраторы
Сообщений:12672
Награды: 39


Исправил, теперь битых ссылок нет.

Kosten
Дата: Среда, 19.11.2014, 22:12 | Сообщение # 6
Администраторы
Сообщений:12672
Награды: 39


Также когда искал первый код, чтоб найти значки и так не нашел и пришлось ставить другие, думаю отлично подошли. И попался мне один вид материала, код тот же самый, только немного изменен. А изменение, это нет знаков и увеличение совершенно другое картинке на виде.

Это само увеличение.



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



Вид материала, новостей или файла:

Код
<style type="text/css" media="all">
@import url(http://zornet.ru/highslide/highslide.css);
</style>
   <script type='text/javascript' src='http://zornet.ru/highslide/highslide.js'></script>   
<script type="text/javascript" src="http://zornet.ru/zornet_ru4/include_highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://zornet.ru/highslide/graphics/';
</script>   
<style type="text/css" media="all">   
a.news_title_v2_link{color:#7b7b7b;font-weight:bold;}   
   a.news_title_v2_link:hover{color:#000000;font-weight:bold;}   
   a.news_title_v2_link:active{color:#262323;}   
   td.news_title_v2{overflow:hidden;background:#f2f2f2;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:4px;padding-left:6px;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;}   
   .news_content_v2{border-top:0 !important;border:1px solid #cfcfcf;border-bottom:1px solid #dddddd !important;padding:3px;margin-top:2px;margin-bottom:2px;background:#fbfbfb;}   
   .news_screen{padding:4px;background:#f0f0f0;border:1px solid #ddd;}   
   .news_screen img{height:90px;width:110px;}   
   .news_padding_v2{padding-left:7px;padding-bottom:4px;padding-top:4px;padding-right:7px;}   
   .detals_v2{height:20px;padding:4px;color:#000;background:url('http://www.csomsk.ru/1-ucoz/news-new/ramka/detals_bg.png') repeat-x 0 bottom;border-left:1px solid #dddddd;border-right:1px solid #dddddd;} </style>   
   <table style="margin-bottom:7px;" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td class="news_title_v2">   
   <table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><a class="news_title_v2_link" href="$ENTRY_URL$"><strong>$TITLE$</strong></a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?></td>   
   <td align="right" style="padding-right:5px;"></td></tr></table></td></tr><tr>   
   <td class="news_content_v2">   
<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="left" width="1%">   
   <div class="news_screen"><noindex>   
   <?if($IMG_URL1$)?><a title="Смотреть изображение новости $TITLE$" href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)" id="ld_screen1071" ><img src="$IMG_URL1$" alt="" id="ld_screen1071" alt="$TITLE$"></a><?endif?>   
   </noindex></div></td>   
   <td align="left" width="99%">   
   <div class="news_padding_v2"><div id="news-id-1071" style="display:inline;">$MESSAGE$</div></div>   
   </td></tr></table>   
</td></tr><tr><td>   
   <table class="detals_v2" cellpadding="0" cellspacing="0" border="0" width="100%"><tr> <td align="left">   
Просмотров: <b>$READS$</b> | Дата: <b>$DATE$</b> | Категория: <b>$CATEGORY_NAME$</b>   
   </td> <td align="right" >   
   <div><?$RSTARS$('17',' http://zornet.ru/CSS-ZORNET/ND/vecst/rating.png ','1','float')?> </div></td>   
   </tr></table></td></tr></table>
Прикрепления: 4009576.jpg(105Kb) · 5527036.jpg(81Kb)


Slavik
Дата: Четверг, 20.11.2014, 04:10 | Сообщение # 7
Проверенные
Сообщений:1439
Награды: 1


Kosten, Круто! smile wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Delete
Дата: Пятница, 21.11.2014, 01:46 | Сообщение # 8
Проверенные
Сообщений:1075
Награды: 7


Цитата Kosten ()
Исправил, теперь битых ссылок нет.

ты во всех скриптах моих исправь ссылки тогда...кстав.ру уже нету же...

Добавлено (21.11.2014, 01:46)
---------------------------------------------

Цитата Admin2439 ()
А есть для вида материала и комментариев к нему?

можно этот же использовать, только придется переделать...в принцепи не сложно...


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт красивый вид каталога файлов светлый для uCoz (+ увеличение картинки в ajax окне)
Страница 1 из 11
Поиск: