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

• CSS 3D лента

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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