• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт красивый вид каталога файлов светлый для uCoz (+ увеличение картинки в ajax окне)
Скрипт красивый вид каталога файлов светлый для uCoz
Delete
Четверг, 20 Сентября 2012 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 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 (68.5 Kb) · 4248884.jpg (65.4 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Четверг, 20 Сентября 2012 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Сутейский вид.. вот только йа б иконки поменял.. но эта не проблема! Тут на вкус, может кому эти по кайфу.
Страна: (RU)
by_Lawanda
Среда, 19 Ноября 2014 | Сообщение 3
Оффлайн
Пользователи
Сообщений:60
Награды: 0
А есть для вида материала и комментариев к нему?

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

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


А есть для вида материала и комментариев к нему?
Страна: (RU)
Kosten
Среда, 19 Ноября 2014 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
В материале ссылки битые.. так как домена уже нет.
Страна: (RU)
Kosten
Среда, 19 Ноября 2014 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Исправил, теперь битых ссылок нет.
Страна: (RU)
Kosten
Среда, 19 Ноября 2014 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44269
Награды: 70
Также когда искал первый код, чтоб найти значки и так не нашел и пришлось ставить другие, думаю отлично подошли. И попался мне один вид материала, код тот же самый, только немного изменен. А изменение, это нет знаков и увеличение совершенно другое картинке на виде.

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



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



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

Код
<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 (105.1 Kb) · 5527036.jpg (80.6 Kb)
Страна: (RU)
Slavik
Четверг, 20 Ноября 2014 | Сообщение 7
Оффлайн
Vip
Сообщений:1767
Награды: 4
Kosten, Круто! smile wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Delete
Пятница, 21 Ноября 2014 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
Цитата Kosten ()
Исправил, теперь битых ссылок нет.

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

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

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

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


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