bar-reaktor.ru

"Помощь в развитии Сайта"     "Торрент- трекер от Наших сайтов"     "Архив сайта"

Выбрать дизайн:
  • Страница 1 из 1
  • 1
Модератор форума: XemorDio  
Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » В три колонки темный вид материалов для uCoz
В три колонки темный вид материалов для uCoz
XemorDio Дата: Вт, 13.02.2018, 15:35:04 | Сообщение # 1

В Зоне Реактора с 25.09.2013
Сообщений: 181
Заслуги в Зоне Реактора
За 100 Сообщений

Сделан под темный дизайн сайта вид материалов в 3 колонки для uCoz системы, где полностью по настройке адаптивный на все мобильные. Теперь при установке на ресурс, пользователь или гость, может корректно просматривать ваши материалы на всех носителях, это как от самого малого экрана телефона, до планшета. Все проверено и снимки представлю ниже. Где даже стилистика поставлена на заголовок, так как иногда они бывают большие, а здесь по сути не сильно широкий каркас идет. То автоматически будет убрать те знаки, что не влезли.

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

Приступаем к установке:

HTML
Код
<div class="lsagtengus_zornem">  
<div class="lsagtengus_zornem-material">  
<div class="lsagtengus_zornem-photo">  
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" /></a>  
</div>  
<a href="$ENTRY_URL$"><h4 class="lsagtengus_zornem_title">$TITLE$</h4></a>  
<span class="lsagtengus_zornem-info">$CATEGORY_NAME$</span>  
<div class="lsagtengus_zornem-message">  
<div class="bemerka-text">  
<p>$MESSAGE$</p>
</div>  
</div>  
</div>  
</div>

CSS
Код
.lsagtengus_zornem {
  position: relative;
  width: 32.1%;
  margin: 9px 0.5%;
  float: left;
}  

.lsagtengus_zornem-material {
  padding: 2px;
  margin-bottom: 3px;
  background-clip: padding-box;
  background-color: #161617;
  border-radius: 3px;
  border: 1px solid #3a3b3e;
}  
a {  
  text-decoration: none;  
}  

.lsagtengus_zornem-photo img {margin-bottom: -21px !important;width:100%;height: 187px;border: 1px solid #424448;}  
.lsagtengus_zornem_title {margin-bottom: 5px !important;color: #a5deff !important;font-weight: 700;font-size: 15.7px;white-space: nowrap;overflow: hidden;padding: 5px; text-overflow: ellipsis;}  

.lsagtengus_zornem_title:hover {color: #d9eef1 !important;text-decoration:none;}  
.lsagtengus_zornem-info {font-size: 11.5px;color: rgb(253, 251, 251);font-weight: 300;background-color: #128229;padding: 3.5px;padding-right: 7px;padding-left: 7px;border-radius: 2.3px;margin: 5px;}  
.tucon_siderable {font-size : 14px !important;margin-top: 8px !important;margin-bottom: 4.99px !important;color: #2e3033 !important;text-align: justify;}  
.lsagtengus_zornem-message {overflow: hidden;height: 83px;line-height: 19px;text-align: justify;color: #cccccc;}  
.icons {  
padding-right: 5px;  
}  
.ribbon:nth-child(even) {  
  margin-right: 5%;  
}  

.bemerka-text {
  lline-height: 0px;
  opacity: 0.97;
  margin-bottom: 5px;
  padding: 0 5px;
  height: 71px;
  overflow: hidden;
  text-align: justify;
}

@media screen and (max-width: 1100px) {  
  .lsagtengus_zornem {width: 48%;margin: 1%;}  
}  
@media screen and (max-width: 600px) {  
  .lsagtengus_zornem {width: 96%;margin: 2%;}  
}

Здесь не подключены шрифтовые кнопки, что если кто захочет поставить, то думаю будет отличным решением.



 
Форум » Для вебмастеров » Графика для сайта » Скрипты сталкер для Ucoz » В три колонки темный вид материалов для uCoz
  • Страница 1 из 1
  • 1
Поиск:

Сегодня в Баре - Реактор

Легенда условных обозначений : Призрак, Администратор, Модератор, Проводник, Сталкеры, Чистое небо, Тёмные, Свобода, Наёмники, Нейтралы, Военные, Долг, Монолит, Заблокированные .


Последние сообщения:

Чат

Активисты Форума:

Нужные темы:


Если вы ищете место где можно перекусить и отдохнуть, место, где можно хорошо выпить и поговорить, место, где вам всегда подскажут как подзаработать - подходите в БАР - РЕАКТОР! Мы всегда рады новым посетителям!
CMIT               (03.04.2016)
LENA_D               (11.10.2010)
kapa               (09.01.2014)
ULTRA               (04.09.2015)
Dimon02022               (08.11.2011)
garwas               (12.11.2011)
Strelok               (01.11.2014)
Чик@нчик               (15.04.2014)
Гвоздь               (03.11.2017)

Пришедшие в Бар:


Каха               (15.11.2018)
MGDN               (15.11.2018)
garwas0425               (14.11.2018)
Наседов               (14.11.2018)
PsуDOG               (13.11.2018)
ЯБродяга               (11.11.2018)
Яндекс.Метрика