Скрипты для ucoz
Шаблоны для ucoz
Иконки
Софт вебмастеру
Статьи вебмастеру
Другое
Март 2020 (119)

Вид материалов новостей uregan для ucoz



Очень красивый вид материалов новостей, код идет сразу со стилями что означает дизайн у него будит шикарный. По оттенку цвета создан для светлых порталов. Все в нем хорошо но есть одно но, не для всех этот вид подойдет по своим размерам.
Приступаем к установке:
Вида материалов для Ucoz
Обратите внимание, вид материалов создан под размер 1024.
Установка:
В вид материалов вставляем:
<div class="viewn_loop">  
  <h4 class="viewn_title"><a href="$ENTRY_URL$">$TITLE$</a>$MODER_PANEL$</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>  
  <div class="viewn_pict" ><span><img id="img$ID$" src="$IMG_URL1$" width="100" height="100" 
alt="$TITLE$" />  
   
  <script type="text/jаvascript">  
  $(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> </span></div>  
  <div class="viewn_text">  
  <div style="display:inline;">$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$" 
target="_blank">$USERNAME$</a></b>  
  </div>  
</div>  
<style>h4 {font-size:16px;}  
.viewn_loop {width:501px; color:#969696; margin:0 0 8px 0;
 background:url(http://zornet.ru/Zornet/viewn_bg.png) repeat-y 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://zornet.ru/Zornet/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://zornet.ru/Zornet/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://zornet.ru/Zornet/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://zornet.ru/Zornet/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://zornet.ru/Zornet/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://zornet.ru/Zornet/viewn_pict_bg.png) no-repeat 0 0;}  
.viewn_pict span {padding:0 22px 16px 6px; display:block; overflow:hidden;
 background:url(http://www.csomsk.ru/1-ucoz/rip/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; }  

.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://zornet.ru/Zornet/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://zornet.ru/Zornet/viewn_bg.png) no-repeat -1505px 0;}  
.viewn_link a:hover {text-decoration:none; background-position:-1505px -23px;}  
</style>
  Добавил: iUchiha | Категория: Скрипты для Ucoz | Просмотров: 321 | Дата: 26.03.2020 | Комментарии (0)
Комментарии
Имя:*
E-Mail:
Введите код: *
Кликните на изображение чтобы обновить код, если он неразборчив

Краткая информация и теги

Уважаемые пользователи сайта!

Данный материал выложен специально для вас в категории Скрипты для Ucoz. Если вы нашли ошибку в коде (будь это скрипт для uCoz) или битую ссылку для скачивания (если это шаблон для uCoz), пожалуйста сообщитем об этом в быструю связь или отправьте сообщение администратору!
Спасибо!

Теги категории:

Скрипты для Ucoz

Теги материала:

Вид материалов новостей uregan для ucoz

Пожалуйста пройдите быструю регистрацию или войдите в свой аккаунт.
Логин: Пароль:
«    Март 2021    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031 

Всего на сайте: 9
Пользователей: 1
Гостей: 8
montiekyqc
Оцените работу движка