» »

Светлый дизайн на вид новостей для uCoz


Светлый дизайн на вид новостей для uCoz

Если мы говорим о каком то модуле, нужно иметь почти все на сайте и здесь Светлый дизайн на вид новостей для uCoz изначально настроен под него. Но вы можете что то добавить в плане знаков или убрать и получиться под файлы. Он идет со стилями, который дают красивый эффект теней, при наведение на его. А теперь всем доброе время суток, дорогие друзья! Вот сижу и думаю чем же порадовать вас и вот надумал и решил выложить красивый вид материалов для сайтов uCoz. В заголовке я написал что это новостной вид материалов но это образное мнение так как я думаю его можно использовать в различных темах сайта, хоть то новостной. блоговый или даже тот игровой сайт, так что берите данный вид материалов и пользуйтесь на своё здоровье.

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

Но сделаем, код сразу со ссылками, и зальем архив, кто будет устанавливать через файловый менеджер, вообщем кто как хочет.

CSS:

Код
#news {  
width:703px;  
border:1px solid #e1dfd8;  
border-radius:5px;  
padding:20px;  
display:table;  
background:#fbfbfb;  
box-shadow:inset 0 1px 0 #fff;  
margin-bottom:20px;  
}  

#news:hover {  
box-shadow: 0 0 15px rgba(122,122,122,0.3);  
}  

.npic {  
width:205px;  
float:left;  
display:block;  
margin-right:20px;  
}  

.npic img {  
width:195px;  
height:145px;  
padding:4px;  
background:#fff;  
border:1px solid #e1dfd8;  
}  

.ncont {  
width:478px;  
float:left;  
display:block;  
}  

.ntext {  
display:block;  
margin-top:5px;  
line-height:21px;  
}  

.ninfo {  
display:block;  
margin-top:10px;  
width:476px;  
height:35px;  
line-height:35px;  
border:1px dashed #d2d0cb;  
border-radius:5px;  
}  

.edate {  
display:block;  
float:left;  
margin-left:20px;  
padding-left:20px;  
font-weight:bold;  
background:url(http://zornet.ru/Ajaxoskrip/Frank/6bZpzNc.png) left no-repeat;  
}  

.ecomm {  
display:block;  
float:left;  
margin-left:20px;  
padding-left:20px;  
font-weight:bold;  
background:url(http://zornet.ru/Ajaxoskrip/Frank/SpH4ayL.png) left no-repeat;  
}  

.readmore {  
display:block;  
float:right;  
margin-right:20px;  
font-weight:bold;  
}  

.readmore a {text-decoration:underline;color:#084c9b;}  
.readmore a:hover {text-decoration:none;color:#084c9b;}


В каркас модуля, создано для новостей.

Код
<div id="news">  
<div class="npic"><img src="$IMG_URL1$"></div>  
<div class="ncont">  
<a href="$ENTRY_URL$"><b>$TITLE$</b></a>  
<div class="ntext"><?substr($MESSAGE$, 0,150)?>...</div>  
<div class="ninfo">  
<span class="edate">$DATE$ в $TIME$</span>  
<span class="ecomm">$COMMENTS_NUM$</span>  
<span class="readmore"><a href="$ENTRY_URL$">Читать далее</a></span>  
</div></div></div>
20.09.2015 Загрузок: 2 Просмотров: 785 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
Kosten
Kosten 20.09.2015 22:081
0
Прогнал по социальным закладкам, что имеются под материалом и пошел в addurl, а там мне говорит, уже проиндексирован, не чего быстро робот подцепил быстро.
FeStemBer
FeStemBer 20.09.2015 22:082
0
Узнать можно, он адаптирован под мобильные устройства.
Kosten
Kosten 20.09.2015 22:103
0
Tventum, не проверял, проверю сейчас на нескольких сервис.
Kosten
Kosten 20.09.2015 22:124
0
Нет не адаптирован, если устанавливать на сайт, то если сайт также не адаптирован, то сразу его сделать.
Brung
Brung 20.09.2015 22:185
0
Вид материала не сложно адаптировать, как понимаю, все дело в стилях, а так не чего смотрится, раньше его видел.
Kosten
Kosten 20.09.2015 22:216
0
Brung, не знаю как этот, но вот на сайте, пришлось дорабатывать и нормально.
Kosten
Kosten 20.09.2015 22:237
0
Это обращайтесь к workman, он на раз делает адаптацию на вид материала, лично здесь на сайте он делал.
Canon
Canon 20.09.2015 23:258
0
Вообще что то не стал сильно затрагивать эту адаптацию, но если реально прижмет, придется делать, а пока гугл не понятно говорит, что понизит, но другие говорят, что не чего не делает, а специально написал, они даже на своем форуме за эту тему расплывчатый ответ дают. Их спрашивают, все адаптировал сайт, сколько к примеру время нужно ждать, ну сказали бы, месяц или 2, нет, время наступит вы увидите. Опять вопрос, как могу увидит, у меня не упали входы в вашего поиска, ответ, вообще был, что не понять и пером не описать.
Kosten
Kosten 20.09.2015 23:449
0
Canon, сам некоторые сайты смотрю по тематике и нет. И что вижу, по гуглу не проходят и сервис показывает весь сайт а не просто материал. Видать также забивают, или больше знают.
avatar