О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Шапка в дизайне #915 (Подскажите, как соединить разбитую на три части шапку.)
Шапка в дизайне #915
MaxEl Дата: Суббота, 24.11.2012, 20:04 | Сообщение # 1
Первоклашка
Группа: Пользователи
Сообщений: 1
Город: Taraz
Репутация: 0
Статус: Offline
Подскажите, как соединить разбитую на три части шапку.
То есть, как переписать код под одну цельную картинку. :(

Сам код:

Красным подчёркнуты куски, из которых будет собрана шапка.


Code:
/* General Style */
#contanier {background:url('/.s/t/915/2.jpg') repeat-x;text-align:center;}
#dataBar {background:url('/3.jpg') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}
*html #dataBar {width:914px !important;height:50px !important;}
#logo {background:url('/4-1.gif') no-repeat;width:500px;text-align:left;padding-left:414px;padding-top:67px;height:100px;margin-left:auto;margin-right:auto;color:#A3F7FF;font-size:20pt;font-weight:bold;}
*html #logo {width:914px !important;height:167px !important;}
#navBar {background:url('/5.jpg') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:9px;height:25px;margin-left:auto;margin-right:auto;color:#01535C;font-size:8pt;}
*html #navBar {width:914px !important;height:34px !important;}
#navBar a:link, #navBar a:active, #navBar a:visited {color:#055D66;text-decoration:underline;}
#navBar a:hover {color:#000000;text-decoration:none;}
#content {background:url('/.s/t/915/6-2.jpg') no-repeat;width:100%;text-align:right;padding:30px 7px 5px 7px;margin-left:auto;margin-right:auto;color:#36CBDB;font-size:8pt;}
*html #content {width:914px !;important;height:50px !important;}
.boxTable {width:207px;}
.boxTitle {height:50px;background:url('/.s/t/915/7.gif') no-repeat;padding-left:60px;}
.boxContent {background:url('/.s/t/915/8.gif') bottom no-repeat;padding:0 5px 20px 10px}
#footer {width:914px;border-top:1px solid #40575A;background:#29373A;height:50px;margin-left:auto;margin-right:auto;}
*html #footer {width:914px !important;}
#footer p {position:relative;top:40%;text-align:center;color:#70989D;font-size:7pt;margin:0;padding:0;}
.info-box2{border:1px solid #ff4545;background:#ff9696;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;padding:5px;}
.info-box2 a:link,.info-box2 a:visited{color:#000000;text-decoration:underline;}
.info-box2 a:hover,.info-box2 a:active{color:#000000;text-decoration:none;}
a:link {text-decoration:underline; color:#30EBFF;}
a:active {text-decoration:underline; color:#30EBFF;}
a:visited {text-decoration:underline; color:#30EBFF;}

Собранная в Photoshop:

Форум » Создание сайта » Ucoz » Шапка в дизайне #915 (Подскажите, как соединить разбитую на три части шапку.)
Страница 1 из 11
Поиск:
Шапка в дизайне #915 - Создание сайта - Ucoz - Форум
Сегодня были на форуме:
maximvoznik

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск