Прозрачность ".singlePost"..

[Intrpt]

Приветствую.

Поиск по дневнику привёл лишь на одну удалённую запись по этому вопросу.

Посему..

Есть ли возможность задать прозрачность 50% либо 70% для блока .singlePost?

запись создана: 09.03.2007 в 15:50

@темы: основные блоки

Comments

[.сестра хаос.]

+1

[Intrpt]

Хмм..

Всё же нашёл на данном сообществе вроде как ответ на данный вопрос.

http://pay.diary.ru/~diaryCSS/?comm...9702&from=0

Только вот.

Возможно ли этого добиться средствами CSS, а не при помощи прозрачного 'png'?

[Чудеснов]

-Zj- можно. а смысл?

[Чудеснов]

Какой эффект нужен, в смысле?

[Intrpt]

Alex.Chudd

Эффект.

Чтобы поле записей было прозрачным процентов на 30-50.

[Чудеснов]

Какое еще поле записей? По-русски говорите?

[.сестра хаос.]

Alex.Chudd, молодой человек, поле записей= это место где находятся посты)))

[Intrpt]

Alex.Chudd

Основное поле, в котором отображаются сделанные хозяином дневника записи.

Не знаю, как понятнее..

-Zj- здесь уже был такой вопрос... сам же его и задавал...

вот код для основного блока сообщений

.left #page-c{filter:progidXImageTransform.Microsoft.Alpha(opacity=85);}



только знаете, как показал опыт - если сделать это, то появляется "перегрузка". попробуйте, увидите сами.

[Intrpt]

пушистый кошк

Ясно.

Спасибо.

"Перегрузка" мне не нужна..

[Чудеснов]

.сестра хаос. место, где находятся посты,— это сервер diary.ru .



-Zj- Вот тебе карта, назови нужный блок и что ты хочешь с ним сделать.



Я вообще понял так: нужно, чтобы внутри главной рамки (которая определяется классом Bordered) был полупрозрачный серый фон, через который было бы видно основной фон страницы.



Что-то типа такого:

[Intrpt]

Alex.Chudd

Да, именно так, как на скрине.

Но если это вызывает перегрузку и торможение при скролле, как мне ответили выше, то тогда не надо..

Если же Твоим способом работает корректно..



А по карте..

Либо .singlePost, либо #page-c. Точно не знаю. -)

[Караидель]

-Zj-

Попытка задать прозрачность через альфа-канал приведёт к тому, что ссылке в этом блоке отрабатываться не будут. Оно Вам надо?



Alex.Chudd

Очень полезная карта. С Вашего позволения, утащу себе ссылку, буду юзерам давать, пока не сделаем официальный хелп по CSS.

[Чудеснов]

Караидель спасибо, но это не мое . За это респекты bokonist'у



-Zj- короче, могу посоветовать только одно: качай картинку, потом загружай себе в БИ. Картинка 1×1 пикселей, полупрозрачная, формат PNG-24.



Потом ставь себе код .bordered {background:url('адрес картинки')} и все.



В нормальных браузерах (Firefox 1.5—2.0.x, IE7) дневник будет выглядеть так:

[.сестра хаос.]

Alex.Chudd, её нереально просто сохранить..))

[.сестра хаос.]

выкачала флешгетом)

[.сестра хаос.]

Alex.Chudd, а нельзя картинку чуть более прозрачную?

[Intrpt]

Alex.Chudd

О..

Спасибо Тебе большое за помощь.

Теперь выглядит так, как было задумано.

Правда скролл стал медленнее, но это мелкие издержки.



п.с. В Opera 9.1 тоже адекватно отображается.

[Intrpt]

.сестра хаос.

выкачала флешгетом)

Хехе.. Правой кнопкой -> сохранить как.. Флешгет.. Хе..



п.с. Сорри за оффтоп.

[.сестра хаос.]

-Zj-, не канало

хз почему о.о

[Чудеснов]

фотошоп вам в руки

[.сестра хаос.]

Alex.Chudd, мои руки растут из одного печального места. я с фотошопом не дружу

[Чудеснов]

Могу завтра нарисовать 'инструкцию по применению'

[.сестра хаос.]

Alex.Chudd, качать вряд ли буду, да и не откуда. вот если бы картинку подкинул я бы была очень признательна))

[Чудеснов]

.сестра хаос. говори цвет какой надо - сделаю

[.сестра хаос.]

Alex.Chudd, чтобы на 80% прозрачное было? м)

как нидь так)

[Тлалоку]

а можно вопрос,?: что такое флешгет?

я сохраняю png, вставляю background'url') в single post,но прозрачней слой с постами не становится...(

[.сестра хаос.]

insoluble, флэшгет- прога по выкачиванию файлов из инета

[MF]

вот код для основного блока сообщений

.left #page-c{filter:progidXImageTransform.Microsoft.Alpha(opacity=85);}

Можно ли сделать и меню тоже прозрачным?

[Чудеснов]

Fr@g блин вам уже сказали, этот код лучше не использовать.



Но если совсем невтерпеж, поменяйте #page-c на #side.