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

Lahme
offline
метки: секснародное
Сделать этот ППФ для места, где сами посты, можно вот так:/* Свойства таблицы в которой находятся сообщения блога */
.textpost {background-color:#ffffff; opacity:0.50; width:90%; padding:10px; border:solid 2px #999}
Жирным выделил то, что добавлено. 0.50 - это прозрачность. 0 - совсем прорзрачно, 1 - совсем непрозрачно. А ffffff - это 16-ричный код цвета фона в системе RGB. В данном случае - белый.
Но, удобнее цвет задавать не 16-ричном, в в привычном 10-тичном виде.
Поэтому, лучше сделать так:
/* Свойства таблицы в которой находятся сообщения блога */
.textpost {background-color:rgba(255,255,255,0.5); width:90%; padding:10px; border:solid 2px #999}
У функции rgba - 4 аргумента - R-красный,G-зеленый,B-синий, прозрачность.
R,G,R - от 0 до 255, прозрачность - от 0 до 1.
Не во всех браузерах работает. В Мозилле, например работает. В Опере - тоже, вариант с rgba.
Но мне не понравилось у меня прозрачность. Получилось вот так, при 0.5.
Про RGB-коды напишу в комментах.

Lahme
offline
Итак, если R=0, G=0, B=0 , то есть в 16-ричном виде 000000, то это будет черный. Потому, что все цвета имеют нулевую яркость. А когда ничего не светит, то - темнота.
Усли R=255, G=255, B=255 , то есть в 16-ричном виде FFFFFF, то это будет белый. То есть, всех цветов по максимуму.
Вообще, если R,G и B одинаковые, то это будут различные оттенки серого.
Чисто красный будет R=255, G=0, B=0 , или FF0000.
Вообще, коды цветов можно взять в графическом редакторе, например, в самом простом - Paint.
Палитра-->Изменить палитру-->Определить цвет
Тыкнуть в нужное место (крестик), выбрать нужную яркость (треугольник на шкале).Вот здесь, например получилось R=184, G=248, B=237.
Можно, наоборот, ввести в поля "красный ", "зеленый ", "синий " цифры, и посмотреть, что получится.
Усли R=255, G=255, B=255 , то есть в 16-ричном виде FFFFFF, то это будет белый. То есть, всех цветов по максимуму.
Вообще, если R,G и B одинаковые, то это будут различные оттенки серого.
Чисто красный будет R=255, G=0, B=0 , или FF0000.
Вообще, коды цветов можно взять в графическом редакторе, например, в самом простом - Paint.
Палитра-->Изменить палитру-->Определить цвет
Тыкнуть в нужное место (крестик), выбрать нужную яркость (треугольник на шкале).Вот здесь, например получилось R=184, G=248, B=237.
Можно, наоборот, ввести в поля "красный ", "зеленый ", "синий " цифры, и посмотреть, что получится.

-=Велла=-
offline
Как у тебя все красиво )))
Предложи свою инструкцию по CSS Палычу ))
А как ты такой фон страницы сделал?
Предложи свою инструкцию по CSS Палычу ))
А как ты такой фон страницы сделал?

Lahme
offline
-=Велла=- , а вот :
/* Цвет фона и размер и свойства текста 'адрес блога' */
.mainbody {background-color:#cccccc; font-size:12px; background-image:url(https://dl.backbook.me/full_photo/eecff35c6c.jpg); background-attachment:fixed}
В этой строке -
background-attachment:fixed - это для того, чтобы фон был неподвижен.
url(здесь ссылка на файл изображения для фона). Изображение может быть и маленьким. Оно будет повторяться. Если не будет, надо туда же, в эти { } добавить свойство
background-repeat:repeat - после ; и пробела , конечно.
/* Цвет фона и размер и свойства текста 'адрес блога' */
.mainbody {background-color:#cccccc; font-size:12px; background-image:url(https://dl.backbook.me/full_photo/eecff35c6c.jpg); background-attachment:fixed}
В этой строке -
background-attachment:fixed - это для того, чтобы фон был неподвижен.
url(здесь ссылка на файл изображения для фона). Изображение может быть и маленьким. Оно будет повторяться. Если не будет, надо туда же, в эти { } добавить свойство
background-repeat:repeat - после ; и пробела , конечно.