Наша Кнопка



Мини профиль
Онлайн лист
Онлайн всего: 3
Гостей: 3
Пользователей: 0
Пользователи
Гости сайта
Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz [ Добавить материал ]

Вид материалов или статей в стиле Google Play Для ucoz

Добавил: Гость » Дата: 14.12.2017
Категория:
Скрипты для Ucoz
Представляю вашему вниманию новый адаптированый скрипт.вид статей,или вид материалов его можно использовать,как и в статьях так и в каталоге файлов,источника файла я не нашел,так что будет тесткс,скрипт красивый,вам придется его под себя сделать,поставить в блок,изменить размер,и количество вывода материала,сделать кнопки которые вам более все подойдут по дизайну сайта !Скрипт сделан на кнопках синим цветом,сам скрипт прозрачный,тоисть фона нету в нем,установка в 1 шаг.без css,так что не нагружается этим скриптом ваш сайт,и так преходим в установке скрипта Googl Play!
Установка:
Код
<div style="float:left;width:24%">  
  <center>  
  <a href="$ENTRY_URL$" ><img style="background: url('$IMG_URL1$'); width: 78px; height: 78px; border: 3px solid #d4d4d4; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;"></a>  
  <div style="padding:4px;"></div>  
  <a href="$ENTRY_URL$" class="EntryTitle"><?if(len($TITLE$)>17)?><?substr($TITLE$,0,17)?>...<?else?>$TITLE$<?endif?></a>  
  <div style="padding:3px;"></div>  
  <a class="EntryCat34" href="$CATEGORY_URL$">$CATEGORY_NAME$</a>  
  <div style="padding:3px;"></div>  
  <?$RSTARS$('16','/images/rating_star_12.png','1','int')?>  
  <div style="padding:4px;"></div>  
  <a href="$ENTRY_URL$" class="buy-button">Подробнее</a>  
  </center>  
  <div style="padding:5px;"></div>  
  <div style="border-bottom: 1px solid #ddd; margin: 5px -5px 0 -5px;"></div>  
  <div style="padding:5px;"></div>  
  </div>  
  <style>  
  a.buy-button:hover {  
  text-color: #fff;  
  background-color: #2ac7e1;  
  }  
  a.buy-button {  
  color: #fff;  
  background-color: #a5a5a5;  
  border: 1px solid #ccc;  
  display: inline-block;  
  padding: 3px 7px;  
  }  
  a.buy-button, a.buy-button:visited {  
  color: #fff;  
  cursor: pointer;  
  font-size: 11px;  
  line-height: 1em;  
  text-transform: uppercase;}  
  a.EntryTitle:link, a.EntryTitle:active, a.EntryTitle:visited {text-decoration:none; color:#000; text-shadow:#fff 0px 1px 0px;font-size:11px; font-weight:bold;}  
  a.EntryTitle:hover {text-decoration:underline; color:#000; text-shadow:#fff 0px 1px 0px;}  
  a.EntryCat34:link, a.EntryCat34:active, a.EntryCat34:visited {text-decoration:none; color:#9d9d9d; text-shadow:#fff 0px 1px 0px;font-size:10px;}  
  a.EntryCat34:hover {text-decoration:underline; color:#9d9d9d; text-shadow:#fff 0px 1px 0px;}  
  </style>

На скрине я делал на тестовом сайте,так что картинок особых нету,я заметил там нужно настроить что бы оно уменьшало картинку,и ставило ее по центру!Удачного вам использывания скрипта,от сайта www.testcs.ru!!!
Чтобы скачивать файлы вам нужна или Это займёт не больше 2х минут...

· ·
Метки: Google, или, материалов, Play, вид, ucoz, скрипты для ucoz, статей, стиле, для
Просмотров: 473 | Загрузок: 0 | Комментариев: 0


Не забудь поделится с Друзьями

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]