Gold 04 фев 2009, 17:14

Стиль AeroBlueX

Как неоднократно было подмечено многими из нас, уж очень "пакостливый" стиль.
Вопросов, несмотря на то, что много уже сказано-пересказано, всегда возникает масса. С учётом того, что будут появляться новые админы, которые выбрали для работы именно этот стиль и создана эта тема (в последствие я думаю ее стоит объединить с этой: http://4admins.ru/viewtopic.php?f=9&t=1075). Ну а слова, сказанные мной можно поместить в первом сообщении и название подобрать. Админы, это уже по вашей части. :wink:

поставил себе такой цвет ( #CAE1FF ) в поле сообщения, т.е. чередуются белый (GhostWhite #F8F8FF ) и этот.
Изображение
Но он однотонный. Можно ли как нибудь сделать, чтобы к верхнему и нижнему краям он плавно переходил в GhostWhite #F8F8FF ? Ну , скажем, чтобы переход в белый происходил в границах 20-25 пикселей.... (если я конечно правильно называю цифры... короче говоря, чтобы не очень далеко от границы он начал светлеть)..
Комментарии: 5

Voffka 05 фев 2009, 11:29 Сообщение

Для начала устанавливаем Mozilla FireFox 3 и устанавливаем (надо скачать) плагин CSS Viewer, чтобы облегчить нам жизнь в сотни раз.

Разберемся на примере таблиц нашего форума, они тоже градиентные. Работать придется исключительно с файлом CSS. Для этого открываем [ Администраторский раздел ] >> Стили >> Темы (название вашего стиля)

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

Код: Выделить всё

.row1 {
	background: #e3e2cf url('https://cabinetadmina.ru/images/http://up.4admins.ru/storage/up_4admins_ru/images/row1.gif') repeat-x; 
	padding: 4px;
	border-top: 1px #EEEEE2 solid;
	border-left: 1px #F4F4EB solid;
}
Вот так это выглядит:
Изображение

#e3e2cf
- цвет залитого фона ячейки таблицы (показано на 2 пояснительном изображении)
url('https://cabinetadmina.ru/images/ranks/adm ... u/row1.gif') - адрес картинки (показано на 2 пояснительном изображении)

Картинка под номером 3 на изображении показывает однотонность изображения после красной линии.

Суть всего этого такова:
Загружается градиентная картинка и задается цвет для ячейки таблиц (залитый фон), он должен быть такого же цвета как на границе раздела картинки и залитого фона (отмечено красной линей).


В стиле AeroBlueX - это таблица называется row1h - с ней нужно проделать аналогичное=) То есть открываем фотошоп, рисуем градиентную картинку нужно цвета по подобию этой (https://cabinetadmina.ru/images/ranks/adm ... u/row1.gif), запоминаем цвет самого нижнего пикселя, заливаем эту картинку куда-нибудь, а потом используем этот код в своей таблице, предварительно изменив исходные данные на свои:
.таблица {
background: цвет url('адрес картинки') repeat-x; (нужно просто добавить эту строчку в вашу таблицу)
}
Все что выделено жирным, надо изменить на свои значения
  • 0
◙◙۩۞۩◙◙ Кабинет админа ◙◙۩۞۩◙◙
© Сначала ты работаешь на форум, а потом он на тебя!

Gold 05 фев 2009, 12:37 Сообщение

ну.. картинку я нарисовал. Но не могу понять, как узнать цвет нижнего пикселя. Не умею я пользоваться фотошопом. Да и картинка сделана при помощи градиента... основной цвет этот: #b7d0fe.
И еще: при изменении row1h заливается цвет в списке тем и на главной странице, кроме трех правых колонок, за которые отвечает row2 (так говорит CSS Viewer).
Если все то же самое проделать именно с row2 ? Изменится и цвет колонок (крайних правых) и цвет поля сообщения (будет чередование) - это как раз то, что мне нужно. Выйдет ли?
  • 0
Вложения
Стиль AeroBlueX - №2.gif
Стиль AeroBlueX - №2.gif (1.11 КБ) 1208 просмотров

Voffka 05 фев 2009, 12:53 Сообщение

#e1ecff - цвет самого нижнего пискселя.
Gold писал(а):Если все то же самое проделать именно с row2 ?
Да можно это делать с любыми таблицами, экспериментируй :)
  • 0
◙◙۩۞۩◙◙ Кабинет админа ◙◙۩۞۩◙◙
© Сначала ты работаешь на форум, а потом он на тебя!

Gold 05 фев 2009, 13:22 Сообщение

хм... не выходит у меня гладкое сглаживание... Это я художник такой? :D
http://dynamo.ukrbb.net/index.php - только не обращайте внимание на текст. :oops:
Если на главной странице три правые колонки в принципе получилось то, что хочу, то вот уже в теме пресловутого чередования цвета не получилось... абра-кадабра какая-то... :%)
  • 0

Voffka 05 фев 2009, 13:29 Сообщение

Может быть из-за формата картинки gif...

Попробуй использовать эту картинку:
Стиль AeroBlueX - №2.png
Стиль AeroBlueX - №2.png (1.18 КБ) 1185 просмотров
  • 0
◙◙۩۞۩◙◙ Кабинет админа ◙◙۩۞۩◙◙
© Сначала ты работаешь на форум, а потом он на тебя!

Похожие темы