Вот еще один пример картинки спрайта для facebook:
Основным плюсом спрайта является то, что мы создаем одно изображение вместо двух, трех, четырех и так далее. Можно хоть все используемые графические элементы шаблона разместить на одной картинке, а благодаря css задать то, что нужно выводить в конкретном месте. В результате это, большое изображение, получается меньше, чем много маленьких, но это не главное. Главное в том, что браузер кэширует только один url адрес картинки, то есть происходит меньше запросов, соответственно повышается скорость загрузки сайта и не наблюдается различных мелких ляпов.
Для наглядности именно на примере этой картинки и будет написана данная статья.
Вот пример изображения которое я использовал для спрайта в сайдбаре:
Кнопки “Отправить письмо”, “Я в контакте”, “Я в Twitter” в футере.
Кнопка Rss Pв сайдбаре.
Пример спрайтов:
Спрайт – это прием, в котором несколько изображений объединяют и располагают на одном. Затем, благодаря стилям css указывают какую часть изображения показывать в том или ином случае (например при наведении или клике).
Что такое css спрайт?
Приветствую Вас на блогеP . Эта статья посвящена теме CSS спрайтов, благодаря которым можно добиться классных эффектов в дизайне, при этом не перегружая блог. Наверняка многие блоггеры, когда что-то правили в шаблоне задавались вопросом: а как сделать так, чтобы изображение увеличивалось или менялось при наведении курсора? В этой статье мы ответим на этот вопрос.
Лучший способ сделать так, чтобы картинка менялась при наведении
» » Лучший способ сделать так, чтобы картинка менялась при наведении
Куда я инвестирую:
- рекламная строка
- продажа баннеров
Биржи ссылок:
Контекстная реклама:
Мои источники заработка в Интернете:
Авторский блог Антона КрасноваЗаработок в интернете, блоггинг, WordPress, дизайн и верстка сайтов
CSS спрайт увеличение, изменение изображения при наведении курсора | History-of-Blog.ru - История одного блога
Комментариев нет:
Отправить комментарий