• Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как? Полупрозрачные элементы поверх красивого фона
Как? Полупрозрачные элементы поверх красивого фона
Дата: Воскресенье, 17.04.2011, 23:41 |
SCoRP
Рядовой
Группа: Пользователи
Сообщений: 16
Награды: 0
Репутация: 0
Статус: Offline


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

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

Сообщение отредактировал SCoRP - Понедельник, 18.04.2011, 00:07
 
Дата: Понедельник, 18.04.2011, 01:01 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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>

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

 
Дата: Понедельник, 18.04.2011, 01:04 |
SCoRP
Рядовой
Группа: Пользователи
Сообщений: 16
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
для потомков - фоновый цвет background-color делается прозрачным - transparent.

Вот это я, видимо, и упустил из виду.
Как разрешу всё, так отпишусь. Спасибо


 
Дата: Понедельник, 18.04.2011, 11:35 |
SCoRP
Рядовой
Группа: Пользователи
Сообщений: 16
Награды: 0
Репутация: 0
Статус: Offline


Вот что получилось.

likbezz, спасибо за верный курс smile
З.Ы. Вечером добавлю код.

Прикрепления: 9372641.jpg (234.9 Kb)

Сообщение отредактировал SCoRP - Понедельник, 18.04.2011, 11:37
 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как? Полупрозрачные элементы поверх красивого фона
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия