Сообщений в теме: 54

[Виктор В.]

У меня сайт WordPress: http://intcrossway.com/
Есть "задний" фон и "основа" сайта, на которой выкладывается вся информация...
Как мне сделать эту "основу" полупрозрачной?

[Дмитрий Калугин]

css свойство [html]opacity: 0.5[/html] но оно не кроссбраузерное. Или с помощью photoshop

[FORS]

да вариантов два. прозрачность через css. но это нафиг ненужно, так как придется "попариться")

гораздо проще создать изображение png с прозрачностью(в прикрепленном файле)

закинуть куда-нибудь допустим в http://intcrossway.com/wp-content/uploads/2011/08/ там лежит основной фон.

и в файле /wp-content/themes/sliding-door/style.css изменить строку фона

#wrapper {
	margin-top: 20px;
	padding: 0 20px;
	position: relative;
	background: url(http://intcrossway.com/wp-content/uploads/2011/08/bg.png) 0 0 repeat;
}

Прикрепленные изображения

• 

[Виктор В.]

Попробовал через opacity: 0.5
Все получается...
Только полупрозрачным становится ВСЁ: буквы, картинки...

[Дмитрий Калугин]

Попробовал через opacity: 0.5
Все получается...
Только полупрозрачным становится ВСЁ: буквы, картинки...

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

[Виктор В.]

Да я месяц как "этим" занимаюсь...
В CSS разобрался кое-как...
А если в стилях всех "дочерних" элементов вписать: opacity: 1.0?

Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 12:04

[Дмитрий Калугин]

Да я месяц как "этим" занимаюсь...
В CSS разобрался кое-как...
А если в стилях всех "дочерних" элементов вписать: opacity: 0.5?

может opacity:1 ? И это все равно ни чего не изменит. Нужно сделать так, что бы блок с прозрачностью не являлся для элементов у которых не нужно менять прозрачность родительским. А чем Вас не устраивает вариант который написал Олег? Меньше хлопот и гемора.

[Виктор В.]

Если с CSS как-то разобрался, то с изображением... необходима дополнительная консультация.
По шагам...

Кстати, а почему когда я ставлю 100% прозрачность, это на других "дочерних" элементах не отражается?

Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 12:08

[Дмитрий Калугин]

в посте у Олега, есть блок "Прикрепленные изображения", в нем мааааааааленькая точечка, видите? Сохраните ее в папке с изображениями Вашей темы, и в css блока wrapper добавьте

background: url(http://путь_к_картинке) 0 0 repeat;

Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 12:41

[Виктор В.]

Сделал, что дальше?

(ничего не поменялось...)

Прикрепленные изображения

• 

Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 14:37

[Дмитрий Калугин]

не background-color, а просто background. Это не цвет а рисунок...

Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 14:47

[Виктор В.]

Сделал...
А как сделать более прозрачным?

Я так понимаю, работа с изображением?..

Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 15:03

[Дмитрий Калугин]

Сделал...
А как сделать более прозрачным?

Я так понимаю, работа с изображением?..

именно.

[Виктор В.]

В каком редакторе?

[Дмитрий Калугин]

да практически любой, но раз уж занимаетесь такими вещами то осваивайте http://chaynic.ru/2010/11/prozrachnost-v-fotoshope-kak-sdelat-sloy-prozrachnym.html

Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 15:21

[Виктор В.]

Благодарю за консультацию!
Получилось в лучшем виде...
Можете заглянуть:
http://intcrossway.com/

Сообщение отредактировал Виктор В.: 28 Сентябрь 2011 - 18:04

[Дмитрий Калугин]

ну вот... совсем другое дело...
и ежели позволите пара малюсеньких замечаний...
http://www.webnahleb.ru/tasty/88-color-for-site.html
Далее... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.

Сообщение отредактировал diamond82: 25 Сентябрь 2011 - 16:27

[Сергей (ex-Gudvin)]

Есть "задний" фон и "основа" сайта, на которой выкладывается вся информация...
Как мне сделать эту "основу" полупрозрачной?

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */
zoom: 1; /* для элемента в ИЕ, у которого не заданы width и height */

[Виктор В.]

ну вот... совсем другое дело...
и ежели позволите пара малюсеньких замечаний...
http://www.webnahleb.ru/tasty/88-color-for-site.html
Далее... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.

Я и сам понимаю...
Поменял...
И "карту" сделал потемнее...

Сообщение отредактировал Виктор В.: 25 Сентябрь 2011 - 21:17

[Виктор В.]

... карта сайта с прозрачным фоном лежит на клетчатом фоне (окна дома) при не большом разрешении экрана (к примеру на нетбуках) сие место будет ну ооооочень не читаемым.

Вопрос: Как сделать так, чтобы "Карта сайта" располагалась на таком-же фоне, как и коменты?
Сразу уточню: в стили добавлял background: #DCDCDC;, но в результате был не общий фон, а строки на фоне(

Прикрепленные изображения

• 

[Сергей (ex-Gudvin)]

После заголовка "Карта сайта", который завёрнут в <h3></h3> идёт div:

<div class="menu-%d0%bc%d0%be%d1%91-%d0%bc%d0%b5%d0%bd%d1%8e-container">

Пропиши ему фон, например так:

<div class="menu-%d0%bc%d0%be%d1%91-%d0%bc%d0%b5%d0%bd%d1%8e-container" style="background:#fff;">

...получится вот так:

Сообщение отредактировал Gudvin: 28 Сентябрь 2011 - 13:38

[Дмитрий Калугин]

добавьте в style.css

ul.menu{
    background: #DCDCDC;
}

[Виктор В.]

добавьте в style.css

ul.menu{
	background: #DCDCDC;
}

Куда? В смысле, в какой раздел?

[Виктор В.]

После заголовка "Карта сайта", который завёрнут в <h3></h3> идёт div:

<div class="menu-%d0%bc%d0%be%d1%91-%d0%bc%d0%b5%d0%bd%d1%8e-container">

Пропиши ему фон, например так:

<div class="menu-%d0%bc%d0%be%d1%91-%d0%bc%d0%b5%d0%bd%d1%8e-container" style="background:#fff;">

Эта "карта" создана через виджет...
Как там добавить код?

[Дмитрий Калугин]

Куда? В смысле, в какой раздел?

просто в style.css

Сообщение отредактировал diamond82: 29 Сентябрь 2011 - 13:39