Вид новостей с kamorka.ucoz.com - Скрипты - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Скрипты


Всем привет, в этой статье мы будем создавать новый вид оформление новостей для uCoz
Помимо основного изображение новости, будет присутствовать текст и для этого решение нам понадобиться следующий html код:
который мы вставляем "Вид материалов" для модуля новости сайта:

Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlockcsomsk"><tr><td style="padding:3px;"> 
 <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?> 
 <div class="eTitlecsomsk" style="text-align:left;"><a href="$ENTRY_URL$"title="Перейти на страницу подробного материала">$TITLE$</a></div> 
<?if($MESSAGE$)?><div style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="width: 100%; border-collapse: collapse"><tbody><tr><?if($IMG_URL1$)?><td width="174px"><div style="background:url(http://www.csomsk.ru/1-ucoz/news-new/posterbg.png) no-repeat;width:150px;height:128px;padding-top:4px;padding-bottom:4px;padding-right:22px;padding-left:4px;cursor:pointer;"> 
 <img id="img$ID$" src="$IMG_URL1$" width="150px" height="128px" align="left" alt="$TITLE$" /> 
 
<script type="text/javascript"> 
 $(function(){ 
 $('#img$ID$').click(function(){var s="'sc'"; 
 
 
 new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');}); 
 }); 
</script> 
</div></td><?endif?> <td>$MESSAGE$<br><b>Категория:</b> <strong>$CATEGORY_NAME$</strong></td> <td style="vertical-align: bottom; letter-spacing: 0pt; word-spacing: 0pt; text-align: right"> <input title="Перейти на страницу подробного материала" class="buttonprofile" onclick="document.location.href='$ENTRY_URL$'; return false;" value="Смотреть" type="button"></td> 
 </tr></tbody></table> 
 </div><?endif?> 
 <?if($ATTACHMENTS$)?><div class="eAttach"><b>Прикрепления:</b> $ATTACHMENTS$</div><?endif?><div class="eDetailscsomsk" style="clear:both;"> 
 <?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?> 
 <?if($CATEGORY_NAME$)?><b>Категория:</b> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?> 
 Просмотров: $READS$ | 
 <?if($USERNAME$)?><b>Добавил:</b> <a href="$PROFILE_URL$">$USERNAME$</a> |<?endif?> 
 Дата: <span title="$TIME$">$DATE$</span> 
 <?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$"><b>Комментарии</b> ($COMMENTS_NUM$)</a><?endif?> 
 </div></td></tr></table>

 

И css стили:
Code
/*****Вид новостей*****/
.eMessagecsomsk a img, .eMessagecsomsk img {padding:3px !important;background:#ffffff;  
border:1px solid#dbdbdb !important;border-radius:4px;  
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}  
a img {border:0px;}  
.eTitlecsomsk {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://www.csomsk.ru/images2/1060.png') ;}  
.eTitlecsomsk a:link {text-decoration:none; color:#FFFFFF;}  
.eTitlecsomsk a:visited {text-decoration:none; color:#FFFFFF;}  
.eTitlecsomsk a:hover {text-decoration:none; color:#CCCCCC;}  
.eTitlecsomsk a:active {text-decoration:none; color:#FFFFFF;}  
.eBlockcsomsk {background:#fff;border:1px solid #CCCCCC;}  
.eBlocksincsomsk {background:#fff;border:0px solid #000;}  
.eDetailscsomsk {background:url('http://www.csomsk.ru/images2/28.png');color:#60606B;padding-bottom:5px;padding-top:3px; text-align:left;font-size:7pt; }

Важно!

При копировании материала указывать ссылку на источник.

- 399
- 16-Октября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта