• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Вид материала в колонках [Рип by trem200]
Вид материала в колонках [Рип by trem200]
trem200
Понедельник, 13 Февраля 2017 | Сообщение 1
Оффлайн
Проверенные
Сообщений:433
Награды: 4


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

Код HTML

Код
<div style="width:50%; float:left;">
<div class="shot_load_img"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="Мод На Мебель и Декор"></a>
<div class="shot_load_title"><h2><a href="$ENTRY_URL$">$TITLE$</a></h2></div>
</div>
<div class="shot_load_more_bl">
<a href="$SECTION_URL$" class="btn3 left" >$SECTION_NAME$</a>
<a href="$ENTRY_URL$" class="btn2 right">Подробнее</a>
</div>
</div>


Код CSS

Код
.shot_load {float: left;width: 425px;background: #fff; overflow: hidden;border-radius: 3px; border: 1px solid #efefef; margin-bottom: 15px;margin-right: 12px}
.shot_story > .shot_load:nth-child(4n) {margin-right: 0px}
.shot_load_img {border-radius: 3px; overflow: hidden; margin: 0 auto; position: relative; margin: 3px; height: 270px; object-fit: cover;}
.shot_load_title {position: absolute; bottom:0px; left:0px; background: rgba(0,0,0,0.7); padding: 7px; line-height: 16px; display: block; width: 410px; }
.shot_load_title h2 {font-size: 15px; text-transform: uppercase; font-weight: normal;}
.shot_load_title h2 a {color: #dadada; display: block;}
.shot_load_title:hover {background: rgba(67,74,84,0.8); }
.shot_load_title:hover > h2 > a {color: #fcfcfc;}
.shot_load_cat {margin: 7px 5px;}
.shot_load_cat div {display: block; height: 16px;overflow: hidden; clear: both; color:#afb0b0;}
.shot_load_cat div a {color: #898989; font-weight: bold;}
.shot_load_cat div a:hover {color: #ff0000 !important;}
.shot_load_more_bl {display: block; overflow: hidden; margin: 3px;}
.btn2 {border-radius: 3px;text-align: center;display: inline-block;padding: 4px 7px;font-size: 15px;font-family: 'PT Sans', sans-serif;background: rgb(47, 156, 12);color:#fff;}
.btn2:hover {background: #4f4f4f;}
.btn3 {border-radius: 3px; text-align: center;display: inline-block; padding: 4px 7px;  font-size: 14px; font-family: 'PT Sans', sans-serif; background: #4f4f4f; color:#fff;}
.btn3:hover {background: rgb(47, 156, 12);}
Прикрепления: 3220667.png (29.8 Kb)
Страна: (RU)
Сопрано
Понедельник, 13 Февраля 2017 | Сообщение 2
Оффлайн
Vip
Сообщений:462
Награды: 4
trem200, еще один в рип подался. 11a
Страна: (RU)
trem200
Понедельник, 13 Февраля 2017 | Сообщение 3
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Цитата Сопрано ()
еще один в рип подался.


Да, так как мне интересно это, да и результат конечный понравился.
Страна: (RU)
Kosten
Понедельник, 13 Февраля 2017 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
trem200, молодец, если начал рип делать, значит в uCoz волокеш!

Давай радуй работами, их на главную заливать буду. 11a
Страна: (RU)
trem200
Понедельник, 13 Февраля 2017 | Сообщение 5
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Цитата Kosten ()
Давай радуй работами, их на главную заливать буду.


Обязательно, так как в интернете много интересных сайтов 11a
Страна: (RU)
Slavik
Понедельник, 13 Февраля 2017 | Сообщение 6
Оффлайн
Vip
Сообщений:1767
Награды: 4
Интересный вид, trem200, молодец! 09a

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
trem200
Понедельник, 13 Февраля 2017 | Сообщение 7
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Цитата Slavik ()
Интересный вид, trem200, молодец!


Да вид интересный, вот готовлю ещё один рип 11a
Страна: (RU)
Сопрано
Понедельник, 13 Февраля 2017 | Сообщение 8
Оффлайн
Vip
Сообщений:462
Награды: 4
Цитата trem200 ()
Да вид интересный, вот готовлю ещё один рип

Интересно, ты как с цепи сорвался, понял в чем фишка, и давай разносить сайты. 47a
Страна: (RU)
trem200
Понедельник, 13 Февраля 2017 | Сообщение 9
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Цитата Сопрано ()
Интересно, ты как с цепи сорвался, понял в чем фишка, и давай разносить сайты.


Просто до жути понравилось, да чувствую, что могу сделать что-то интересное, так как в интернете много интересных сайтов, с их не мнение интересными видами материалов 11a
Страна: (RU)
Slavik
Понедельник, 13 Февраля 2017 | Сообщение 10
Оффлайн
Vip
Сообщений:1767
Награды: 4
Цитата trem200 ()
Просто до жути понравилось, да чувствую, что могу сделать что-то интересное, так как в интернете много интересных сайтов, с их не мнение интересными видами материалов

Бойтесь теперь!, trem200, идет к вам рипать 11a 09a


MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
trem200
Вторник, 14 Февраля 2017 | Сообщение 11
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Цитата Slavik ()
Бойтесь теперь!, trem200, идет к вам рипать


Пускай боятся, ведь такими темпами на сайте от рипера trem200 появятся множество интересных файлов 47a
Страна: (RU)
Сопрано
Вторник, 14 Февраля 2017 | Сообщение 12
Оффлайн
Vip
Сообщений:462
Награды: 4
Kosten, на главную можно поставить, видать вид так не чего, просто изображение можно было другое поставить, чтоб объемно видно было.
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Вид материала в колонках [Рип by trem200]
  • Страница 1 из 1
  • 1
Поиск: