 Автор |
Сообщение |
ДобрыйФей
Мечтатель
 Предупреждений : 5
|
|
Можно ли сделать градиент для текста в CSS? Такой же вопрос насчет фона.  |
|
 |
|
 |
Richard Ferlow
Гуру
 Предупреждений : 2
|
|
| Берешь в фотошопе делаешь градиент и вставляешь |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Richard Ferlow писал(а): |
| Берешь в фотошопе делаешь градиент и вставляешь |
Большой картинкой? Не пойдет. Весит много и заказчику не нравится такой способ.
Брать изображение 1х2500 и бэкграундом с повторением - там нужно подгонять по высоте.
А есть ли в css что-нибудь типа наложения двух заливок документа, где одна с прозрачностью? Т.е. фон закрашивается сперва одним цветом, а поверх ложится другой (прозрачный). Или что-то подобное. |
|
| |
|
|
Richard Ferlow
Гуру
Предупреждений : 2
|
|
ДобрыйФей
В ие с прозрачностью проблемы
Сделай так - ориентируйся на высоту 1024 - т.е. делаешь градиент такой высотой, делаешь его в повторение, а фон под градиентом делаешь как цвет самой ниженей части градиента.
Сам градиент соответственно делаешь ориентированым top |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Richard Ferlow писал(а): |
Сделай так - ориентируйся на высоту 1024 - т.е. делаешь градиент такой высотой, делаешь его в повторение, а фон под градиентом делаешь как цвет самой ниженей части градиента.
Сам градиент соответственно делаешь ориентированым top |
Ну да. Вариант. Спасибо. |
|
| |
|
|
Aprelle
Гуру
 |
|
| Даже если есть -- в разных браузерах и системах будет смотреться по-разному. Картинкой красивее и надежнее. Большая картинка необязательно много весит. Оптимизируй png, jpg, gif. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Aprelle писал(а): |
| Даже если есть -- в разных браузерах и системах будет смотреться по-разному. Картинкой красивее и надежнее. Большая картинка необязательно много весит. Оптимизируй png, jpg, gif. |
Я попробую, как выше написали. Весить точно будет меньше, чем большое изображение, и выглядеть, я думаю, тоже будет нормально. |
|
| |
|
|
Aprelle
Гуру
|
|
| Только я бы тебе советовал попробовать растянуть бэкграунд по высоте под нужный размер, лучше смотреться будет. |
|
| |
|
|
Richard Ferlow
Гуру
Предупреждений : 2
|
|
Aprelle
Под нужный размер чего ? |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Aprelle писал(а): |
| Только я бы тебе советовал попробовать растянуть бэкграунд по высоте под нужный размер, лучше смотреться будет. |
Своя полоска градиента для каждой страницы? Сам бэкграунд в коде не растягивается вроде. Или выравнивае бэкграунда не топ? |
|
| |
|
|
Aprelle
Гуру
|
|
>Под нужный размер чего ?
Ему виднее чего.
>Сам бэкграунд в коде не растягивается вроде.
Ну это как организовать.
Если тупо страница с бэкграундом, то я бы попробовал скриптами бэкграунд сделать высотой = высоте окна. и непрокручивающийся.
Иначе на разных разрешениях страница сильно по-разному смотреться будет. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Aprelle писал(а): |
Если тупо страница с бэкграундом, то я бы попробовал скриптами бэкграунд сделать высотой = высоте окна. и непрокручивающийся.
Иначе на разных разрешениях страница сильно по-разному смотреться будет. |
Ясно. Примера не сохранилось? |
|
| |
|
|
Aprelle
Гуру
|
|
Что-то типа того:
<script language="JavaScript">
document.write('... height="'+(document.body.clientHeight)+'" ...');
</script>
Вместо многоточий вставить кусок кода про бэкграунд.
Как организовать именно бэкграунд, чтобы можно было менять его размер, -- не подскажу, 100 лет этим не занимался, могу только на уровне предположений:
1)картинке бэкграунда все-таки можно задать размер стандартными атрибутами
2)у разных бэкграундов разные атрибуты, например bg страницы и bg таблицы, соответственно можно просто поместить все внутрь таблицы или еще чего такого.
3)организовать бэкграунд как изображение, которое помещается под текстом и привязано к верху окна, а не началу страницы.
Как сделать непрокручивающийся бэкграунд -- можно посмотреть в гугле, распространенная вещь, что-то типа атрибута noscroll. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Aprelle писал(а): |
| Как сделать непрокручивающийся бэкграунд -- можно посмотреть в гугле, распространенная вещь, что-то типа атрибута noscroll. |
Ну это то понятно, меня скрипт интересовал, чтобы бэкграунд под высоту окна подгонять.
| Aprelle писал(а): |
Что-то типа того:
<script language="JavaScript">
document.write('... height="'+(document.body.clientHeight)+'" ...');
</script> |
Попробую что-нибудь придумать.
| Aprelle писал(а): |
| картинке бэкграунда все-таки можно задать размер стандартными атрибутами |
Точно нет.
| Aprelle писал(а): |
| 2)у разных бэкграундов разные атрибуты, например bg страницы и bg таблицы, соответственно можно просто поместить все внутрь таблицы или еще чего такого. |
Атрибуты то немного разные, но в принципе аналогичные, и высота бэкграунда там не задается. |
|
| |
|
|
Richard Ferlow
Гуру
Предупреждений : 2
|
|
ДобрыйФей
Лучше сделай как я сказал.
Разве что вот совет про непрокручивающийся дали - попробуй
| Код: |
background-attachment: fixed; |
|
|
| |
|
|
Aprelle
Гуру
|
|
<body>
<script type="text/javascript"><!--//--><![CDATA[//><!--
function leftPad(x) {
return (x.length < 2) ? "0"+x : x;
}
function hex(x) {
return leftPad(x.toString(0x10).toUpperCase());
}
for (i=0; i<256; i++) {
var div = document.createElement("div");
div.style.backgroundColor = "#"+hex(i)+hex(i)+hex(i);
div.style.fontSize = "0px";
div.style.lineHeight = "0px";
div.style.height = "2px";
document.body.appendChild(div);
}
//--><!]]></script>
</body> |
|
| |
|
|
Richard Ferlow
Гуру
Предупреждений : 2
|
|
Aprelle
Ты понимаешь, как этот скрипт работает ? |
|
| |
|
|
Aprelle
Гуру
|
|
Согласен, хреново работает
Короче, растянутое изображение с z-индексом -1 в левом верхнем углу экрана -- лучший метод.
Твой способ -- самый простой. |
|
| |
|
|
sham
ум, честь, совесть эпохи!
 Предупреждений : 4
|
|
| delПоследний раз редактировалось: sham (Ср 23-03-22 : 02-27), всего редактировалось 1 раз |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
sham
1. Мне нужен был фон.
2. Лучше картинкой, а не не предложенным тобой способ (возни меньше).
| Aprelle писал(а): |
| Короче, растянутое изображение с z-индексом -1 в левом верхнем углу экрана -- лучший метод. |
Слоями что ли? |
|
| |
|
|
|
