[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... Тема только по сайтам в системе uCoz » Как? Полупрозрачные элементы поверх красивого фона

Как? Полупрозрачные элементы поверх красивого фона
[1] SCoRP [17.04.2011, 23:41]
Хотел сделать фон для сайта в виде повторяющейся картинки 100х100.
А все остальные элементы полупрозрачными (Заголовки, ячейки таблиц и т.д.)
Произвёл настройки КСС, назначил класс BODY и TD и...
...Пока делал совсем запутался. В итоге получил: ни фона ни полупрозрачных элементов... хотя до начала загрузки страницы фон окрашен в мою картинку. И при использовании "Визуального редактора" тоже всё как и задумывалось.
Может делаю что-то не так? Использовал только браузер Мозилла-ФФ (ввиду того, что пользователи сайтта используют только его)
Может теперь следует что-то почистить на страницах? А вот с чего начать... Жду совета (коими щедр этот сайт )
Заранее спасибо.
З.Ы. Прокси отключен.
Добавлено:
Суть идеи в том, что бы сайт был оформлен в едином дизайне, но заголовки, например, были подтемнены, ссылки подсвечивались, текстовые поля подсветлялись и т.д.
Реализовать пытаюсь так:
1. BODY имеет фон-картинку 100х100
2. TABLE не имеет фона
3. TD , DIV, SPAN имеют классы в которых прописаны разные Бэкграунды (полупрозрачные: светлее, темнее, ярче...)
Верный ли такой подход? что ещё необходимо указать в КСС? И вообще такое возможно? на примерах не видел.

Зачем мне это? когда делаю заливку картинкой ячеек, то фон "сбивается", появляются "неправильные переходы".

Сообщение отредактировал SCoRP - Понедельник, 18.04.2011, 00:07
[2] likbezz [18.04.2011, 01:01]
SCoRP,
Quote (SCoRP)
Суть идеи в том, что бы сайт был оформлен в едином дизайне, но заголовки, например, были подтемнены, ссылки подсвечивались, текстовые поля подсветлялись и т.д.

Ну, в принципе, всё верно ты делаешь.
Для нижнего элемента назначается фоновая картинка, для потомков - фоновый цвет background-color делается прозрачным - transparent.
Редактируются все стили - удаляется любой фоновый цвет для элементов.
Для нужных назначается фоновая полупрозрачная картинка.
В принципе всё - ничего сложного. Просто внимательно нужно проверять не назначен ли фоновый цвет у какого нибудь родителя элемента с полупрозрачной картинкой.
Если назначен - установить transparent.

Радикальное решение:

Code
<style type="text/css">
body{ background:url(img.png) repeat left top;}
body *{background-color:transparent;}
</style>

Но, лучше всё таки указать необходимые элементы.
...

[3] SCoRP [18.04.2011, 01:04]
Quote (likbezz)
для потомков - фоновый цвет background-color делается прозрачным - transparent.

Вот это я, видимо, и упустил из виду.
Как разрешу всё, так отпишусь. Спасибо
[4] SCoRP [18.04.2011, 11:35]
Вот что получилось.

likbezz, спасибо за верный курс smile
З.Ы. Вечером добавлю код.
Прикрепления: 9372641.jpg (234.9 Kb)


Сообщение отредактировал SCoRP - Понедельник, 18.04.2011, 11:37


Полная версия сайта