Вид материалов
21.01.2017, 12:15

 

Ставим вверх сайта в самый потолок

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">


Код
<div class="game-vid"> 
<div class="game-title"><span class="xml-text"><a href="$ENTRY_URL$" >$TITLE$</a></span></div> 
<div class="game-img"><a href="$ENTRY_URL$" title="$TITLE$"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></a></div> 
<div class="game-detali"><li><i class="fa fa-eye"></i>$READS$</li><li><i class="fa fa-download"></i>$LOADS$</li> <li style=" float: right; margin-right: 2px; "><i class="fa fa-wifi"></i><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></li></div> 
<div class="game-text">$MESSAGE$</div> 
<div class="text_knop"><div class="kp"><a class="knop" href="ссылка на скачивание" target="_blank" title="">СКАЧАТЬ</a></div> <div class="kp"><a href="$ENTRY_URL$" class="knop"> ПОДРОБНЕЕ</a></div></div> 
</div>


CSS

.game-vid {width: 374px; float: left; display: inline-block; background-color: #fff;border-bottom: 1px solid #ebebeb;border-right: 1px solid #ebebeb; padding: 14px 10px;border-left: 1px solid #ebebeb;} 
.game-text {margin-top: 5px; height: 65px; overflow: hidden; text-align: justify; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; font-size: 12px; font-family: Tahoma,Arial; line-height: 17px;} 
.game-img img {object-fit: cover; height: 200px; width: 100%;border-radius: 5px;} 
.game-img2 img {height: 300px; width: 350px; box-shadow: 0px 3px 10px #969696;} 
.game-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; padding: 15px 0px 10px 0px;} 
.game-title a {line-height: 1.3; word-wrap: break-word; color: #4B4D52;font-size: 15px; font-weight: normal;font-weight: bold;} 
.game-title a:hover {color: #2155CD;} 
.game-detali {padding-left: 3px; margin-top: 5px; height: 20px; line-height: 20px; font-size: 13px; border-bottom: #e7e7e7 1px solid; padding-bottom: 5px;} 
.game-detali li {list-style: none; margin-right: 15px; display: inline-block;} 
.game-detali i {color: #6B6B6B; padding-right: 5px;} 
.game-detali a {color: #545457;} 
.game-detali a:hover {color: #F27935;} 

.text_knop { width: 350px; float: left;color: #1A5BD5; font-size: 18px; text-decoration: none; padding-top: 5px;} 
.kp { padding-left: 22px; float: left; width: 135px; height: 30px; } 
.knop { width: 80px; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -webkit-transition: all .1s ease-out; background: #515151; border: none; color: #fff !important; cursor: pointer; display: block; float: left; font-size: 12px; font-weight: bold; height: 30px; line-height: 30px; margin: 0 5px 2px 2px; padding: 0 25px; text-align: center; transition: all .1s ease-out;border-radius: 5px;} 
.knop:hover {background: #216CCD;}

Категория: Скрипты HTML | Добавил: kotenok1343
Просмотров: 194 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]