Материалы с тегом «оформление контента»

  • CSS 3D лента

    Реализуем ленту с эффектом 3D на чистом CSS. Для этого придется воспользоваться целой комбинацией приемов, но результат того стоит.

  • CSS3 всплывающие подсказки

    Реализуем всплывающую подсказку на чистом CSS без скриптов и картинок.

  • IMG внутри блока — убираем странный отступ

    Лечим странный отступ, который рисует большинство браузеров если разместить img внутри блочного элемента

  • IMG: меняем рисунок при наведении

    Одна из часто встречающихся задач при верстке — смена фона элемента при наведении мыши. А что если нужно менять не фон а рисунок в img? Как это сделать средствами CSS, без скриптов? Материал был дополнен двумя приемами, позволяющими обойтись без expression, при условии, что контейнер — ссылка.

  • Аккордеон на чистом CSS3

    У тебя есть много контента, мало места и при этом совершенно нет желания жертвовать юзабилити. Значит тебе нужен аккордеон. А еще лучше — аккордеон на CSS3!

  • Верстка рейтингов

    О том как красиво сверстать блок с оценкой (блок рейтинга).

  • Верстка содержания

    рассмотрены различные варианты верстки содержания на базе обычных списков и списков определений

  • Вставка стрелок

    О том как вставить красивые стрелочки без использования картинок.

  • Индивидуальные стили для li. Избавляемся от классов.

    Списки с индивидуальными стилями для li можно сверстать без классов! А ты так умеешь?

  • Используем псевдоэлемент :first-letter

    Исследуем особенности применения псевдоэлемента :first-letter.