Учетная запись пользователя в стиле Twitter со стрелкой вниз

Question

Я хотел бы повторить стрелку вниз, которая появляется рядом с именем пользователя на нескольких сайтах, таких как Twitter.

Я считаю, что есть два способа сделать это: создатьизображение стрелки вниз и установите его в качестве фонового изображения или используйте CSS для создания стрелки.Я полагаю, что Google использует подход CSS для своей верхней панели.

Какой вариант предпочтительнее и как мне поступить?

Answer 1

Twitter использует ↓ html-сущность (добавляя его с помощью свойства css content). В сочетании со спрайтом изображения смотрите здесь: http://jsfiddle.net/HAZGr/

Я бы посоветовал использовать изображение, оно должно быть простым и чтобы вы знали, что оно будет выглядеть одинаково во всех браузерах.

Answer 2

Вы не можете сделать это напрямую с помощью CSS (существуют граничные хаки для создания фигур, похожих на треугольники и т. Д., Но я их не рекомендую).

Вместо этого подход, используемый сейчас Google, Twitter и т. Д., Состоит в том, чтобы иметь изображение, содержащее все маленькие значки, загрузить его один раз и сместить изображение, используя:

background-image: url("sprite-icons.png");
background-position: -176px -96px;
height: 14px;
width: 14px;

Answer 3

http://jqueryui.com/themeroller/

Вот как я это делаю.JQuery - это святой Грааль веб-дизайна.