X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Нужен совет с реализацией вертикального полупрозрачного градиента
Exploit_hb
Exploit_hb
Topic Starter сообщение 13.6.2009, 19:28; Ответить: Exploit_hb
Сообщение #1


Имеется сайт, фоном у которого большая обоина (которая не клонируется) внизу которой она переходит в белый цвет и сливается с фоном документа.
А поверху этого фона (обоины) размешается слой (div) для контента у этого слоя надо сделать градиент от полупрозрачного белого вверху до светло синего не прозрачного внизу.

Дело в том что градиент с полупрозрачным белым который переходит в полупрозрачный синий а дальше становится синим не прозрачнымй.
Весь этот переход по высоте гдето 600 пикселов, а дальше идет однотонный синий.

Но так как изначально не известно высоты фона с контентом чтобы можно было вставить в ширину 1 пиксельну полоску и определенной высоты.
Нужно сделать так чтобы когда контент превысит 600 пикселов фон дальше был однотонным, а не градиентом.

Возможно ли так?
Ато если фон сделать синим то при полупрозрачной картинке будет видно синий фон, а не обоину на общем фоне.
Или сделать просто полоску фона 1х12000 и не мучаться? Надеюсь там не будет контента больше этой высоты :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 13.6.2009, 20:02; Ответить: Webmaster_hb
Сообщение #2


:wacko: макет бы показали
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
Topic Starter сообщение 13.6.2009, 20:36; Ответить: Exploit_hb
Сообщение #3


Вот во вложении кусок этого блока для контента с полупрозрачным фоновым градиентом.
Если контента больше чем эта высота, то дальше в низ должен ити только синий цвет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 13.6.2009, 21:23; Ответить: Webmaster_hb
Сообщение #4


не вижу проблем
задаете фон синий и кладете картинку чтобы она растягивалась только по ширине и прибита к верху
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
Topic Starter сообщение 13.6.2009, 21:38; Ответить: Exploit_hb
Сообщение #5


Дело в том что если сделать фон синим то за полупрозрачным градиентом уже не видно обоины, так как фон за картинкой уже синий, а не прозрачный.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 13.6.2009, 22:02; Ответить: Webmaster_hb
Сообщение #6


ага, виноват, про фон забыл :wacko:
длинная картинка должна помочь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
Topic Starter сообщение 13.6.2009, 22:20; Ответить: Exploit_hb
Сообщение #7


Тоесть всетаки прийдется делать длинную картинку например 1х6000 градиентом и иначе никак?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 13.6.2009, 23:13; Ответить: Webmaster_hb
Сообщение #8


ну да
правда 6000px это как-то много, текста точно может быть так много ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
Topic Starter сообщение 13.6.2009, 23:51; Ответить: Exploit_hb
Сообщение #9


пока незнаю, но это я так с запасом :)

И еще вопрос, а как можно вставить боковые рамки чтобы они в высоту занимали стокоже сколько и контент?
Верстка дивами, думал вставить рядом с контентом по 1-му блоку с права и лева и туда поместить мелкие картинки боковых рамок, но беда, блоки то не ростут в низ как это моглобы прокатить при табличной верстке. :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nightfly_hb
Nightfly_hb
сообщение 14.6.2009, 0:56; Ответить: Nightfly_hb
Сообщение #10


Только боковые - даже и не знаю... А вообще, примерно что то вроде этого:
[PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
<!--

.text {
width:370px;
padding:15px;
background:#FFF;
}
.bg {
width:400px;
padding:25px;
background:transparent url('http://email.su/img/new_design/serv_3.gif');
}
-->
</style>
</head>
<body>
<div class="bg">
<div class="text">текст
</div>
</div>
</body>
</html>[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
 0 Alex-777 872 7.4.2024, 18:05
автор: Alex-777
Открытая тема (нет новых ответов) Нужен исполнитель на постоянную основу для набора небольших текстов
 20 Думающий 9298 2.4.2024, 18:05
автор: Думающий
Открытая тема (нет новых ответов) Нужен сайт с автонаполнением по XML
 1 REGNET 1230 7.3.2024, 15:08
автор: REGNET
Открытая тема (нет новых ответов) Нужен райтер на постоянку
 13 Kiloan_Frost 3416 6.3.2024, 22:24
автор: vitaliraduga
Открытая тема (нет новых ответов) Нужен постинг в твиттер
 3 uahomka 1734 20.2.2024, 1:00
автор: robot_yaga2


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 16:19

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet