Как сделать такой анонс?

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • apelsinova

    (@apelsinova)

    12 лет, 8 месяцев назад

    Напишите свой код для этого фрагмента. Не зная, как у вас это реализовано, невозможно сказать, как что-то изменить.

    Если, например, рамка по размеру контента, то просто вставляйте туда дополнительную инфу, она растянется.

    skodnik

    (@skodnik)

    12 лет, 8 месяцев назад

    Вот так примерно это выглядело бы у меня в шаблоне:

    html
<div>
   <img src="http://s017.radikal.ru/i406/1112/81/f1f3e04ff00c.jpg" alt="" />
   <a href="#" >Любовь с риском для жизни</a>
   <span class="stars"></span>
   <span class="comments"><?php ?> комментариев</span>
   <span class="views">просмотров <?php  ?></span>
</div>

css
div {
    width:218px;
    height:420px; /* удалить */
    border:5px solid black;
    background: grey;
    padding:5px;
    text-align:center;
}
a {
    padding: 5px 0;
    color:white;
}
.stars {
    display:block;
}
.comments {
    float:left;
}
.views {
    float:right;
}

    Вот тут можно поиграть с деталями: http://jsfiddle.net/skodnik/6wAZq/2/

    Размерности условно. Функции и плагины надо подбирать. И, конечно, я сильно упростил селекторы, под конкретную страницу следует дополнить их классами.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Как сделать такой анонс?» закрыта для новых ответов.

Метки