[T18]

Доброго времени суток.

Подскажите пожалуйста можно ли как-нибудь контролировать отступы от краёв экрана?

Конкретнее, сдвинуть весь блок немного вправо

P.S. И можно ли задать прозрачность для основного контейнера, но чтоб при этом картинки/видео в постах оставались не прозрачными?

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

Comments

[polishastik]

P.S. И можно ли задать прозрачность для основного контейнера, но чтоб при этом картинки/видео в постах оставались не прозрачными?

можно через цсс3 (конкретно - через свойство rgba(R,G,B,opacity) . но в ИЕ вообще никакого цвета не будет.

[T18]

polishastik А можно поподробнее на счёт свойства?

[polishastik]

Для задания цвета фона, нам нужно выставить значения для трех основных цветов: красного (r – red), зеленого (g – green) и синего (b – blue). Но так, как мы заговорили о RGBA, то помимо трех RGB-цветов, мы еще выставим прозрачность (a - alpha).
Значение для всех цветов выставляем в числах от 0 до 255, а значение прозрачности выставляем в пределах от 0.0 (0%) до 1.0 (100%).
Если Вы не знаете, где взять значения всех 3 цветов, тогда в Photoshop-e Вам нужно зайти в панель выбора цвета (Color Picker), там отображаются все значения цветов.

например:
rgba(239, 182, 29, 0.5);

[T18]

Спасибо

[.Feo~]

Конкретнее, сдвинуть весь блок немного вправо

А каким кодом вы его туда задвигали?

P.S. И можно ли задать прозрачность для основного контейнера, но чтоб при этом картинки/видео в постах оставались не прозрачными?

Параметр "opacity" у некотрых имеет свойство тормозить.
Мне очень нравится этот код:
#селектор {background:url('юрл_картинки') !important;}
Где в "юрл_картинки" ставим перезалитую себе в БИ эту картинку:
static.diary.ru/userdir/1/4/6/2/1462224/5805330...
Это - полупрозрачный ПНГ размером 1х1 пиксел, кажется. Можете сами его создать, нужного вам цвета, да и размер не так важен. Только не забудьте про прозрачность!
Как это смотрится - можете посмотреть в моем дневнике.

[T18]

.Feo

А каким кодом вы его туда задвигали?

Когда прописала #wrapper {position:absolute;} само сдвинулось.

Мне очень нравится этот код:

Задумку поняла, но

извините за глупый вопрос

не объясните как я могу сама сделать прозрачную картинку нужного цвета? В фотошопе не сильна совсем.

[.Feo~]

Когда прописала #wrapper {position:absolute;} само сдвинулось.

Честно говоря, не очень силен в цсс... Попробуйте дописать вот так {position: absolute; right: -30px; top: 0px; !important;}
Если получится, параметр "right: -30px;" можете менять.

Насчет полупрозрачности - я бы советовал ее вставлять вам в селектор .bordered. Тоесть это будет:
.bordered {background:url('/userdir/1/4/6/2/1462224/58053308.png') !important;}
Я не знаю точно что он значит, но вроде захватывает меню и тело постов.

но не объясните как я могу сама сделать прозрачную картинку нужного цвета? В фотошопе не сильна совсем.

Вопрос не глупый)
Не знаю какой у вас ФШ, говорю примерно.
Создаете картинку размером 1х1 пиксел. Максимально приближаете ее, чтобы видеть хоть что-то. Заливаете нужным вам цветом, и справа, на панельке где слои, ставите насыщенность *или как-то так* процентов на 30-50, как захотите.
Потом выбираете Фаил - Сохранить для Web. Там выбираете формат PNG 24, и так же должна стоять галочка на "Прозрачность".

Если не разобрались - можете сказать мне цвет, я сделаю вам, если мой ФШ соизволит открыться.

[T18]

.Feo Cпасибо огромное!
Увы, сдвинуть куда надо так и не получилось, но с прозрачностью всё ок)

[.Feo~]

Kina.ko незачто)
Я еще посмотрю коды, может найду что-нибудь х)

[T18]

.Feo Спасибо)))

[.Feo~]

Kina.ko а что если попробовать добавить "margin-left:15px;" ? О.о
15 ставил отфонаря)

[T18]

.Feo Неа, всё равно та же проблема. Отъезжает либо на середину, либо к противоположному краю

[.Feo~]

А у вас дизаин фиксированной ширины?

[T18]

.Feo Да

[.Feo~]

Оу, тогда ясно. С ним вечно заморочки)