Вопросец по веб-дизайну.

 

Vale

Сальсолёт

техника компьютеры
Насколько заморочно сделать следующее:

Полоска океана одинаковой высоты, мыс прилеплен всегда к правому краю страницы
Закат градиентом. (потом в океане - полоска навигации жить будет)

Флаг и надпись прилеплены в верхнем правом углу.

Все это - для некоммерческого проекта (все собранные деньги идут на благотворительность)

Исходник сделан в Кореле.
"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  
Это сообщение редактировалось 12.11.2015 в 13:30
+
-
edit
 

Balancer

администратор
★★★★☆

Океан и закат - один цельный бэкграунд без повтора, очень высокий и широкий, прилепленный к экрану внизу и справа. Т.е. сверху на тысячи пикселей монохром, левая граница на тысячи пикселей повторяющаяся.

Флаг с надписью - хоть простая картинка в div'е.

Типа такого: http://balancer.ru/design/samples/vale/

Одна проблема. При малой высоте картинка снизу полезет вверх:

http://balancer.ru/design/samples/vale/index-low.html

Можно ввести распорку, но тогда нижняя часть не будет видна на коротких страницах:

http://balancer.ru/design/samples/vale/index-small.html

Можно через 100% высоты: http://balancer.ru/design/samples/vale/index-100p.html

Но тогда длинный текст полезет через край:

http://balancer.ru/design/samples/vale/index-100p-2.html

В общем, нужно экспериментировать.

Можно вариант с распоркой, но высоту распорки прописывать через JavaScript после загрузки.
 

Vale

Сальсолёт

Гмм... тут текста вообще почти не планируется.

Присутствие океана и соответствующей полосы навигации - важно
играть можно размером заката.

По факту там текст- только объявление в нижнем левом углу
Вот пример в флэше:
Прикреплённые файлы:
sample.swf (скачать) [11,07 кбайт, 80 загрузок] [attach=170200]
 
 
"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  
Это сообщение редактировалось 11.09.2009 в 20:23

Balancer

администратор
★★★★☆

Vale> Гмм... тут текста вообще почти не планируется.

Тогда http://balancer.ru/design/samples/vale/index-100p.html

Только нужно проверить, как он во всяких IE :)
 

Vale

Сальсолёт

Класс! Уже 90% того, о чем мечтал...

Еще бы нафигацию снизу приляпать - и счастье почти рядом :)

В IE океан пропадает, если окно слишком маленькое по высоте. Ну и Гейтс с ним.
"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  

Balancer

администратор
★★★★☆

Vale> В IE океан пропадает, если окно слишком маленькое по высоте.

Padding посмотри в body. Я там от балды 100px поставил, чтобы на океан текст не наползал. Можно и поменьше.
 4.0.208.04.0.208.0
+
-
edit
 

Alexandrc

опытный

Vale> Еще бы нафигацию снизу приляпать - и счастье почти рядом :)

Навигация рисованная будет? Если да, то есть простой способ:
code text
  1. <img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
  2.  
  3. <map name="planetmap">
  4.   <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
  5.   <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
  6.   <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
  7. </map>

HTML area tag

Free HTML CSS JavaScript DOM jQuery XML AJAX RSS ASP .NET PHP SQL tutorials, references, examples for web building. // www.w3schools.com
 
 3.5.23.5.2
+
-
edit
 

Vale

Сальсолёт

Хочется навигации (текстовой или графической) и еще - навесить намного бантиков и бубенчиков. Нет сил и времени разбираться, ей богу.

навигация в виде гребешков волн (появляются- исчезают, навел курсор - виден текст )
курсор над маяком - пробегает луч.
курсор над домиками на мысу - загорается свет, звучит обрывок мелодии...
Если курсор над морем, с маленькой вероятностью над ним прыгает дельфин.

Сколько такое может стоить?
"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  

Полл

литератор
★★★
Vale> Сколько такое может стоить?
Как мне сегодня ответили по схожему вопросу - тысяч 4000-6000. Рублей. Тебе ведь кроме самого окна с нафигацией и красявостью надо еще и сайт к нему? :)
 

Vale

Сальсолёт

Сайт уже есть, фактически, нужно только об-дизайнить :F

Нечто отдаленно похожее, но с БОЛЬШИМ перебором

"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  
Это сообщение редактировалось 18.09.2009 в 02:14
+
-
edit
 

Alexandrc

опытный

Vale> Нечто отдаленно похожее, но с БОЛЬШИМ перебором...

Тяжкое впечатление от заикающегося звука и дергающихся элементов, однако.

Если такое, то добро пожаловать во флеш анимацию :F
Что-то у Полла цены низкие. Территориальная особенность? Обычно раза в 1,5-2 выше и только за intro...
 3.5.23.5.2

HolyBoy

аксакал

Vale> nationwidesuperstars.com: The Leading Nationwide Superstars Site on the Net

Это что-то ужасное. Извини, флеш-сайты не считаю за сайты вообще.
 

Vale

Сальсолёт

Флеш - не цель, а средство.

Да, я близок к решению задачи самостоятельно (без флеша), с помощью Balancer-a....
"Не следуй за большинством на зло, и не решай тяжбы, отступая по большинству от правды" (Исх. 23:2)  
Это сообщение редактировалось 18.09.2009 в 16:04

в начало страницы | новое
 
Поиск
Поддержка
Поддержи форум!
ЯндексЯндекс. ДеньгиХочу такую же кнопку
Настройки
Твиттер сайта
Статистика
Рейтинг@Mail.ru