Ознакомьтесь с нашей политикой обработки персональных данных
21:35 

Прозрачность, полупрозрачность - вся правда о них.

Зверь-чародей
Я удалил картинку http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png из своей БИ, чтобы больше никому в голову не пришло использовать инстукцию про полупрозрачный фон, не дочитав ее до конца!

1. Сначала уясним разницу.

Прозрачный фон - это когда на фоне нет ничего вообще. Ни цветовой заливки, ни картинки.
Полупрозрачный фон - это когда фон, не поверите, полупрозрачный ) например бледно-розовый, через который просвечивает фоновая картинка дневника.
Полупрозрачность - а вот это когда полупрозрачно все - фон, текст и картинки. У меня, например, полупрозрачное меню.

2. Как это всё делается.


Прозрачный фон



Прозрачный фон делается проще всего. Достаточно просто отключить цвета фона в настройках оформления - там, где у вас указан цвет в виде #FFAA00, надо оставить только решетку # или просто пустое место. Это стоит сделать в любом случае, если вы собираетесь работать с полупрозрачностью.

Если этого мало - прозрачность можно форсировать так:
*element* {background: transparent;}
Про то, что такое *element* - в конце поста.



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



Полупрозрачность делается сложнее, но не сильно.
Вот так:
*element* {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
Вместо 45 - нужный процент прозрачности )
100% соответствует полной непрозрачности и задается так:
*element* {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}

Если вдруг у вас не работает полупрозрачность в Internet Explorer.

Такое может быть, если вы пытаетесь назначить прозрачность элементу, для которого не указана высота или ширина.
В этом случает полупрозрачность прописывается так:
*element* {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); zoom: 1;}

Если всё равно не работает
Ответ только один - меняйте то, что вы прописывали вместо *element* Много элементов можно использовать в качестве синонимов. Про то, что такое *element*, напоминаю - в конце поста.


Полупрозрачный фон



Самое сложное. Увы. Включайте мозг )

СПОСОБ I


Плюсы: Самая трушная полупрозрачность фона.
Минусы: Фон может быть только сплошным полупрозрачным цветом, без картинок.
1. Берём из фотошопа цвет и прозрачность. Для примера, пусть это будет #11AAFF / rgb(17,170,255) и 75% — скриншот, где смотреть в фотошопе.
2. Добавляем CSS:
*element*
{
background:rgba(17, 170, 255, 0.75);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB11AAFF,endColorstr=#BB11AAFF);
zoom:1;
}


Первая строчка задаёт цвет в режиме rgba: (красный, зелёный, синий, прозрачность), цвета могут быть от 0 до 255, а прозрачность от 0 до 1.
Вторая строчка для IE, который не понимает rgba: дважды задаём цвет в специальном формате #AARRGGBB, где первые две цифры обозначают прозрачность от 00 до FF, а дальше обычная шестнадцатиричная запись цвета.


СПОСОБ II


Плюсы: Трушная полупрозрачность фона.
Минусы: Бывают глюки с отступами, которые никак, кроме ручной правки не исправляются. Я в свое время справился.
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
В фотошопе так: создаем картинку 10 на 10 px c фоном Transparent, берем заливку, устанавливаем opacity в нужное количество процентов и заливаем нужным цветом. Сохранять в PNG (если просит уточнить - PNG-24)
2. Полупрозрачный фон нужным элементам прописывается так:
*element*
{
background: none;
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
zoom: 1;
}

Ссылка должна быть на СВОЮ картинку - ту, которую вы положили в БИ.
Она будет выглядеть приблизительно так: http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png
Посмотрите на код, посмотрите на вашу ссылку и вставьте по аналогии )


3. Для элементов, которым прописали полупрозрачноть, прописывам новое свойство ссылок
(не потеряйте a и input!):
ЭТО ОФИГЕННО ВАЖНЫЙ ПУНКТ! Забудете - не будут работать ссылки в Internet Explorer
*element* a, *element* input, textarea
{
position:relative; z-index: 2;
}


4. Если ники скачут, прибиваем их гвоздями:
.authorName { float:none;}


СПОСОБ III


Плюсы: Никаких глюков, короткий и простой код, работает всегда и везде.
Минусы: Не катит на фиксированном фоне и в некоторых других случаях.

Это не столько способ, сколько чит.
На самом деле эффекта полупрозрачности фона можно добиться, просто назначив точно такой же фон элементу, но подредактированный в графическом редакторе.


Что такое *element*?



*element* - это штука, которую надо заменить на то, к чему бы собираетесь применить эффект
например
#side .bordered - меню
#side .menuSection - отдельные блоки меню
#page-t .bordered - блок записей

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

#side div.bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); }

Спасибо за внимание



З.Ы. Еще раз кто-то запостит новой темой вопрос про прозрачность - поубиваю ))
!СЛАВА РОБОТАМ!

@темы: фоновые картинки, основные блоки

Комментарии
2007-04-15 в 21:42 

Голосую за вынесение ссылки на этот пост в эпиграф :-D БОЛЬШИМИ БУКВАМИ.
Не хочется больше "прозрачные вопросы" в ф-ленте видеть... :weep:

2007-04-15 в 21:54 

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

2007-04-15 в 22:10 

mnatsakanian
сердце тоже мышца.
вот у меня такой код читать дальше

но у меня однако этого фона нет... вообще не видно.
нужна такая темно серая пелена на синем фоне.. фон записи, меню и пр..
сможете помочь?

2007-04-15 в 22:24 

я не держу зла. моё зло неудержимо.
Рёцке ну ты монстр*))

в эпиграф!! :kapit:

2007-04-15 в 22:36 

всем похуй на тебя,даже тем,кто тебя знает.
Рёцке Браво! Это вам нужна нобелевская премия за догадливость. Я именно это и имела в виду. Я всетки наверно не правильно излагала,и слишком умные не поняли мой тупой текст

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

Полупрозрачность делается сложнее, но не сильно.
Вот так:
*element* {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
Вместо 45 - нужный процент прозрачности )
100% соответствует полной непрозрачности и задается так:
*element* {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);}

Если вдруг у вас не работает полупрозрачность в Internet Explorer.

Такое может быть, если вы пытаетесь назначить прозрачность элементу, для которого не указана высота или ширина.
В этом случает полупрозрачность прописывается так:
*element* {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); zoom: 1;}

:ps: ну всетки СПАСИБО

2007-04-15 в 22:50 

Зверь-чародей
mnatsakanian научитесь читать инструкцию )
"кладем себе в Библиотеку изображения."
картинку надо брать из своей и только своей БИ
сейчас допишу в пост жирными буквами )

2007-04-15 в 23:20 

mnatsakanian
сердце тоже мышца.
Рёцке
я так и делала, собственно
читать умею и нежирные буквы:)

2007-04-15 в 23:26 

Зверь-чародей
mnatsakanian но факт остается фактом
дайрь порезал вашу картинку
цитата "background: repeat bottom right !important;"
а значит вы ее как-то не так вставляли )

2007-04-15 в 23:29 

Зверь-чародей
Tex все методы тестировались в IE6,Opera 9, FF 1.5
за IE7, Opera 8 и ниже, FF 2.0 не ручаюсь, но в FF2 и IE7, говорили, работает )

2007-04-15 в 23:40 

mnatsakanian
сердце тоже мышца.
Рёцке
аа.. может размер большой?
в предыдущей записи не было метки о 10х10 px у меня побольше картинка

2007-04-15 в 23:45 

Зверь-чародей
mnatsakanian нет - не в размере дело. главное - чтобы ссылка была ваша. если картинка ваша - дайри не режет url(...)

вот так не работает?

div.bordered {background: url('/userdir/9/3/5/5/93557/18275211.png') 0 0 repeat !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/5/5/93557/18275211.png', sizingMethod='scale');}

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

2007-04-16 в 10:11 

Паровозичек
Рёцке большое спасибо!!! :hlop: :hlop: :hlop:
у Вас очень неплохо получается писать FAQи... =) Буду ждать с нетерпением исчо, если назреете... :shy:

2007-04-16 в 15:47 

Non ti posso cercare più, non ti posso trovare qui...
Я сделала полупрозрачность. Но возник маленький вопрпос, как сделат ьтак, чтобы буквы картинки и т.д. нормально выделялись как обычно?(

А за коды и вс етакое огромное спс)

2007-04-16 в 15:52 

Трубчатый Кот
Зверь-чародей
Салемка Поясните. Я посмотрел ваш дневник и не понял, что вы имели ввиду.

2007-04-16 в 15:54 

Non ti posso cercare più, non ti posso trovare qui...
Рёцке я просто только что код убрала. Я в том смысле, что код делать ВСЕ полупрозрачным. а нельзя сделать так, чтобы все, кроме фона записи и меню, было нормальным?

2007-04-16 в 15:59 

Зверь-чародей
Салемка А вы пост читали?

2007-04-16 в 16:08 

Non ti posso cercare più, non ti posso trovare qui...
Рёцке я уже пробовала, не получается. а пост да - читала.

2007-04-16 в 16:22 

Зверь-чародей
Салемка давайте подробнее. вы хотите полупрозрачный фон меню и записей, так?
Картинку сами создадите?
Вот вам код, только поменяйте по аналогии ссылку на ссылку на свою картинку (в двух местах)

div.bordered
{
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
}
div.bordered a, div.bordered input
{
position:relative; z-index: 2;
}

2007-04-16 в 16:24 

Non ti posso cercare più, non ti posso trovare qui...
Рёцке хорошо, попробую позже)) Спасиба)

2007-04-16 в 20:37 

St.Fib
Пользуясь случаем - хочу.
А у меня полупрозрачный фон первым способом не выходит, получается вообще прозрачный, хотя opasity аж 90 стояла.

2007-04-17 в 17:02 

Зверь-чародей
St.Fib проверьте не режет ли дайри вашу картинку.
и покажите, если не сложно, код

2007-04-17 в 18:28 

St.Fib
Пользуясь случаем - хочу.
Рёцке Да нет, вроде не режет...
Вот полный код:

body.left { padding-left: 10px !important; padding-left: 170px; }
.left #wrapper { margin:0 !important; margin-left:-160px; padding-left:160px; }
.left #side { width:150px; margin-left:-160px !important; margin-left:-80px; margin-right:-150px; }
.right #page-t { margin-right:160px; }
.right #side { width:150px; margin-left:-150px; }
body.left{padding-left:10px !important;}
.left #wrapper{width:945px;margin: 0 0 0 -473px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:170px !important;margin:0 !important;}
.left #page-c{width:750px !important;padding:0 !important;}
.right #wrapper{width:945px;margin: 0 0 0 -473px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:170px !important;margin:0 !important;float:right}
.right #page-c{width:750px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
.singlePost, .menuSection{ border-style:dotted; border-width:0 0 2px;}
A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 2px; border-bottom-color: #FFFF99;}
body{background:#cccccc url('/userdir/7/7/1/5/77151/16670314.jpg') repeat fixed}
.postLinksBackg a:hover{text-decoration: none; border-bottom: dotted; border-width: 1px; border-bottom-color: rgb(237,205,84);}
.postLinks {padding: 1px;}
#myFavLink { background:url("/userdir/7/7/1/5/77151/16687819.gif") no-repeat 0; padding-left: 20px !important; }
#writeThisDiary { background:url('/userdir/7/7/1/5/77151/16713874.gif') no-repeat 0; padding-left: 20px !important; }
#umailLink { background:url('/userdir/7/7/1/5/77151/16713934.gif') no-repeat 0; padding-left: 20px !important; }
#myQuotLink { background:url('/userdir/7/7/1/5/77151/16713798.gif') no-repeat 0; padding-left: 20px !important; }
#discussionLink { background:url('/userdir/7/7/1/5/77151/16713974.gif') no-repeat 0; padding-left: 20px !important; }
#myProfileLink { background:url('/userdir/7/7/1/5/77151/16714030.gif') no-repeat 0; padding-left: 20px !important; }
#optionsLink { background:url('/userdir/7/7/1/5/77151/16714350.gif') no-repeat 0; padding-left: 20px !important; }
#myStatLink { background:url('/userdir/7/7/1/5/77151/16714070.gif') no-repeat 0; padding-left: 20px !important; }
#photolibLink { background:url('/userdir/7/7/1/5/77151/16714074.gif') no-repeat 0; padding-left: 20px !important; }
#upInChart { background:url('/userdir/7/7/1/5/77151/16716334.gif') no-repeat 0; padding-left: 20px !important; }
#albumLink { background:url('/userdir/7/7/1/5/77151/16714270.gif') no-repeat 0; padding-left: 20px !important; }
#mainpageLink { background:url('/userdir/7/7/1/5/77151/16714174.gif') no-repeat 0; padding-left: 20px !important; }
#iAmQuit { background: url('/userdir/7/7/1/5/77151/16714318.gif') no-repeat 0; padding-left: 20px !important; }
.comments {background: url('/userdir/7/7/1/5/77151/16713974.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
.subscribe {background: url('/userdir/7/7/1/5/77151/16786531.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
.addToQuote {background: url('/userdir/7/7/1/5/77151/16713798.gif') no-repeat; padding:0 0 0 20px !important; display:block; height:18px; }
BODY, HTML { SCROLLBAR-FACE-COLOR: #FFFF66; SCROLLBAR-HIGHLIGHT-COLOR: #99cc33; SCROLLBAR-SHADOW-COLOR: #cccc66; SCROLLBAR-3DLIGHT-COLOR: #99CC66; SCROLLBAR-ARROW-COLOR: #CCFF66; SCROLLBAR-TRACK-COLOR: #FFFF99; SCROLLBAR-DARKSHADOW-COLOR: #66cc66; }
a:hover {color:#99cc99;}
.paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:BirchCTT; margin-right: 3px; color: #99cc33; line-height:100% !important; line-height:140%; }
#page-t .bordered { background: url('/userdir/7/7/1/5/77151/18363358.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/7/7/1/5/77151/18363358.png', sizingMethod='scale'); }
#page-t .bordered a, #page-t .bordered input { position:relative; z-index: 2; }

2007-04-17 в 19:05 

Зверь-чародей
код надо дополнить выделенной строкой вот так:

#page-t .bordered {background: none;}
#page-t .bordered { background: url('/userdir/7/7/1/5/77151/18363358.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/7/7/1/5/77151/18363358.png', sizingMethod='scale'); }
#page-t .bordered a, #page-t .bordered input { position:relative; z-index: 2; }

Спасибо, что спросили - дополнил инструкцию )




2007-04-17 в 19:20 

St.Fib
Пользуясь случаем - хочу.
Рёцке Все равно та же фигня, все прозрачное. Ничего не меняется((

2007-04-17 в 19:35 

Трубчатый Кот
Зверь-чародей
ох... IE, наверное? у меня в опере нормально.
завтра приду на работу разберусь.

вы вижу код пока убрали...

пока можно попробовать вместо *element* прописать #postsArea или div#postsArea
типа
#postsArea { background:none; background: url('/use... и так далее по тексту..
если нет - тогда завтра.

2007-04-17 в 19:49 

St.Fib
Пользуясь случаем - хочу.
IE, он самый, чтоб его...
попробовала поменять *element*, все равно ничего. Бум ждать завтра) Пока сама попробую сообразить...

2007-04-20 в 23:09 

Fandi
Per Aspera ad Astra
Подскажите как сделать чтобы при наведении мышки на блок фон становился не прозрачным а при отсутствии мышки - полупрозрачным. Вообще по идее это делается onMouseOver и OnMouseOut но я что то не соображу как их в css впихнуть.

2007-04-20 в 23:31 

Fandi
Per Aspera ad Astra
Нашла =)
добавте отсюда пожалуйста
http://pay.diary.ru/~diaryCSS/?comm...postid=26084730

думаю не у меня одной такой вопрос =)

2007-04-21 в 22:54 

Сидим мы вдвоем на кухне, и вдруг эта толпа народа...
Рёцке Спасибо, вы прямо таки Бог... даже такая тупица, как я, поняла)

2007-04-22 в 19:52 

Возникла проблема с полупрозрачным фоном.

После описанных выше инструкций невозможно выделить текст в комментариях, и в целом - в дневнике.

Как правильно написать код, чтобы не было проблем с выделением текста.


2007-04-22 в 21:20 

а как называется блок, где вводится текст комментария?

2007-04-22 в 21:23 

BluGirl
#addCommentArea

2007-04-22 в 21:23 

Dark Rainfall спасибо!

2007-04-23 в 14:14 

Трубчатый Кот
Зверь-чародей
Dark Rainfall код в студию )

2007-04-24 в 11:16 

Рёцке

body.left { padding-left: 10px !important; padding-left: 300px; background-repeat:no-repeat; background-position: 50% 100%; background-attachment:fixed}
.left #wrapper { margin:0 !important; margin-left:-290px; padding-left:290px; }
.left #side { width:280px; margin-left:-290px !important; margin-left:-145px; margin-right:-280px; }
.left #page-c {background: none;background: url('/userdir/4/6/3/4/46348/18625434.png') !important; repeat bottom right !important;background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/userdir/4/6/3/4/46348/17576406.png', sizingMethod='scale'); font-size:90%}
#page-c A, #page-c input { position:relative; z-index: 2;}
#globalLinks {display:none}
#thisDiaryInfo {background: url('/userdir/4/6/3/4/46348/15919354.jpg')}
#commentsArea .postContent{background: #D0BD98 !important; border: 1px solid #C7E3F0; padding:0px 0px 0px 130px !important;}
#commentsArea{background-image: url('/userdir/4/6/3/4/46348/15931394.jpg');padding:0px 0px 0px 0px !important; }
.menuSection {background-image: url('/userdir/4/6/3/4/46348/17579226.png')}
.menuSection.lastSection{background-image:url('/userdir/4/6/3/4/46348/15879562.jpg');background-repeat: no-repeat;}
#lastComments ul li a{color:#ffffff}
#lastComments ul li a:hover{color:#000000; text-decoration:none;}
#lastComments ul li {color:#ffffff}
.postLinksBackg {background-image:url('/userdir/4/6/3/4/46348/15917798.jpg');!important;display:block !important; background:#border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; margin-top: 10px !important; padding:10px 0 !important;}
.postLinksBackg a:link {color:#ffffff;}
; a:hover {color:#ffffff}
; a:visited {color:#ffffff}
#addCommentArea { padding-bottom:0;background-image:url('/userdir/4/6/3/4/46348/15919354.jpg')}
#addCommentArea a:link {color:#ffffff; position:relative; z-index: 2;}
; a:hover {color:#ffffff}
; a:visited {color:#00ff00}
.authorName { float:none;}

2007-04-24 в 14:06 

Трубчатый Кот
Зверь-чародей
а что вот это за хрень, если не секрет?
; a:hover {color:#ffffff}
; a:visited {color:#ffffff}

исправлять пробуем такими способами:

.left #page-c div {zoom:1;}

.left #page-c div {z-index:2;}

.left #page-c div {position:relative;}

или комбинациями из них

получиться - отпишитесь
не получиться - откройте дайрь я в онлайне поэкспериментирую.

2007-04-24 в 14:26 

Рёцке
увы, пока ничего не получилось с кодом.
с ним съезжается в правую сторону текст постов и комментариев.

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




2007-04-24 в 19:27 

Portly Hobbit
вдогонку к комменту:
решил больше не связываться с полупрозрачностью для шестого эксплорера.
те, кто не решается сменить 6 эксплорер - это их проблемы, а не мои :)



2007-04-24 в 19:33 

Зверь-чародей
Dark Rainfall прозрачность для шестого IE лучше сделать вторым указанным в статье способом.
ЗЫ всё равно закрыто.

2007-04-24 в 19:46 

Зверь-чародей
Кстати вот так у меня работает
#page-c div {position:relative; z-index: 2;}
#page-c div div{ position: normal;}

2007-04-27 в 07:55 

Your Insomnia
Love the enemy, my love is thee enemy. They say they don't want fame, but they get famous when we fcuk
я извеняюсь, что опять поднимаю эту тему...но я делала полупрозрачность в опере и все нормально смотрелось. но когда я заглянула через эксплорер - просто ужаснулась. прозрачности нет, ссылки исчезли а когда захожу в избранные ни видно не одной записи. что можно сделать? я пыталась почитать тут и понять, но гм...что-то у меня не очень получилось)

2007-04-27 в 12:46 

Зверь-чародей
Your Sickness дневник закрыт -> не помогу.
что за дурацкая привычка просить о помощи и не показывать ЧТО ИМЕННО не работает. Я не дайри админ - как я должен увидеть код?

2007-04-27 в 21:25 

Your Insomnia
Love the enemy, my love is thee enemy. They say they don't want fame, but they get famous when we fcuk
Рёцке как-нибудь)) use your magic)

вот. открыла.

2007-05-06 в 19:38 

Т_Т
Пишу
#side .menuSection { background: none; background: url('/userdir/4/0/4/4/404484/19025822.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/4/0/4/4/404484/19025822.png', sizingMethod='scale'); }
#side .menuSection a, #side .menuSection input { position:relative; z-index: 2; }
и всё ОК.
тупо заменяю #side .menuSection на #page-t .bordered и ничего не выходит. За что? :weep3:

2007-05-07 в 02:08 

а как шрифт поменять?
я сделала полупрозрачное меню
у меня был шрифт - Arial
сейчас другое

поможете? )

заранее спасибо

2007-05-08 в 01:26 

Shackleford, Rusty Shackleford
3. Для элементов, которым прописали полупрозрачноть, прописывам новое свойство ссылок(не потеряйте a и input!):
ЭТО ОФИГЕННО ВАЖНЫЙ ПУНКТ! Забудете - не будут работать ссылки в Internet Explorer
*element* a, *element* input
{
position:relative; z-index: 2;
}


Вот про это не поняла. Значит, фон записей сделала картинкой полупрозрачной, добавила вот так:
#side .bordered a, #side .bordered input { position:relative; z-index: 2; }
#page-t .bordered a, #page-t .bordered input { position:relative; z-index: 2; }

ИЭ ничего не кажет. :bat2:

2007-05-08 в 09:53 

Трубчатый Кот
Зверь-чародей
Эраэти Масаёши
1. #page-t div.bordered
2. и дописать к полупрозрачности
.....sizingMethod='scale'); zoom:1;}

2007-05-09 в 18:13 

Рёцке Спасибо вам большое)):white:

2007-05-19 в 22:05 

правды нет, есть мнения
спасибо огроменное!
правда после всех коррекций днев стал страшно тормозить)

2007-05-19 в 23:53 

правды нет, есть мнения
ребят, я понять не могу - многие не видят текст под полупрозрачным фоном. я подозреваю, что они его видят совсем прозрачным.
а как вы видите bulut?

2007-05-20 в 00:20 

Зверь-чародей
Наверное это оттого, что вы не читали мануал вдумчиво.
Прочитайте отличие ПОЛУПРОЗРАЧНОСТИ и ПОЛУПРОЗРАЧНОГО ФОНА и выполните НУЖНЫЕ инструкции )

2007-05-20 в 01:31 

правды нет, есть мнения
Рёцке
я очень вдумчиво читала) и перечитывала)
код прописала такой:
#side .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=96);zoom:0;} - полупрозрачность меню
#page-t .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=96);zoom:0;} - полупрозрачность блока текста

из эксплорера видят вот такое:

а барышня из Файрфокса видит вот такое:

подозреваю, что Опера видит так же прозрачно)

что же делать? в чем ошибка?

2007-05-20 в 02:46 

правды нет, есть мнения
вроде поняла)
прошу подтверждения - видно текст на страничке или он тоже пролупрозрачный как и фон?)
код вставила такой:
#page-t .bordered{background: url('/userdir/1/0/0/8/100872/19950127.png') repeat bottom right !

2007-05-20 в 12:36 

Зверь-чародей
bulut
1.
#side .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=96);zoom:0;}
#page-t .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=96);zoom:0;}

этот код делает полупрозрачность ВСЕГО блока. вместе с текстом.
причем в IE на 4% а в Опере и Фоксе на 55% (сами вглядитеть - зачем у вас там разные значения?)
и почему zoom:0?

2.
#page-t .bordered{background: url('/userdir/1/0/0/8/100872/19950127.png') repeat bottom right !
чего-то тут не хватает.

2007-05-20 в 13:10 

правды нет, есть мнения
Рёцке
а кто ж его знает зачем)) как нашла, так и написала)
а код:
#page-t .bordered{background: url('/userdir/1/0/0/8/100872/19950127.png') repeat bottom right !
работает)))
вот только у некоторых тянется название темы вместе с прокруткой.
у меня же всё отлично видно

2007-05-20 в 13:36 

Трубчатый Кот
Зверь-чародей
*вшоке*
как он работает если он синтаксически НЕВЕРЕН?
вы где его взяли вообще?

2007-05-20 в 14:10 

правды нет, есть мнения
Рёцке
где - не помню. где-то на этом дневе.
а как правильно? у меня работает :D

2007-05-20 в 14:43 

Трубчатый Кот
Зверь-чародей
bulut не знаю как оно у вас работает
но у меня не работает ни полупрозрачный фон, ни картинка комментариев.

эй! вы ВООБЩЕ мануал видите?
что там написано а что у вас?

если пишите не по мануалу, не жалуйтесь что не работает, не жалуйтесь что не работают ДРУГИЕ коды из-за синтаксических ошибок и не удивляейтесь вопросам ваших ПЧ о глюках.

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

2007-05-20 в 15:11 

правды нет, есть мнения
Рёцке спасибо, сама разберусь)

2007-05-30 в 21:00 

.snupko
Приходи играть, хозяйкин свитер обшерстить, Книжку растерзать, об кресло когти поточить. Приходи ко мне из мира странных, синих снов. Плюнь на предрасудки – разбуди своих котов..
я сделала полупрозрачный фон записи и меню, но тут же возникла проблема о том, как
сделать непрозрачными текст и аватарки на фоне записи. С аватаркой в меню я вроде справилась, а вот с блоком записей...
помогите, пожалуйста.

2007-05-30 в 23:30 

Трубчатый Кот
Зверь-чародей
*подобрал челюсть*
div.bordered { background: repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/'C:/Documents and Settings/Делькин-стрелкин/Мои документы/Мои рисунки/м.gif, sizingMethod='scale'); }
ЭТО ЧТО!?!?

а вот это делает полупрозрачные блоки:
#page-t .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); zoom: 1;}

бегом сначала учиться(http://htmlbook.ru) потом вдумчиво читать инструкции.

2007-05-31 в 13:38 

правды нет, есть мнения
2007-05-31 в 13:51 

Зверь-чародей
bulut объясните мне
а) принципиальную разность вашего способа и моего, указанного вторым
б) преимущества способа, работающего на одном браузере, перед кроссбраузерным.

кстати спасибо, я теперь знаю, кому надо отрывать руки за распространиение синтакически неправильных кодов в сообществе

#page-t .bordered{background: url('/userdir/1/0/0/8/100872/19950127.png') repeat bottom right !
любой код написанный после этой дурацкой строчки работать НЕ БУДЕТ, поскольку вы даже скобку не закрыли. Я уже не говорю о таинственном восклицательном знаке в конце строки.

вам даже написали в комментах, что у людей из-за этого кода пробелемы, а вы всё равно его распространяете.

2007-05-31 в 14:03 

правды нет, есть мнения
Рёцке
ну я-то код, как вы выразились, хотя бы распространяю..собственно, я пишу что работает у меня.
а вы кроме "всё не правильно, иди учись" ничего не пишите...а нет, пишите, строчке "иди учись" предшевствует страница восклицаний какие все придурки.
собственно и всё)

2007-05-31 в 14:06 

правды нет, есть мнения
Рёцке
просмотрела.
строки #page-t .bordered{background: url('/userdir/1/0/0/8/100872/19950127.png') repeat bottom right ! у меня нет и впомине.
как-то криво вы смотрите;)

2007-05-31 в 14:15 

Трубчатый Кот
Зверь-чародей
bulut по вашей ссылке я его увидел, этот код. вы что, сами ее не смотрели? )

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


2007-05-31 в 15:05 

правды нет, есть мнения
Рёцке
нет у меня такой строки в окне оформления)))
вы со мной спорить будете?)

2007-05-31 в 15:12 

Зверь-чародей
я же вам русским языком сказал - "по вашей ссылке", которую вы привели вот в этом посте полтора часа назад
http://pay.diary.ru/~diaryCSS/?comm...78490#121654551



2007-05-31 в 15:49 

правды нет, есть мнения
Рёцке
смотрите внимательно, от этого кода я давно отказалась и никому его не советую))

2007-05-31 в 16:14 

Трубчатый Кот
Зверь-чародей
bulut а что вы, простите, тогда советуете Snup? Пройти по ссылке и ... и что?
Если человек не догадывается что картинка должна быть из БИ, хотя в инструкции про это ясно написано, вы думаете он осилит все комментарии и сделает умные выводы, а не банально скопирует первый попавшийся код?

Кстати неужели это так сложно - пост поправить?

2007-05-31 в 16:24 

правды нет, есть мнения
Рёцке
вот подождем человечка и посмотрим, осилит или нет)
не нужно много расписывать и возмущаться - дайте правильный код и вам спасибо скажут)
чем могла, помогла, удаляюсь)

2007-06-15 в 14:20 

spiderway
Рёцке
а как убрать непрозрачность полос между постами? не знаю, как объяснить, глянь днев, не очень ведь смотрится((

2007-06-15 в 14:24 

Зверь-чародей
.postLinksBackg {background:transparent !important;}
Annahita

2007-06-15 в 14:36 

spiderway
Рёцке
пасиба огромезное!

2007-06-15 в 18:29 

Рёцке а не могли бы вы и мне помочь, у меня теперь тоже не выделяется текст...
и посмотрела в нескольких версиях оперы, нигде не видно этой полупрозрачности..

2007-06-15 в 18:42 

Зверь-чародей
exotic. прозрачности в опере с вашим кодом и не должно быть. сравните ваш код и тот который нужен. внимательно сравните.

а выделяться и не будет. это баг Internet Explorerа шестой версии. кстати уже полгода как 7й вышел.

2007-06-15 в 18:53 

Рёцке спасибо) надеюсь теперь верно

2007-06-20 в 23:00 

.yeaPy_brunEtte?
.чудЕс не бываеТ,все надо дЕлатЬ самОй.
Т.е. код для полупрозрачности всего блока меню будет выглядеть так:

#side .bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); }

у меня не идет! хелп!

2007-06-20 в 23:21 

Зверь-чародей
.yeaPy_brunEtte? инструкцию дочитайте.

2007-06-21 в 11:25 

.yeaPy_brunEtte?
.чудЕс не бываеТ,все надо дЕлатЬ самОй.
Рёцке так картинка вставилась в фон записей и меню) а полупрозрачной не делается) все читала раза 3) внимательно) и се же, что неправильно?

2007-06-21 в 12:26 

Трубчатый Кот
Зверь-чародей
.yeaPy_brunEtte? какая еще картинка? у вас же код для полупрозрачности блоков, разве нет?

2007-06-21 в 12:28 

Трубчатый Кот
Зверь-чародей
а. вижу. вы код поменяли.

а теперь читайте первый пункт инструкции про полупрозрачный фон:
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
В фотошопе так: создаем картинку 10 на 10 px c фоном Transparent, берем заливку, устанавливаем opacity в нужное количество процентов и заливаем нужным цветом. Сохранять в PNG (если просит уточнить - PNG-24)

2007-06-21 в 22:30 

.yeaPy_brunEtte?
.чудЕс не бываеТ,все надо дЕлатЬ самОй.
Рёцке ааааа как все плохо! я в фотошопе таакой ламер по-этому поводу) блиин =(

2007-07-08 в 19:28 

а сейчас самый гениальный вопрос)))
где в фотошопе найти волшебное слово Transparent?

2007-07-08 в 19:48 

St.Fib
Пользуясь случаем - хочу.
ESD Когда создаешь новый файл (File - New) выбери в Background Contents (цвет фона) Transparent (прозрачный)

2007-07-08 в 20:40 

и все таки ничего не получается...
фон не полу-прозрачный,а прозрачный...

#side.bordered, #page-t .bordered { background: none; background: url('/userdir/2/1/7/8/217897/21390838.png) repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/2/1/7/8/217897/21390838.png', sizingMethod='scale'); zoom: 1; }
#side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }
#page-t .bordered a, #page-t .bordered input, textarea { position:relative; z-index: 2; }

2007-07-08 в 22:03 

Зверь-чародей
ESD кавычки закройте, проверьте действительно ли в файле полупрозрачная картинка, не убивает ли дайри вашу ссылку...

2007-07-08 в 22:31 

аааааааа...
это съело мой моск...
поправила кавычки...проверила картинку...
поставила...
белым мне делает фон...
фон же записи черный и непрозрачный...

2007-07-09 в 05:57 

Код вставила, но вместе с фоном записи и меню, делаются полупрозрачными и картинки и текст.
скрин
Может быть можно сделать фон записи и меню полупрозрачными,а все остальное (текст,фотографии,аватары...) чтобы было обычным? (Фотошопа,чтобы сделать полупрозрачный фон у меня нет.)
Помогите,пожалуйста.

2007-07-09 в 12:04 

Зверь-чародей
zaqwe прочитайте про отличие полупрозрачности и полупрозрачного фона и используйте нужный способ.
никто не говорил что будет легко.
ESD увы в больнице я с мобильника и посмотреть не могу

2007-07-09 в 15:19 

Чайники приехали (:
#page-t .bordered {background: none;}
#page-t .bordered { background: url('/userdir/1/9/2/6/19264/21412622.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/9/2/6/19264/21412622.png', sizingMethod='scale'); }
#page-t .bordered a, #page-t .bordered input { position:relative; z-index: 2; }

А в ИЕ всё равно не работает прозрачность. в Опере всё ог.
В чём беда?..)

2007-07-09 в 15:30 

Зверь-чародей
oice. код полностью напишите.
zoom: 1; забыли

2007-07-09 в 15:34 

oice.
Чайники приехали (:
Точно.Благодарю.!).

2007-07-09 в 15:49 

oice.
Чайники приехали (:
А сейчас У меня, когда пишу новый пост или редактиирую старый,в окне ничего не печатается. текст как есть, так его и не ищменить. МОжно тольо выделять.
Это может быть погрешностью преобразований? И что делать?

+ ники пользователей, которые оставляют комменты смещены чуть ли не до центра экрана. что это всё?!...

2007-07-09 в 16:04 

Трубчатый Кот
Зверь-чародей
oice. снова забилы
в этот раз про
textarea
{
position:relative; z-index: 2;
}

кстати для IE гораздо лучше, хоть и сложнее, второй способ.

2007-07-09 в 16:22 

oice.
Чайники приехали (:
В ИЕ всё отл. а Опере - не работает. Ничё не вписывается).

А второй вариант же не работает на фиксированном фоне. Так что лучше этот доработать).

2007-07-09 в 16:38 

Зверь-чародей
oice. кстати если вы пользуетесь кодом для дизайна фиксированной ширины от Tex то до конца вы код не выправите.
про ники написано в инструкции.
в опере должно работать - гдегде а там полупрозрачный фон обычно проблем не вызывает. проблема может быть в остальном коде

2007-07-09 в 16:47 

oice.
Чайники приехали (:
С никами всё стало нормально после
textarea
{
position:relative; z-index: 2;
}

А Опера лагает.
Да, фиксация взята у Теха.

Попробую ещё поковырять. Спасибо большое ещё раз.

2007-07-09 в 16:47 

oice.
Чайники приехали (:
С никами всё стало нормально после
textarea
{
position:relative; z-index: 2;
}

А Опера лагает.
Да, фиксация взята у Теха.

Попробую ещё поковырять. Спасибо большое ещё раз.

2007-07-26 в 22:01 

Хм. вопрос )) у меня все вышло замечательно, но теперь страница очень медленно прокручивается вверх/вниз. Можно как то избавится от этого косяка? возможно про это уже писали, но мои мозгики изъедены изучением CSS, поетому сорки )) искать уже нет сил

2007-07-27 в 12:27 

Трубчатый Кот
Зверь-чародей
gygyli нет. тормоза зависят от компа.
решением тут будет не использовать полупрозрачность для _больших_ блоков типа #wrapper или #page-c

2007-07-27 в 15:20 

Рёцке спс я уже это поняла, ибо глучит только в опере (на дневах я работаю в ней) а в мазиле все супер ))) но все равно спс )))

2007-07-28 в 14:29 

Ahh, look at all the lonely people
делала полупрозрачный фон по вашим наставлениям. вставила картинку в БИ и т.д. и т.п. но код не работает. фон исчезает вообще. помогите пожалуйста. мой код:

#page-t .bordered{background: none; background: url('/userdir/2/9/7/4/297497/22654387.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/, sizingMethod='scale'); zoom: 1; }

2007-07-28 в 14:32 

Зверь-чародей
девочка=дурочка смотрите что у вас в коде написано:

#page-t .bordered{background: url('/userdir/2/9/7/4/297497/22654387.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/, sizingMethod='scale'); zoom: 1; }

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

2007-07-28 в 14:38 

Ahh, look at all the lonely people
все равно не выходит... умоляю помогите... я уже два часа сижу и пытаюсь сделать... мозги уже расплавились...

2007-07-28 в 15:00 

Трубчатый Кот
Зверь-чародей
скопируйте _мой_ код заново, аккуратно замените названия файлов не удаляя кавычек, вставте сюда то, что собираетесь вставлять в дневник, втавьте в дневник и напишите сюда код, который вставился (после обновления странички настроек)

2007-07-28 в 15:07 

Ahh, look at all the lonely people
до:
#page-t .bordered {
background: none;
background: url('/userdir/2/9/7/4/297497/22654663.png') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/2/9/7/4/297497/22654663.png', sizingMethod='scale');
zoom: 1;
}

после:
#page-t .bordered{background: url('/userdir/2/9/7/4/297497/22654387.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/), sizingMethod='scale'); zoom: 1; }


2007-07-28 в 15:33 

Зверь-чародей
гм...
попробуйте в обоих местах вставлять в виде
/userdir/2/9/7/4/297497/22654663.png

2007-07-28 в 15:38 

Ahh, look at all the lonely people
я сделала так:
#page-t .bordered{background: url('/userdir/2/9/7/4/297497/22654663.png') repeat bottom right !important; background-image: none; filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/), sizingMethod='scale'); zoom: 1; }

и ничего

2007-07-28 в 15:45 

Трубчатый Кот
Зверь-чародей
девочка=дурочка я имел ввиду без //static.diary.ru/

2007-07-28 в 15:52 

Ahh, look at all the lonely people
#page-t .bordered{background: url('/userdir/2/9/7/4/297497/22654663.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/userdir/2/9/7/4/297497/22654663.png'), sizingMethod='scale'); zoom: 1; }

- все вообще чудным образом испарилось.

2007-07-28 в 15:59 

Ahh, look at all the lonely people
сделала то же самое с главным меню и все получилось, а вот с основным блоком произошло нечто странное...

2007-07-28 в 16:05 

Зверь-чародей
девочка=дурочка уберите цвета записей из настроек оформления

2007-07-28 в 16:08 

Ahh, look at all the lonely people
фон записи становится прозрачным...

2007-07-28 в 19:57 

You're my new Achilles heel
люди, у меня вопрос. у меня полупрозрачный фон зеленоватого цвета. как сделать его голубоватым?.. в кодах мало что шарю, вот все мои:
div.menuSection, div.pageBar, #epigraph, .postInner, .calnd A:hover { TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width:1px; border-bottom-color: #ffffff;}
body{filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80;}
.left #wrapper{width:700px;margin: 0 0 0 -435px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:190px !important;margin:0 !important;}
.left #page-c{width:670px !important;padding:0 !important;}
ul {text-align: center; }
.bordered { border-style:dashed; }
.bordered { border-width:1px; border-style:dashed; }
.singlePost{ background: #000000; border-width:1px; border-color:#ffffff; border-style:dotted; padding:7px;}

2007-08-04 в 20:38 

... чтобы потом не было мучительно больно за бесцельно прожитую боль
Рёцке: подскажи, делаю полупрозрачный фон блоков записей и меню - в опере всё окей, в ие фон полностью прозрачен.
ничего не помогает...
код:
#page-t .bordered { background: none; background: url('/userdir/5/0/8/9/508969/22181730.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/5/0/8/9/508969/22181730.png', sizingMethod='scale'); zoom: 1; }
#page-t .bordered a, page-t .bordered input, textarea { position:relative; z-index: 2; }
#side .bordered { background: none; background: url('/userdir/5/0/8/9/508969/22181730.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/5/0/8/9/508969/22180750.png', sizingMethod='scale'); zoom: 1; }
#side .bordered a, side .bordered input, textarea { position:relative; z-index: 2; }

2007-08-04 в 21:24 

Зверь-чародей
ku_liss такое может быть если в ИЕ отключено активное содержимое. Попросите еще кого-нибудь посмотреть на их компе.

2007-08-04 в 21:45 

... чтобы потом не было мучительно больно за бесцельно прожитую боль
Рёцке: ничего не понимаю: я ничего не изменяла в коде, но в ие теперь стал блок записей полупрозрачным! а ссылки на "комментарии", "подписаться" и "добавить в цитатник" исчезли!

:-(

2007-08-06 в 15:10 

udara
а почему перестают работать ссылки Комментарии и Подписаться?

2007-08-06 в 15:14 

Трубчатый Кот
Зверь-чародей
чего?. возможно для меню стоит прописать не только
... A {position..
а еще и
...LI A {position...

2007-08-06 в 15:18 

udara
Рёцке у меня A {position.. вообще не прописано. только
#page-t div.bordered { background: none; background: url('/userdir/9/5/9/3/95937/22962703.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/5/9/3/95937/22962703.png', sizingMethod='scale'); zoom: 1; }
#page-t div.bordered a, #page-t div.bordered, textarea { position:relative; z-index: 2; }

2007-08-06 в 15:24 

Трубчатый Кот
Зверь-чародей
чего?. как это не прописано
а это
#page-t div.bordered a, #page-t div.bordered, textarea { position:relative; z-index: 2; }
что?

и для меню прописано:
#side .bordered a, #side .bordered input, textarea { position:relative; z-index: 2; }

2007-08-06 в 15:46 

udara
ой простите, правдо не заметила :shy:

а это LI A куда пиать нужно?
#page-t div.bordered li a, #page-t div.bordered, textarea { position:relative; z-index: 2; } ?
и..для себя чтобы знать "А" - это ссылки, да? или я что-то путаю?

2007-08-06 в 16:17 

Зверь-чародей
чего?.
A - ссылки
LI - пункт списка
LI A - ссылки внутри элемента списка )

2007-08-06 в 16:19 

Зверь-чародей
#page-t div.bordered li a

А вот это например означает, что на основной странице(#page-t) есть блоки постов(div.bordered) на которых есть списки с пунктами(LI) в которых есть ссылки(A)

а "подписаться" и есть ссылка в элементе списка.

2007-08-06 в 16:31 

udara
ну тогда получается, что
page-t div.bordered li a, #page-t div.bordered, textarea { position:relative; z-index: 2; }
должно работать?
или все не так просто?)

2007-08-06 в 16:42 

Трубчатый Кот
Зверь-чародей
#page-t div.bordered a,#page-t div.bordered li a, #page-t div.bordered, textarea { position:relative; z-index: 2; }

а ели не будет, то наверное надо непосредственно ссылкам, которые не работают прописать то же самое.

2007-08-06 в 16:59 

udara
Рёцке неа, не работает.
а отдельно Комментарии Подписаться и Цитатник это с помощью
#comments , #subscribe и #addToQuote lastLink ?
а вообще спасибо большое за помощь)

2007-08-12 в 06:11 

rude and not ginger

Я удалил картинку http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png из своей БИ
а как теперь делать полупрозрачный без такой картинки? :confused:

2007-08-12 в 09:47 

Зверь-чародей
Реми. читать инструкцию

2007-08-19 в 17:23 

Что у пьяной женщины на уме, то у пьяного мужчины никогда не получится!
эм...насчет закрпления ников. я ник закрепила, но т.к. у меня идем центрирование всего, что только возможно, то они посередке болтаются...можно как-нибудь прикрепить их к левому краю?)

2007-09-08 в 23:55 

Рёцке
Я удалил картинку http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png из своей БИ, чтобы больше никому в голову не пришло использовать инстукцию про полупрозрачный фон, не дочитав ее до конца!
а можно полюбопытствовать: что было на картинке?
а по вашей замечательной инструкции у меня получился отличный полупрозрачный фон:)

2007-09-17 в 15:25 

Тепер, спи до завтра, Спробуєм може, ще
как отменить полупрозрачность поля ввода для новой записи?

извеняюсь, что не совсем в тему.

2007-09-19 в 03:31 

Окружающие видят только мои маски и думают, что знают меня....
ставлю полупрозрачность самого блока с текстом, и все содержимое становится тож полупрозрачным (картинки, цвет текста тускнеет...)
Это можно как-то исправить?

2007-09-19 в 06:39 

Тепер, спи до завтра, Спробуєм може, ще
ставлю полупрозрачность самого блока с текстом, и все содержимое становится тож полупрозрачным (картинки, цвет текста тускнеет...)
Полупрозрачность - вот это когда полупрозрачно все - фон, текст и картинки.
Полупрозрачный фон - это когда фон, не поверите, полупрозрачный )
Это можно как-то исправить?
да. не путать полупрозрачность и полупрозрачный фон. в инструкции расписанно.

2007-10-23 в 12:57 

Противную сторону нужно выслушать, как бы она ни была противна
Рёцке, спс большое за подробную инструкцию) Даже я сообразила)) но, почему-то, у меня перестал правильно работать тэг more)

Код теперешний (он же был до того, как попробовала ввести новый):

body { background-attachment:fixed; }
#side .bordered {border: none;}
#side .menuSection {border: 3px double #336633;}
#page-c .countFirstDate,.countSecondDate {border: 3px double #336633;}
#page-c .bordered {border: none;}
#page-c .singlePost {border: none;}
#page-c .singlePost { background: none; border: 3px double #336633;}
#side {-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}
#page-t .bordered {-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}

Пыталась ввести такой:
body { background-attachment:fixed; }
#side .bordered {border: none;}
#side .menuSection {border: 3px double #336633;}
#page-c .countFirstDate,.countSecondDate {border: 3px double #336633;}
#page-c .bordered {border: none;}
#page-c .singlePost {border: none;}
#page-c .singlePost { background: none; border: 3px double #336633;}

#side, #page-c
{
background: none;
background: url('/userdir/8/1/6/4/81646/24083094.png') repeat bottom right !important;
background-image: none;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/8/1/6/4/81646/24083094.png', sizingMethod='scale');
zoom: 1;
}

.paragraph
{
background: none;
background: url('/userdir/8/1/6/4/81646/24083230.png') repeat bottom right !important;
background-image: none;
filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/8/1/6/4/81646/24083230.png', sizingMethod='scale');
zoom: 1;
}

Моря стали местами пропадать (то есть, жмешь на "читать дальше", и иногда открывается пустое место, текста нет, а иногда - все нормально).

У меня Мозилла Файрфокс 2.0.0.8

Прописала новые свойства ссылок для указанных элементов - та же картина. Затерла все нафик) Но хочется узнать, в чем моя ошибка) Заранее спасибо)

2007-11-08 в 12:18 

.принцессы не пукают!
ребята, у меня при прозрачности начинает тормозить прокрутка дневника. с чем это связано и как устранять?

2007-11-08 в 16:36 

Тепер, спи до завтра, Спробуєм може, ще
.гиена, ну а сам(а) как считаешь?) ..убрать прозрачность или модернизировать компьютер.

2007-11-11 в 01:28 

barsy
Клиа.
очень хороший мануал.
Если этого мало - прозрачность можно форсировать так:
*element* {background: transparent;}

лучше так:
*element* {background: inherit;}

кстати opacity будет единственным правильным свойством css3. его уже сейчас подхватывает опера и фф.


2007-11-12 в 02:44 

Ты делаешь будущее каждую секунду- помни об этом!
ох, комментарии просто жгут:) Искренне сочувствую Рёцке.

Спасибо за пост!

2007-11-18 в 13:49 

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

2007-11-25 в 14:59 

"умереть или быть убитым - это закон жизни. это лучше, чем жить без цели"(с)Киба
у меня в комментариях ники комментирующих сбиваются в кучу в углу. если исправляю это кодом
textarea
{
position:relative; z-index: 2;
}
то ники появляются, но перестают работать ссылки.
помогите, пожалуйста))

2007-11-25 в 18:26 

Что у пьяной женщины на уме, то у пьяного мужчины никогда не получится!
у меня похожая проблема. из-за ксс в дайре не работаю видео, музыка, ники иногда улетают и всякий раз, когда ставлю ссылку, то пишет, что ошибка - надо закрыть ИЕ... и также если фотка, например, больше положенного размера по ширине и высоте и закрыта под морем, то это все...

2007-12-02 в 15:40 

Меняя за счет других людей свое прошлое, мы становимся их будущим.
помогите пожалуйста. вот код:


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

2007-12-07 в 13:55 

Same As It Never Was
Делаю, как вы учите, но ничего не выходит. Вообще не совершается никакких изменений.

#page-t.bordered{ background: none; background: url('/userdir/1/4/8/8/148850/25569062.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/4/8/8/148850/25569062.png', sizingMethod='scale'); zoom: 1; }
#page-t.bordered a, #page-t.bordered input, textarea { .position:relative; z-index: 2; }

????

2007-12-07 в 14:21 

Что у пьяной женщины на уме, то у пьяного мужчины никогда не получится!
ещё в настройках оформления нужно в графе "фон записи" все убрать)

2007-12-07 в 15:03 

Same As It Never Was
ой, точно..
но тогда идёт полная прозрачность..

2007-12-07 в 19:37 

Что у пьяной женщины на уме, то у пьяного мужчины никогда не получится!
попробуй тогда так:
#page-t.bordered { background: none; background: url('/userdir/1/4/8/8/148850/25569062.png') repeat bottom right !important; background-image: none; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/4/8/8/148850/25569062.png', sizingMethod='scale'); zoom: 1; }
#page-t.bordered a, #page-t.bordered input, textarea { .position:relative; z-index: 2; }

между бордерд и { бэкграунд я поставила пробел. вообще часто такое... пробуй ставить и убирать пробелы между текстом и скобочками, помогает) например, ещё можно изменить zoom: 1; } на zoom: 1;}

2007-12-07 в 20:01 

Same As It Never Was
и всё равно полная прозравчность.. бред какой-то. может это мой комп или опера...(?)

2007-12-07 в 21:06 

Что у пьяной женщины на уме, то у пьяного мужчины никогда не получится!
дай мне картинку, я у себя попробую, скажу.)

2007-12-07 в 21:26 

Same As It Never Was

2007-12-08 в 17:01 

Sorry I broke the internet with my butt (с) Phil Lester
Ставлю такой код для прозрачности контейнера #wrapper:

#wrapper { width:700px; padding-left 20px; background: none; background: url('/userdir/9/5/4/3/95431/25320746.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='//static.diary.ru/userdir/9/5/4/3/95431/25320746.png', sizingMethod='scale'); zoom: 1; }
#wrapper a, #wrapper input, textarea { position:relative; z-index: 2; }

=================================
Но у меня не действуют в таком случае ни ссылки, ни кнопки. Да и текст не выделяется для того, чтобы вставить цитату.
Скажите пожалуйста, ЧТО я неправильно делаю?
===============================

Могу, если это необходимо, показать ВЕСЬ код пользовательского стиля.
Вот он:
body {background-image:url('/userdir/9/5/4/3/95431/25317978.jpg'); background-attachment:fixed; margin-top:0px !important; }
body.left{padding-left:10px !important;}
.left #wrapper{width:700px;margin: 0 0 0 -455px !important;padding:0 !important;position:relative;left:50%;//left:49.5%;}
.left #side{width:150px !important;margin:0 !important;}
.left #page-c{width:700px !important;padding:0 !important;}
.right #wrapper{width:700px;margin: 0 0 0 -455px !important;padding:0 !important;position:relative;left:50%;}
.right #side{width:150px !important;margin:0 !important;float:right}
.right #page-c{width:700px !important;padding:0 !important;}
.right #page-t {margin:0 !important;}
body a, body input, textarea { position:relative; z-index: 2; }
#wrapper { width:700px; padding-left 20px; background: none; background: url('/userdir/9/5/4/3/95431/25320746.png') repeat bottom right !important;

background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/5/4/3/95431/25320746.png',

sizingMethod='scale'); zoom: 1; }
#wrapper a, #wrapper input, textarea { position:relative; z-index: 2; }

#photolibLink {content:'БИ'; }
#upInChart, #headlineList, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #diarySupportLink, #faqLink, #myProfileLink, #myStatLink, #myQuotLink, #allDiaryLink, #paySupportLink, #communityCatalogueLink {display:none}
.avatar, .avatarNew { float:left; background: no-repeat bottom right !important; background: no-repeat bottom right; margin: 10px 0 0px 10px !important; margin: 10px 0 0px 5px; padding-left:5px; }
.avatar img,.avatarNew img { display: block; position: relative; background-color: #dbe1e6; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; FILTER: progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=150, Strength=4); }
.singleComment .postInner { margin-left:-150px; padding-left:150px; z-index: 3;}
.commentAuthor .name { margin:0px 0 10px; width:130px; max-width:130px; }
.authorName { float:none ; margin-bottom: 20px; }
.commentAuthor .avatar, .commentAuthor .avatarNew {margin-top: 0px; margin:0px 0 2px; width:0auto !important; max-width:140px !important; width:140px; max-width:140px; }
.singleComment .commentAuthor { float:left; width:130px; overflow:visible; margin-left:-140px !important; margin-left:-65px; max-width:130px; }
.singleComment .postContent { padding-left:128px; }
.sign {background-color: #; margin-left: 10px; }
#authorName {font-weight: bold; }
.singlePost {background: url('/userdir/9/5/4/3/95431/26961813.jpg') no-repeat; background-position:bottom; !important; }
#extratop {border-width:1px; border-style:solid; border-color:#ffff00; position:fixed !important; margin-top:0px !important; margin-left:0px !important; left:0px !important; top:0px !important; background-image:url('/userdir/9/5/4/3/95431/26994245.jpg') !important; background-repeat:no-repeat !important; background-color: #dbe1e6; width:99,9%; height:80px; line-height:0% !important; background-position:center; }
====
Если делаю прозрачность блоков #side и #page-t, всё работает нормально, но мне хочется сделать прозрачным имменно ОБЩИЙ контейнер #wrapper
=====
Помогите, пожалуйста!!!

2007-12-15 в 01:19 

Рёцке, ты гениальный! пост офогительный!
но у меня возникло маленькое затруднение. я сделала полупрозрачность на все, кроме фона днева (экстратоп, менюшку, блок, короче все) сначала написала просто:
#wrapper {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); zoom: 1;}
все сработало, но днев стал жутко тормозить!
я переделала вот так:
#side {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); zoom: 1;}
#page-c {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); zoom: 1;}
#extratop {-moz-opacity:.85 !important;opacity:.85 !important; filter:alpha(opacity=85); zoom: 1;}

тоже все отлично, менюшка тормозить перестала и прокрутка днева заммечательная, но в блоке записей все равно очтались глюки (тормозят смайлы, курсор при наведении на ссылку, и т.п...)
я перечитала и перепробывала все по 100 раз!!! честно! но никаких улучшений =(
у меня IE7. в опере смотрела, тоже самое. очень прошу помощи!

2007-12-15 в 04:56 

"умереть или быть убитым - это закон жизни. это лучше, чем жить без цели"(с)Киба
почему нельзя копировать текст? он упорно не жеалает выделятся! =/

2007-12-15 в 13:33 

.Morana
потому что вы пользуете IE, в других браузерах все работает

2007-12-15 в 20:35 

"умереть или быть убитым - это закон жизни. это лучше, чем жить без цели"(с)Киба
~narcissa
блин.. т.е. в Ие это не исправить никак?
у меня полупрозрачный фон в блоке меню текст нормально выделяется, а вот в основных записях и камментах - нет

2007-12-15 в 21:19 

.Morana
а вы по какому способу прозрачность делали? я смотрю через МФ и полупрозрачно только меню, а блок записей остается как есть. вообще странно очень у вас все выглядит. я полгода использовала полупрозрачность по первому способу и все отлично работало (кроме выделения текста в ИЕ, но это проблемы пч). кроме того, в ИЕ полупрозрачность фона становится меньше ровно в два раза, т.е. если фоновая картинка заливалась с 20% интенсивностью, то в ИЕ она отображается на 40%.
меняйте браузер и не мучайтесь.

вот так оно выглядит в MF

2007-12-16 в 00:12 

"умереть или быть убитым - это закон жизни. это лучше, чем жить без цели"(с)Киба
~narcissa
о блин :nerve:
я делала по первому способу... хм, да пожалуй надо менять...

2007-12-18 в 02:38 

forbiddenFRUIT
физический контакт.флирт.
про З.Ы.
я была бы следующей жертвой)))

2007-12-20 в 04:57 

Altair Vega
Огромное спасибо!
У меня все получилось сразу. И даже лучше, чем ожидала.
СПАСИБО.

2007-12-22 в 12:43 

Бей ерундовин!!
помогите пожалуйста тупому ребёнку, - в войне с css я терплю поражение на всех фронтах..(Т^Т)
по первому способу сделала полупрозрачный фон, который на "ура" отображается оперой, лисицей,
а вот шестым IE (как можно догадаться) не видится в упор, хотя и третий пункт кажется учтён..=="
(это мой код)

2007-12-22 в 13:07 

Бей ерундовин!!
сделала вторым способом, почти всё корректно, извините за беспокойство..%))

2007-12-24 в 17:44 

Время для счастья - сейчас.
Помогите, пожалуйста! :(
Надо чтобы меню продолжалось вместе с блоком и чтобы фон там был полупрозрачный. А общий фон д.б. неподвижен.

Сделала так:
#wrapper{background: none; background: url('/userdir/4/3/5/1/435101/27549305.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/4/3/5/1/435101/27549305.png', sizingMethod='scale'); zoom: 1; overflow:hidden;}
body{ background-attachment:fixed; }
#wrapper a, #wrapper input, textarea { position:relative; z-index: 2; }

В Опере всё прекрасно, так и надо, а в ИЭ - текст не выделяется, ссылки не кликабельны...
Выше девушка уже задавала такой вопрос, но ответа я не вижу.

2007-12-24 в 20:50 

Jazzmin
ответ был: в ИЕ вы это не исправите.
а вообще очень странно, я посмотрела ваш дневник через ИЕ, и там не только ссылки не работают, там и прозрачность пропадает(
если вам кто-ниб умный не подскажет, то я постараюсь найти свой старый код, потому что пробовала прозрачность и объединение блока меню с блоком записей и все работало (правда не знаю как было в ИЕ)

2007-12-25 в 00:37 

Время для счастья - сейчас.
~narcissa
спасибо за помощь)
в 6-м ИЕ вроде прозрачность была... а в 7-м действительно нет...
хочется всё же, чтобы и в ИЕ было всё пучком...

2008-01-10 в 17:34 

Ммммммм, вопрос.
Везде нужно вставить картинку, загнав её в БИ. Верно? Ну не везде, а только в последнем коде, так как полупрозрачный фон делает полупрозрачным всё - и картинки и шрифт и видео и т.д. Меня это не особо устраивает.
Выходит - нужно в пейнте или фотошопе сделать фон такого цвета, какой тебя устраивает, а потом его загнать в код.
А нельзя сделать это именно с кодом цвета вместо картинки, потому что здесь ты кое-как цвет нашёл, где гарантия что нужный цвет ты найдёшь в фотошопе?
короче. с кодом цвета из настроек оформления код для полупрозрачности никак не сделать?

2008-01-10 в 17:50 

~*~Крист~*~
код цвета из настроек оформления = коду цвета в фотошопе

2008-01-10 в 22:00 

~narcissa, значит всё так просто? спасибо. не знала. не слишком разобралась ещё в самом фотошопе.

2008-07-20 в 13:58 

Шоко_лад
Внимание! Радость воздушных шариков только снаружи! (с)
Ничего не понимаю...
Пытаюсь сделать полупрозрчный фон пока хотя бы в меню. Пользуюсь первым способом. Делаю все по пунктам. А потом открываю дневник, и фон просто непрозрачный...
Код:
#side { background: none; background: url('/userdir/7/8/6/9/786961/31753876.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/7/8/6/9/786961/31753876.png', sizingMethod='scale'); zoom: 1; }
#side a, #side input, textarea { position:relative; z-index: 2; }

Может с картинкой что-то не то?

UPD: вместо идиотского смайла двоеточие и D

2008-07-29 в 20:27 

[ 白人看不懂 ][я ем людей][заслуженный нереварин][Tragic Bronson]
Шоко_лад
у меня аналогичная история.
дело, как я поняла, в самом .png - у меня в библиотеке изображений он никак не хочет оставаться полупрозрачным. меняется на непрозрачный.
хотя на компе тот же файл в сохранённом виде столь же полупрозрачен, как и задумывалось.
и вот даже не знаю, как извратиться, чтоб это исправить.

2008-07-29 в 21:09 

Шоко_лад, [Ichimaru Rin]
об этой проблеме уже давно сообщили администрации, разработчики что-то там делали, сказали что сейчас на устранение проблемы нет времени. так что ждать еще долго.

2008-07-29 в 21:27 

[ 白人看不懂 ][я ем людей][заслуженный нереварин][Tragic Bronson]
~narcissa
о, спасибо, буду знать~~~
надо пересматривать диз, значит ТТ

2008-08-28 в 15:17 

bletchley.
Leibwachter
Вопрос такой - дайри убивают картинку подчистую. В смысле - она становится не прозрачной, просто белой. Ни фига не пойму как это изменить?

2008-08-28 в 22:38 

Mermaid
Эти глупые люди думают, что любовь есть, а русалок нет. Но мы-то с вами знаем, что все наоборот (с)
об этой проблеме уже давно сообщили администрации, разработчики что-то там делали, сказали что сейчас на устранение проблемы нет времени. так что ждать еще долго
ну вот... а я тут 1,5 часа мучила картинку, попутно читая комментарии :)

2008-08-30 в 20:17 

bletchley.
никак. проблема уже давно, и ее решение, похоже, не входит в ближайшие планы администрации дневников :-<

2008-10-05 в 22:47 

Я сам по себе мальчик ©
Подскажите, пожалуйста...
Испоьзую полупрозрачный фон по первому способу. У меня в ИЕ все отлично, а у ПЧ в Лисе - фон полностью прозрачный. С чем это может быть связано?..
код

2008-10-16 в 14:45 

Повелитель стихий
Привет Всем!
У меня проблема! :(.
Хочу полупрозрачный фон записей .
я вставляю код:

#page-t div.bordered {-moz-opacity:.70 !important;opacity:.70 !important; filter:alpha(opacity=70);zoom:1; }

и у меня начинает дико тормозить браузер при прокрутке ( опера другими не пользуюсь..) - пробовал на нескольких машинах...
что делать не знаю Т_Т из-за чего это? помогите плз!
пробовать другие способы не очень хочется....в жабе я ноль, да и в ксс тоже xD

код дизайна страницы без прозрачности :


читать дальше

2008-10-19 в 16:27 

I hate spoilers! They ruin everything!
#thisDiaryPhoto {-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100);} не работает(((( почему?

2008-11-08 в 23:48 

мне конечно очень стыдно, но сколько раз я не пробывала, полупрозрачность у меня не получается.
я не знаю что делать.

2008-12-04 в 21:33 

Бес без бесчувствия
Дивно. Тут все такие умные. Тогда может скажете, что нужно написать вместо *элемент*, чтобы меню и поле записи были полупрозрачными?

2008-12-06 в 23:51 

Рёцке Рёцке а как сделать эпиграф прозрачны?
я написал #epigraph#{background: transparent}
не помогло((((

2008-12-07 в 06:37 

Тепер, спи до завтра, Спробуєм може, ще
V.Azazello, вторая # явно лишняя. попробуй:
#epigraph{background: transparent;}

2008-12-07 в 13:05 

муравей штата Вой пробовал!
тоже ничего((((((
может это из-за того, что у меня посты сплошной калонкой, а не табличками?

2008-12-07 в 20:00 

Тепер, спи до завтра, Спробуєм може, ще
V.Azazello, возможно эпиграф у тебя прозрачный, но под ним какой-то другой слой - нет.
попробуй плясать от обратного: сделай прозрачным весь фон записей, а потом закрашивай всё кроме эпиграфа.

2008-12-07 в 23:06 

муравей штата Вой скажите коды!

2008-12-08 в 05:25 

Тепер, спи до завтра, Спробуєм може, ще
"Прозрачный фон делается проще всего. Достаточно просто отключить цвета фона в настройках оформления - там, где у вас указан цвет в виде #FFAA00, надо оставить только решетку # или просто пустое место. Это стоит сделать в любом случае, если вы собираетесь работать с полупрозрачностью."

заливка как-нибудь так:
.singlePost.countSecond, .singlePost.countFirst {background-color:#00000000; }
..что получится - не знаю.)

2008-12-08 в 11:09 

муравей штата Вой .singlePost.countSecond, .singlePost.countFirst {background-color:#050505; }
дааа, вот этот код.
спасибо.

2008-12-10 в 22:37 

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

2008-12-10 в 22:37 

код у меня такой для записей:
#page-t .bordered {-moz-opacity:77 !important;opacity:77 !important; filter:alpha(opacity=77);}

2008-12-10 в 23:08 

You may call me a dreamer, call me a fool... © Kamelot
V.Azazello Полупрозрачность - а вот это когда полупрозрачно все - фон, текст и картинки. У меня, например, полупрозрачное меню.
так что делать другим способом.

2008-12-10 в 23:12 

air.raid.siren каким например?

2008-12-10 в 23:19 

You may call me a dreamer, call me a fool... © Kamelot
V.Azazello, в посте и про полупрозрачный фон написано, и про всё, дерзайте ;-)

2008-12-10 в 23:27 

air.raid.siren спасибо.

2009-02-08 в 00:10 

Britney Black
Танец — это вертикальное выражение горизонтального желания © (Бернард Шоу)
Огромное спасибо!!!!

2009-02-18 в 12:54 

Walterka
Доброго времени суток. У меня проблема следующего характера. Сделал полупрозрачный фон записей и меню. В мозилле, опере и седьмом ИЭ все отображается прекрасно, как надо. Но, по словам очевидцев, в еретическом шестом internet explorer'е не отображается фон записи, и текст становится совершенно нечитабелен на основном фоне дневника. Это неисправимо или все же есть какой-то способ, кроме того, чтобы советовать обладателям еретического браузера качать новую версию или отключать изображения?

2009-11-20 в 23:58 

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

2009-11-21 в 10:07 

Walterka
Вы же делаете полупрозрачным фон ВСЕГО БЛОГА, как сами только что сказали. Логично, что полупрозрачным будет все: меню, фото, эпиграф, текст записей и картинки в ленте дневника/избранного. Читайте внимательнее. Если не хотите этого - ставьте на фон блога полупрозрачный пнг.

2009-11-21 в 14:22 

Люблю и любима.
pic.ipicture.ru/uploads/091120/92yh3yR4r1.jpg
вот что у меня получается
и хочется что б так и было а картинки не просвечивали если это возможно

СПОСОБ I

Плюсы: Трушная полупрозрачность фона.
Минусы: Бывают глюки с отступами, которые никак, кроме ручной правки не исправляются. Я в свое время справился.
1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.
В фотошопе так: создаем картинку 10 на 10 px c фоном Transparent, берем заливку, устанавливаем opacity в нужное количество процентов и заливаем нужным цветом. Сохранять в PNG (если просит уточнить - PNG-24)
2. Полупрозрачный фон нужным элементам прописывается так:
*element*
{
background: none;
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
zoom: 1;
}
Ссылка должна быть на СВОЮ картинку - ту, которую вы положили в БИ.
Она будет выглядеть приблизительно так: http: //static.diary.ru/userdir/9/3/1/2/93120/17332882.png
Посмотрите на код, посмотрите на вашу ссылку и вставьте по аналогии )


3. Для элементов, которым прописали полупрозрачноть, прописывам новое свойство ссылок
(не потеряйте a и input!):
ЭТО ОФИГЕННО ВАЖНЫЙ ПУНКТ! Забудете - не будут работать ссылки в Internet Explorer
*element* a, *element* input, textarea
{
position:relative; z-index: 2;
}

4. Если ники скачут, прибиваем их гвоздями:
.authorName { float:none;}

этот способ делает так
pic.ipicture.ru/uploads/091121/d3686Tau1a.jpg
и меня это нее устраивает

2010-03-16 в 23:29 

*#side div.bordered* {background: none; background: # repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/4/7/1/1471473/53124566.png', sizingMethod='scale'); zoom: 1;}
*#side div.bordered* a, *#side div.bordered* input, textarea { position:relative; z-index: 2; }
#side div.bordered {-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); }


пытаюсь сделать полупрозрачный фон. с CSS только-только начинаю.
-что я не так прописываю?
доп инфо: ос-мак, браузер-сафари

заранее спасибо. ;)

2010-03-17 в 08:44 

Walterka
macca, звездочки по краям объектов не нужны. В примере они стояли как кавычки.

2010-03-17 в 12:13 

fail better
Обновил с разрешения Рёцке запись: добавился способ сделать любому блоку полупрозрачный фоновый цвет без картинки, который работает во всех современных браузерах и IE5.5-8. Полупрозрачный фон — Способ I.

2010-03-17 в 17:22 

Walterkaубрала-не помогло(

2010-03-17 в 18:01 

macca, перечитайте первый пункт в заглавном посте. bokonist изменил его и добавил более простой способ.

2010-03-17 в 23:45 

Walterka не, я вот что не то делала-поняла-имя элемента не то прописывала
теперь все ок) спасибо!

2010-04-13 в 07:57 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
Сделал себе дизайн по инструкции (способ 2). Во всех браузерах выглядит так, как задумывалось:


Но в ИЭ 8 прозрачность в разы меньше и какой-то ужас творится со шрифтами:


Понимаю, что все говорят про глючность ИЭ, но возможно ли исправить такой «эффект» (для душевного спокойствия)?

Пробовал первым способом — в ИЭ и Опере прозрачность работала нормально (в ИЭ снова искажался шрифт), но в других браузерах (ФФ, Сафари) отображался только полупрозрачный wrapper, а в блоках фон вообще исчезал. Что я не так делаю?

Фрагмент кода:
.left #wrapper { background: url('/userdir/1/6/0/6/160675/54137606.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/6/0/6/160675/54137606.png', sizingMethod='scale'); }
.left #wrapper a, .left #wrapper input { position:relative; z-index: 2; }

div.bordered { background: url('/userdir/1/6/0/6/160675/54137606.png') repeat bottom right !important; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/1/6/0/6/160675/54137606.png', sizingMethod='scale'); }
div.bordered a, div.bordered input { position:relative; z-index: 2; }

2010-04-13 в 11:55 

Walterka
Junger Lord, попробуйте способ с прозрачностью цвета, который предложил bokonist/

2010-04-13 в 21:30 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
Walterka, вы про способ № 1? Так я же написал, что его тоже пробовал: прозрачность нормальная, но в ИЭ со шрифтами такая же история. Вот и хотелось бы узнать, возможно ли вообще в ИЭ избавиться от уничтожения сглаживания шрифтов? В принципе, я ИЭ не пользуюсь, но для личного спокойствия бы хотелось, чтобы у всех читателей одинаково красиво отображалось))

2010-04-13 в 21:46 

Walterka
Junger Lord, в настройках браузера отключить функцию "сглаживание шрифта" или что-то вроде того (не помню, как точно называлось), это не от дизайна зависит.

2010-04-13 в 21:58 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
Walterka, у меня она отключена (попробовал включить — никаких изменений). И, к тому же, на прошлом дизайне такого не наблюдалось. Шрифт стал тонким только после установки полупрозрачного фона.

2010-04-13 в 22:57 

fail better
Junger Lord, сейчас у вас стоит rgba(183, 181, 200, .5) и filter:gradient #88b7b5c8 — 0x88 больше чем 50%, поэтому светлее, должно быть 0x80.

в вашем случае можно обойтись без прозрачности — сделайте три картинки разной яркости, задайте каждому блоку свою картинку в режиме fixed с позиционированием 50% 0 — они будут позиционироваться относительно body и совпадать на стыках.

2010-04-13 в 23:05 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
bokonist, спасибо за исправление 88)) я, честно говоря, не очень понимаю, как это высчитывается. Только проблема со шрифтом осталась.

2010-04-13 в 23:08 

Walterka
Junger Lord, вы ставите полупрозрачные картинки?

2010-04-13 в 23:16 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
Walterka, по второму способу — да. По первому — нет.

2010-04-13 в 23:23 

Walterka
Junger Lord, Букинист вам предложил сделать непрозрачные картинки, наложив в фотошопе на фон полупрозрачный слой, залитый цветом, и сохранить это в джипеге или гифе, а затем поставить на фон блока записей (или куда там надо?), зафиксировав этот самый фон.

2010-04-13 в 23:30 

Врагов я забрасываю цветами - в гробу. (c) Сальвадор Дали
Walterka, а, Вы об этом. Ещё не пробовал, завтра испытаю. В любом случае спасибо.

2010-04-13 в 23:57 

fail better
Junger Lord, дествительно, многие фильтры отключают cleartype в IE, увы. если вам дорого сглаживание в IE попробуйте вариант без прозрачности.

2010-11-08 в 22:59 

Katze
Хома сапиенс
2. Полупрозрачный фон нужным элементам прописывается так:
*element*
{
background: none;
background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');
zoom: 1;
}


Выделенные элементы конфликтуют между собой. Либо вы прописываете единый элемент background, либо отдельные свойства для background-image и background-color (кстати, почему тут не упоминается, что он может быть transparent?).
И с ссылкой у вас косяк.

Правильнее, на мой взгляд, выглядит нечто вот такое:



Поправьте в посте, пожалуйста, а то народ путается.

2010-11-09 в 12:33 

fail better
Katze, вы правы, первая строчка тут не имеет смысла. Но если вы попробуете ваш код в IE6-7, увидите наложение двух картинок, одна из которых будет с серым непрозрачным фоном в IE6. AlphaImageLoader добавляет картинку между фоном блока и его содержимым. Чтобы убрать фоновую картинку в IE6 используется !important-хак.

Если поддержка IE6 не интересует, следует пользоваться первым способом без картинок.

2010-11-09 в 12:52 

Katze
Хома сапиенс
bokonist, однако в FF и хроме такой код может быть воспринят неправильно (и такое происходит). Может, стоит указать, что этот способ корректен только для IE? А то у людей бэграунд пропадает.

2010-11-10 в 00:55 

fail better
Katze, во всех браузерах кроме IE6 применится только вторая строчка. Вы можете показать пример, где этот код вызвал проблемы?

2010-11-10 в 01:24 

Katze
Хома сапиенс
diarycss.diary.ru/p133055996.htm
Броузер хром. Копировали код так, как здесь написано. Поэтому, собственно, и попросил поправить.

2012-01-06 в 21:56 

InSant [DELETED user]
ни один из способов не помог.. :upset: Все делала по инструкции.
только последний, но там все становится полупрозрачным.

2012-01-07 в 21:51 

Walterka
ocean-fantasy, какой браузер? Не ИЭ, случаем? Можете показать коды?

2012-01-08 в 00:06 

InSant [DELETED user]
Walterka, , браузера 2 - Мозилла и Опера. Самые новые версии.
я вчера намудрила с кодами..

Хотелось бы сделать фон записи полупрозрачным а фон дневника фиксированным. Знаю, что этот код косячный, но так как я совершенно не разбираюсь в CSS намудрила, а исправить или до ума довести уже не могу :upset:

2012-01-08 в 01:06 

Walterka
ocean-fantasy, смотрите, у вас в background стоит # вместо ссылки на картинку. Вы как указываете путь к картинке? Надо так"/userdir/", а у вас, наверное, она целиком: "http://" Так?

2012-01-08 в 01:07 

Walterka
Не обращайте внимания на мой аватар, они рандомно выскакивают, пока подписка платная не продлена ><

2012-01-08 в 01:22 

InSant [DELETED user]
Walterka, я вчера так указывала:

но фон записи вообще стал полностью прозрачным. Такой код в исходнике дизайна днева, который я переделывала под себя..) вот тут диз
читать дальше

2012-01-08 в 01:48 

Walterka
ocean-fantasy, так вы перед скобками забыли url написать

2012-01-08 в 01:49 

Walterka
body{background:# url("/userdir/2/7/2/0/2720242/73019641.png") 0 50% fixed no-repeat;}

2012-01-08 в 02:00 

InSant [DELETED user]
Walterka, :small: не идет. Все остается как было, даже не рыпается..

2012-01-08 в 02:15 

Walterka
body{background: url("/userdir/2/7/2/0/2720242/73019641.png") 0 50% fixed no-repeat;}

2012-01-08 в 02:37 

InSant [DELETED user]
вообще фон днева пропал - все белым-бело х). Блин, у меня проклятый дайр... )

2012-01-08 в 02:53 

Walterka
Ох, тьфу, ну конечно... *лицорука* Там же не кавычки должны быть)
body{background: url('/userdir/2/7/2/0/2720242/73019641.png') 0 50% fixed no-repeat;}

2012-01-08 в 03:04 

InSant [DELETED user]
Walterka, он точно проклятый :facepalm3:

я когда ставлю код - убираю цвет с фона записи днева. Мне сказали что лучше его убирать, когда pngгшку ставишь на фон... Это не может повлиять? Хотя когда цвет оставался - тот же результат - ноль эмоций фунт презрения от диза..)

2012-01-08 в 13:06 

Walterka
ocean-fantasy, хм... да нет, все правильно - надо убирать. А у вас вроде в коде и не прописан нигде полупрозрачный фон записи - вы что-то делаете с фоном дневника, а фон записи надо прописывать к #page-t или #page-c, например.

2012-01-08 в 13:09 

Walterka
ЗЫ: кстати, у вас в дневнике комментарии и ссылки, кроме как в меню, не открываются, потому что вы не добавили к ID a (обозначение того, что это рабочая ссылка).

2012-01-08 в 13:16 

InSant [DELETED user]
Walterka, :-D я не поняла ничего)). Ну да ладно - пока просто повешу обычный диз).Спасибо за помощь!) :white:

2012-01-08 в 14:00 

Walterka
ocean-fantasy, вам надо было прописать #page-t {background: url('/userdir/blavblabla.png');}
где #page-t - блок записей, а url('блаблабла.png') - ваша картинка с полупрозрачным фоном
Кажется, я понял, в чем дело. Вы хотели сделать белый полупрозрачный фон записей, да?
Но вместо этого прописали это фоном к самому дневнику (body), поэтому у вас там все белое стало.

2012-01-08 в 14:26 

InSant [DELETED user]
Walterka, ааа!!!!!!!!))))) простите, но я так рада!) все работает!!))
огромное спасибо вам!

2012-01-08 в 14:43 

Walterka
ocean-fantasy, не за что).

2012-11-29 в 15:36 

Дана М.
Подскажите а как сделать в дневниках фон записи полупрозрачным, чтоб было видно фон самого дневника.

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@CSS — стилизация дневников

главная