Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Кто поможет сверстать краткую новость

Кто поможет сверстать краткую новость


     16.04.2014    Шаблоны (TPL)    1174

вопрос
Помогите сверстать краткую новость а то не получается совсем(тут не много)
Вот изображение краткой новости

Кто поможет сверстать краткую новость

Ответил: alexeyfilatov


Давай попробую помочь!

Комментарии пользователей (2)

dreamer
1

20

dreamer - 16 апреля 2014 23:06 - Юзер


Картинка слетела

Gopr
10

494 | 164

Gopr - 17 апреля 2014 02:29 - Юзер


<style>
* {margin:0;padding:0}
.box-img {background:#f3f3f3;border-bottom:29px solid #aaa;width:225px}
.box-img img {width:225px;height:310px}
.box-img .n {font:14px Arial;position: absolute;margin-top:-30px;background:rgba(255, 255, 255, 0.65);padding:7px;color:#333;width:211px}
.box-img .l {float:left}
.box-img .l a {background-color:#dedede;background:-o-linear-gradient(top,#eee 0,#dedede);background:-moz-linear-gradient(top,#eee 0,#dedede);background:-webkit-gradient(linear, left top, left bottom, from(#eee),to(#dedede));padding:6px 0 6px 22px;font:13px Arial;color:#888;border-right:1px solid #fff;width:69px}
.box-img .r {float:right}
.box-img .r a {background-color:#ececec;background:-o-linear-gradient(top,#fff 0,#ececec);background:-moz-linear-gradient(top,#fff 0,#ececec);background:-webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));padding:6px 7px;font:14px Arial;color:#444;border-left:1px solid #aaa}
.box-img .l a, .box-img .r a {text-decoration:none;display:block}
noindex:-o-prefocus, .box-img {border-bottom:1px solid #aaa}
</style>

<div class="box-img">
<img src="http://kinodoma.net/uploads/poster/film-verzila-2012-smotret-onlayn-besplatno-v-horoshem-kachestve.jpg" alt="Верзила"/>
<div class="n">Верзила</div>
<div class="l"><a href="#">2012 год</a></div>
<div class="r"><a href="#">Смотреть онлайн</a></div></div>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы