Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Вчера в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Ноябрь 23rd 2024, 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Прозрачность и полупрозрачность
Участников: 3
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Прозрачность и полупрозрачность
Долго мучила интернет и себя но так и ничего толкового не нашла. Скажите, пожалуйста, есть ли способ сделать часть форума (любую часть, которую возможно) прозрачной или полупрозрачной? И если есть, то каким образом это можно сделать? ^_^
Selenia-
-
Сообщения : 79
Возраст : 33
Регистрация : 2009-05-22
Благодарности : 6
Re: Прозрачность и полупрозрачность
- Код:
Селектор {filter: alpha(opacity=50); opacity: 0.5;}
Re: Прозрачность и полупрозрачность
Спасибо ^^ А куда именно этот код вставлять?
Selenia-
-
Сообщения : 79
Возраст : 33
Регистрация : 2009-05-22
Благодарности : 6
Re: Прозрачность и полупрозрачность
В CSS
Вместо слова "Селектор" указываете соответствующий тег, идентификатор или класс, чтобы его посмотреть надо залезть в исходный код страницы.
Например хотим поменять прозрачность у логотипа.
щелкаем по нему правой кнопкой мыши и выбираем "копировать ссылку на изображение".
Открываем исходный код страницы, жмем Ctrl+F, вставляем в открывшееся поле скопированную ссылку, и жмем кнопку "Найти".
Видим такой код:
#logo img
и код который надо вставить в CSS будет такой:
Вместо слова "Селектор" указываете соответствующий тег, идентификатор или класс, чтобы его посмотреть надо залезть в исходный код страницы.
Например хотим поменять прозрачность у логотипа.
щелкаем по нему правой кнопкой мыши и выбираем "копировать ссылку на изображение".
Открываем исходный код страницы, жмем Ctrl+F, вставляем в открывшееся поле скопированную ссылку, и жмем кнопку "Найти".
Видим такой код:
- Код:
<div id="logo-desc"><a href="/forum.htm" id="logo"><img src="http://illiweb.com/fa/ru/header10.jpg" alt="" /></a></div>
#logo img
и код который надо вставить в CSS будет такой:
- Код:
#logo img {filter: alpha(opacity=50); opacity: 0.5;}
Re: Прозрачность и полупрозрачность
кхехе :D пропагандируем IE?
Прозрачность делать можно исспользуя полупрозрачные картинки в оформлении форума. Только нужно очень постараться сделать так, что бы они и достаточно прозрачными были и читать можно было с них текст (для фонов) и весили не очень много.
Такой способ будет виден НА ВСЕХ браузерах и системах
Погуглил, потестил, выношу вердикт:
В принципе такое свойство, как прозрачность (opacity) актуально для всех систем и браузеров, но исспользовать его, как мне кажется, неудобно в связи с тем, что он делает прозрачным ВСЕ дочерние элементы, и если у вас к примеру нужно сделать полупрозрачным фон для блока виджета, то прозрачность поставится И на фон И на текст, а значит потеряется его удобочитаемость. Можно, конечно, прописывать отдельно для блока виджета свойства, а текст засовывать в другой элемент со своим ID, но это лишние строки и, возможная, путаница в браузере.
Вывод: для того, что бы делать полупрозрачные фоны свойство opacity не самый лучший вариант. Лучше исспользовать полупрозрачную картинку на фон.
Но такое свойство можно исспользовать просто для обычных картинок, вроде аватаров тех же.
Прозрачность делать можно исспользуя полупрозрачные картинки в оформлении форума. Только нужно очень постараться сделать так, что бы они и достаточно прозрачными были и читать можно было с них текст (для фонов) и весили не очень много.
Такой способ будет виден НА ВСЕХ браузерах и системах
Погуглил, потестил, выношу вердикт:
В принципе такое свойство, как прозрачность (opacity) актуально для всех систем и браузеров, но исспользовать его, как мне кажется, неудобно в связи с тем, что он делает прозрачным ВСЕ дочерние элементы, и если у вас к примеру нужно сделать полупрозрачным фон для блока виджета, то прозрачность поставится И на фон И на текст, а значит потеряется его удобочитаемость. Можно, конечно, прописывать отдельно для блока виджета свойства, а текст засовывать в другой элемент со своим ID, но это лишние строки и, возможная, путаница в браузере.
Вывод: для того, что бы делать полупрозрачные фоны свойство opacity не самый лучший вариант. Лучше исспользовать полупрозрачную картинку на фон.
Но такое свойство можно исспользовать просто для обычных картинок, вроде аватаров тех же.
Последний раз редактировалось: Antony (Сентябрь 10th 2009, 20:41), всего редактировалось 1 раз(а) (Обоснование : проведенено исследование проблемы и вынесен вердикт)
Antony-
-
Сообщения : 278
Возраст : 33
Регистрация : 2009-06-20
Благодарности : 21
Re: Прозрачность и полупрозрачность
Ирбис, это наверно если ДиректХ стоит корявый. У них же там (на винде) за прозрачность эти драйвера отвечают. И именно для них пишется "filter: alpha(opacity=50);"
Последний раз редактировалось: Antony (Сентябрь 10th 2009, 20:44), всего редактировалось 1 раз(а) (Обоснование : исправлено)
Antony-
-
Сообщения : 278
Возраст : 33
Регистрация : 2009-06-20
Благодарности : 21
Re: Прозрачность и полупрозрачность
Irbis
Большущее спасибо Я всё прекрасно поняла ^___^
Antony
Да я бы с удовольствием, но с кодами мне проще разобраться и сделать хоть что-то, чем с прозрачностью картинок хотя бы в фотошопе. Там у меня полнейший завал. С фотошопом почти на "ты", но формальности ещё остались ^^
Большущее спасибо Я всё прекрасно поняла ^___^
Antony
Да я бы с удовольствием, но с кодами мне проще разобраться и сделать хоть что-то, чем с прозрачностью картинок хотя бы в фотошопе. Там у меня полнейший завал. С фотошопом почти на "ты", но формальности ещё остались ^^
Selenia-
-
Сообщения : 79
Возраст : 33
Регистрация : 2009-05-22
Благодарности : 6
Re: Прозрачность и полупрозрачность
Нет, именно браузер IE 6 и младше, не понимают полупрозрачных изображений, если не подключать дополнительный скрипт на страницу, но этот скрипт работает только на обычные картинки, а не фоны. Благо что этот браузер уходит в прошлое, много он потрепал дизайнерам нервов.Ирбис, это наверно если ДиректХ стоит корявый.
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения