ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с градиентной заливкой
14 сообщений из 14, страница 1 из 1
Помогите с градиентной заливкой
    #35529199
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Хочу сделать градиентную заливку, но не знаю как сделать ее правильно (в смысле по-нормальному), у меня лишь одна-идея нарисовать в редакторе картинку которая мне нужна , залить ее и разместить.

Не подскажите как нужно сделать эту градиентную заливку по-нормальному ,на тот случай если моя идея с точки зрения методов оптимизации может оказаться не самой лучшей.
...
Рейтинг: 0 / 0
09.09.2008, 11:22
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35529672
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
сделай в редакторе картинку, залей и размести
...
Рейтинг: 0 / 0
09.09.2008, 13:39
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35529786
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Причем, не надо рисовать на всю площадь - вырежь в редакторе шириной (или высотой если заливка горизонтальная) в 1 пиксель и поставь масштабирование при заливке (background-repeat). Так получается мизерный объем при скачивании и быстрое отображение при отрисовке.
...
Рейтинг: 0 / 0
09.09.2008, 14:11
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530044
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Я чот не очень понял куда этот repeat пихать

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
<html>
  <head>
   <title>Мой первый шаг </title>
  </head>

    <body>
        <img src="stripe.jpg">
    </body>
</html>

Ты (вы) не мог бы в этот код встроить repeat этот.
...
Рейтинг: 0 / 0
09.09.2008, 15:37
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530140
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Все получилось

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-repeat</title>
<style type="text/css">

BODY.special {
background-image: url('stripe.JPG'); /* Путь к фоновому рисунку */
 background-position: left bottom; /* Положение фона */
 background-repeat: repeat-y ; /* Повторяем фон по вертикали */
} 

</style>
</head>
<body class="special">

</body>
</html>

А у меня такой вопрос,можно ли как то ограничить число этих повторений, просто хочу чтобы был прямоугольник залитый.
...
Рейтинг: 0 / 0
09.09.2008, 16:09
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530431
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
можно ограничить размер контейнера, который заливается этим прямоугольником
...
Рейтинг: 0 / 0
09.09.2008, 17:27
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530598
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
background-repeat: repeat-y;
понимает ИЕ, но не понимает ФФ, поэтому советую использовать
background-repeat: repeat;
...
Рейтинг: 0 / 0
09.09.2008, 18:16
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530680
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Попробовал background-repeat: repeat, работает . Но залил нафиг все, а как ограничить эту заливку какой-нибудь областью, например прямоугольником.
...
Рейтинг: 0 / 0
09.09.2008, 18:56
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530692
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
я ж написал как
...
Рейтинг: 0 / 0
09.09.2008, 19:05
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530753
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Ты имеешь ввиду просто тупо вставить в код строку

Код: plaintext
1.
  img src="stripe.jpg"

И потом position-ом определить местоположение картинки? Так?
...
Рейтинг: 0 / 0
09.09.2008, 19:46
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530757
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
зыможно ограничить размер контейнера, который заливается этим прямоугольником
...
Рейтинг: 0 / 0
09.09.2008, 19:49
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530759
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
[quot Usik]Ты имеешь ввиду просто тупо вставить в код строку
/quot]

Выражение лица значения не имеет.
...
Рейтинг: 0 / 0
09.09.2008, 19:50
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35530796
Usik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Usik
Участник
Зы
можно ограничить размер контейнера, который заливается этим прямоугольником


Зы а как его ограничить-то?
...
Рейтинг: 0 / 0
09.09.2008, 20:28
| Ответить | Цитировать | Написать  
Помогите с градиентной заливкой
    #35531584
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
<div style="width: 100px; height: 100px; background-image: url(sux.jpg)">bla</div>
...
Рейтинг: 0 / 0
10.09.2008, 12:11
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Помогите с градиентной заливкой
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35531584&tid=1455905]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 150ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 213ms
total:  473ms
созд. / загр.: 473ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]