X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V  < 1 2
Открыть тему
Тема закрыта
> Подскажите по CSS
tbsolutions
tbsolutions
сообщение 13.11.2013, 20:35; Ответить: tbsolutions
Сообщение #12


Nightfox, где нибудь сделано это? Подробнее


--------------------
TB Solutions - Качественно, валидно, кроссбраузерно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
marv
marv
сообщение 14.11.2013, 6:47; Ответить: marv
Сообщение #13


О, у меня заодно подобный вопрос. Как сделать так чтобы на всем сайте поверх контента пыла картинка полупрозрачная (например со словом ПРОДАЕТСЯ)?

Если имеется в виду "была", то достаточно абсолютного или фиксированного позиционирования, если "плыла", то нужно добавить анимацию (можно с помощью JQuery). Прозрачность задаётся с помощью css свойства opacity или с помощью JQuery fadeTo (если нужна поддержка старых браузеров).
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfox
Nightfox
сообщение 14.11.2013, 21:02; Ответить: Nightfox
Сообщение #14


tbsolutions, наверное сделано, так как идея ни с чего не приходит))

marv, спасибо! Анимация не нужна. Буду курить абсолютное позиционирование с прозрачностью
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
janisdombr
janisdombr
сообщение 20.11.2013, 4:32; Ответить: janisdombr
Сообщение #15


(sgrass @ 24.10.2013, 15:34) *
Если я правильно понял, картинка стоит фоном?
Если так, то можно сделать спрайты, т.е. 2 картинки (те, которые будут меняться при наведении мышкой) совместить в одну. И при наведении через :hover {} менять не саму картинку, а background-position. Тогда не нужна будет куча картинок.
Например, в фоне должна быть картинка высотой 100px: делаем в фотошопе из двух 100-пиксельных картинок одну в 200px, поставив их друг над другом, и при наведении мышки смещаем ее на половину ее высоты, вот так:
div {
height: 100px;
background-image: url(такая-то картинка);
background-repeat: no-repeat;
background-position: 0 0;
}
div:hover {
background-position: 0 -100px;
}

это очень хороший совет, потому что при загрузке фон загружается браузером полностью, а значит при наведении будет срабатывать моментально, так как фон всего лишь поменяет координаты. В очень многих дизайнах хороших я видел именно такое решение, когда при наведении как-то менялись или триггеры или фон или подсветка. Просто все варианты в одной картинке и меняем координаты при наведении. Также поступают для в случах, когда у объектов (текста) есть какие-то иконки слева, например <span class=bukashka>текст с картинкой слева</span>
а в цсс у этого класса бэкграунд с одними координатами, а у класа class=kakashka та же самая картинка, только бэкграунд с другими координатами.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V  < 1 2
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Подскажите по ошибкам из Яндекс вебмастера
1 noviktamw 1294 27.1.2024, 23:15
автор: Vmir
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3455 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3395 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Подскажите дейтинг партнерки с оплатой за регистрацию
18 Wolfhound 2158 9.3.2023, 6:17
автор: Skyworker
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett


 



RSS Текстовая версия Сейчас: 18.4.2024, 7:36
Дизайн