Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Прозрачность и полупрозрачность

Предыдущая тема Следующая тема Перейти вниз

Question Прозрачность и полупрозрачность

Сообщение автор Selenia в Ср 9 Сен - 9:15

Долго мучила интернет и себя но так и ничего толкового не нашла. Скажите, пожалуйста, есть ли способ сделать часть форума (любую часть, которую возможно) прозрачной или полупрозрачной? И если есть, то каким образом это можно сделать? ^_^

Selenia
 
 

Пол : Женщина
Сообщения : 79
Возраст : 24
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2009-05-22

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Irbis в Ср 9 Сен - 11:07

Код:
Селектор {filter: alpha(opacity=50); opacity: 0.5;}
где 50 и 0,5 уровень прозрачности. Учтите что IE позволяет вешать прозрачность только на ссылки.

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Selenia в Чт 10 Сен - 11:53

Спасибо ^^ А куда именно этот код вставлять?

Selenia
 
 

Пол : Женщина
Сообщения : 79
Возраст : 24
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2009-05-22

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Irbis в Чт 10 Сен - 20:15

В CSS scratch
Вместо слова "Селектор" указываете соответствующий тег, идентификатор или класс, чтобы его посмотреть надо залезть в исходный код страницы.
Например хотим поменять прозрачность у логотипа.
щелкаем по нему правой кнопкой мыши и выбираем "копировать ссылку на изображение".
Открываем исходный код страницы, жмем Ctrl+F, вставляем в открывшееся поле скопированную ссылку, и жмем кнопку "Найти".
Видим такой код:
Код:
<div id="logo-desc"><a href="/forum.htm" id="logo"><img src="http://illiweb.com/fa/ru/header10.jpg" alt="" /></a></div>
а именно интересует id="logo". Значит наш селектор:
#logo img
и код который надо вставить в CSS будет такой:
Код:
#logo img {filter: alpha(opacity=50); opacity: 0.5;}
Если из того, что я сказал выше вы ничего не поняли, значит самой сделать не получится, тогда просто скажите что вам нужно сделать прозрачным, я посмотрю можно или нет и дам готовый код.

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Antony в Чт 10 Сен - 20:22

кхехе :D пропагандируем IE?
Прозрачность делать можно исспользуя полупрозрачные картинки в оформлении форума. Только нужно очень постараться сделать так, что бы они и достаточно прозрачными были и читать можно было с них текст (для фонов) и весили не очень много.
Такой способ будет виден НА ВСЕХ браузерах и системах


Погуглил, потестил, выношу вердикт:
В принципе такое свойство, как прозрачность (opacity) актуально для всех систем и браузеров, но исспользовать его, как мне кажется, неудобно в связи с тем, что он делает прозрачным ВСЕ дочерние элементы, и если у вас к примеру нужно сделать полупрозрачным фон для блока виджета, то прозрачность поставится И на фон И на текст, а значит потеряется его удобочитаемость. Можно, конечно, прописывать отдельно для блока виджета свойства, а текст засовывать в другой элемент со своим ID, но это лишние строки и, возможная, путаница в браузере.
Вывод: для того, что бы делать полупрозрачные фоны свойство opacity не самый лучший вариант. Лучше исспользовать полупрозрачную картинку на фон.
Но такое свойство можно исспользовать просто для обычных картинок, вроде аватаров тех же.


Последний раз редактировалось: Antony (Чт 10 Сен - 20:41), всего редактировалось 1 раз(а) (Обоснование : проведенено исследование проблемы и вынесен вердикт)

Antony
 
 

Пол : Мужчина
Сообщения : 288
Возраст : 25
Настроение : PoziTiFFF
Карма : 4 предупреждения
Благодарности : 21
Регистрация : 2009-06-20

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Irbis в Чт 10 Сен - 20:40

IE6 полупрозрачность у картинок тоже не понимает

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Antony в Чт 10 Сен - 20:43

Ирбис, это наверно если ДиректХ стоит корявый. У них же там (на винде) за прозрачность эти драйвера отвечают. И именно для них пишется "filter: alpha(opacity=50);"


Последний раз редактировалось: Antony (Чт 10 Сен - 20:44), всего редактировалось 1 раз(а) (Обоснование : исправлено)

Antony
 
 

Пол : Мужчина
Сообщения : 288
Возраст : 25
Настроение : PoziTiFFF
Карма : 4 предупреждения
Благодарности : 21
Регистрация : 2009-06-20

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Selenia в Чт 10 Сен - 20:46

Irbis
Большущее спасибо d_daisy Я всё прекрасно поняла ^___^

Antony
Да я бы с удовольствием, но с кодами мне проще разобраться и сделать хоть что-то, чем с прозрачностью картинок хотя бы в фотошопе. Там у меня полнейший завал. С фотошопом почти на "ты", но формальности ещё остались ^^

Selenia
 
 

Пол : Женщина
Сообщения : 79
Возраст : 24
Карма : Без предупреждений
Благодарности : 6
Регистрация : 2009-05-22

Вернуться к началу Перейти вниз

Question Re: Прозрачность и полупрозрачность

Сообщение автор Irbis в Чт 10 Сен - 20:55

Ирбис, это наверно если ДиректХ стоит корявый.
Нет, именно браузер smile IE 6 и младше, не понимают полупрозрачных изображений, если не подключать дополнительный скрипт на страницу, но этот скрипт работает только на обычные картинки, а не фоны. Благо что этот браузер уходит в прошлое, много он потрепал дизайнерам нервов.

Irbis
 
 

Пол : Мужчина
Сообщения : 608
Возраст : 30
Место обитания : Россия
Настроение : Отлыниваю от работы
Карма : Без предупреждений
Благодарности : 215
Регистрация : 2008-02-10

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения