Porsche — Underwater road
3d award

Нужна помощь по дизайну сайта

Online|Offline homerender 101.1 1384.3 12 апреля 2012 в 13:58 #0

Аватар homerenderПобед в битвах:3Побед в битвах:3
Привет. Меня на работе попросили сделать сайт, хотя я никакими навыками для этого не обладаю вообще. И делаю в простом Web Page Maker'e. Но начальство попросило, так что надо делать. На данный момент имею вот это. Подскажите плиз что стоит добавить/изменить. Сайт будет заменой старому сайту. Все элементы рисую в фотошопе, картинки честно ворую в инете.

Online|Offline FEARLESS 82.0 155.2 12 апреля 2012 в 15:04 #0

Аватар FEARLESS
Может градиент сделать чтобы по краям в чёрный цвет уходило

Online|Offline homerender 101.1 1384.3 12 апреля 2012 в 15:05 #0

Аватар homerenderПобед в битвах:3Побед в битвах:3
Это довольно проблематично реализовать в этой программе( Я могу это сделать но на мониторах, отличающихся от моих будут косяки...

Online|Offline CocaInCrazy 68.5 160.4 12 апреля 2012 в 15:14 #0

Аватар CocaInCrazyПобед в битвах:1Побед в битвах:1
в css градиент задается например вот так:
<style type="text/css">
Gradient #back {
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
}
</style>
сайтоделы поправьте меня если я где-то неправ

Online|Offline homerender 101.1 1384.3 12 апреля 2012 в 15:31 #0

Аватар homerenderПобед в битвах:3Побед в битвах:3
CocaInCrazy спасибо, но мне это к сожалению не поможет. Градиенты я делать могу. Я не могу сделать градиентом фон так, чтобы на всех мониторах он отображался корректно. Есть вариант только сделать текущий фон не тайлингом а одной большой картинкой с черным градиентом по краям. Но это в плане оптимизации просто убийственно.

Online|Offline CocaInCrazy 68.5 160.4 12 апреля 2012 в 16:10 #0

Аватар CocaInCrazyПобед в битвах:1Побед в битвах:1
body {
background: -webkit-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
-webkit-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
-webkit-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
-webkit-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
-webkit-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
-webkit-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: -moz-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
-moz-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
-moz-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
-moz-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
-moz-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
-moz-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: -ms-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
-ms-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
-ms-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
-ms-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
-ms-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
-ms-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: -o-linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
-o-linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
-o-linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
-o-linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
-o-linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
-o-linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background: linear-gradient(63deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(243deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(63deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(243deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(0deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-size: 20px 20px;
background-color: #131313;
можно и тайловый градиаент сделать

Online|Offline CocaInCrazy 68.5 160.4 12 апреля 2012 в 16:11 #0

Аватар CocaInCrazyПобед в битвах:1Побед в битвах:1
а чтобы везде нормально отображался использовать относительные привязки

Online|Offline homerender 101.1 1384.3 12 апреля 2012 в 16:53 #0

Аватар homerenderПобед в битвах:3Побед в битвах:3
Спасибо конечно, но зря ты все это пишешь, т.к. я в этом не шарю совершенно и даже пытаться не буду)

Online|Offline venik 64.5 942.3 12 апреля 2012 в 20:36 #0

Аватар venik
да что там шарить, положишь это в свой css, который подрубишь на страницу. или сразу положишь на страницу и все ок будет.
CocaInCrazy скобку не закрыл

Online|Offline CocaInCrazy 68.5 160.4 12 апреля 2012 в 20:42 #0

Аватар CocaInCrazyПобед в битвах:1Побед в битвах:1
точно =)

Online|Offline EugeneN 0.0 0.6 1 мая 2012 в 14:46 #0

Аватар EugeneN
Я прошу прощения - я оставлял сообщение в этой теме - с вариантом изменения дизайна сайта автора темы - оно исчезло, видимо его удалили - расскажите пожалуйста почему? Потому что раз его удалали, я видимо нарушил какие то правила форума, чтобы я знал какие (а то, не зная, нарушу их еще раз).
Что бы оставить сообщение вам необходимо войти или зарегистрироваться!

Форумещё

Блогиещё

Популярные урокиещё

Реклама

3dmir.ru - Вся компьютерная графика
      www.megastock.ru