Разбирать мы все будем пошагово) чтоб вам было легко) потом показывайте что у вас там получилось) будем рады покритиковать...посмотреть) или похвалить) Ну что поехали?)

1) Сперва создайте себе тестовый сайт на Ucoz.ru

Обязательно запомните свои пароли...) запишите на бумажку или еще куданить...потому что у вас их будет 2:
1-для входа в панель админа
2-для входа на сам сайт
И не забутьте! Обязательно поставьте себе изначально дизайн № 905
Почему именно его? потому что мы с вами будем работать именно с ним)

2) Создали? все сделали? отлично...идем дальше, сейчас нам нужно понять что именно понадобится...и из чего будет состоять наш сайт) смотрим скриншот

подробнее панель

3) Посмотрите внимательно) это самые необходимые вещи, из которых мы собственно и будем делать дизайн) Рассмотрим получше...

Шапка 850 на 300
Вверх 800 на 40
Середина 800 на 100 или 800 на 50
Низ 800 на 200
Панелька :
1 - 189 на 46 (с рисунком)
2- 189 на 46 (под цвет фона серединки)

Вот что сделала я =)

Посторайтесь сделать что-то наподобии этого) Я знаю что дизайн ы сайтов бывают очень разные) но мы будем делать самый более менее простой) Покрайней мере для меня...так что думаю и для вас

4) Теперь все наши картинку загружаем на форум, на сайт или куда угодно...радикал и тд)

5) Заходим в админ панель нашего сайта Дизайн---Управление Дизайном CSS

6) Перед нами открывается такой вид кода css

/* General Style */
body {background:url('http://src.ucoz.ru/t/905/4.gif') center repeat-y #A58763;margin:0px; padding:0px;}
#mainTable {background:#7C5E42;width:801px;}
#topTable {background:url('http://src.ucoz.ru/t/905/5.jpg') bottom no-repeat #6A5039;padding:10px;font-size:8pt;color:#CDBBA7;}
#logoTable {height:221px;background:url('http://src.ucoz.ru/t/905/6.jpg') bottom no-repeat #76593F;padding:10px;padding-left:60px;padding-top:130px;color:#FFFFFF;font-size:20pt;font-weight:bold;}
#contentTable {background:url('http://src.ucoz.ru/t/905/7.gif') repeat-y #CDBBA7;}
.boxTable {width:210px;background:url('http://src.ucoz.ru/t/905/8.gif') bottom no-repeat;}
.boxTitle {height:46px;background:url('http://src.ucoz.ru/t/905/9.gif') no-repeat;color:#FFE3A1;font-weight:bold;padding-top:19px;padding-left:47px;}
.boxContent {background:url('http://src.ucoz.ru/t/905/10.gif') no-repeat;padding:10px 5px 15px 15px;}
.footer {color:#CDBBA7;}

удаляем его полностью и заменяем на этот)

/* General Style */
body {background:url('Задний фон') center repeat-y #цвет;margin:0px; padding:0px;}
#mainTable {background:#цвет;width:850px;}
#topTable {background:url('Вверх') bottom no-repeat #цвет;padding:10px;font-size:8pt;color:#ffffff;}
#logoTable {height:300px;background:url('Шапка') bottom no-repeat #212121;padding:10px;padding-left:60px;padding-top:130px;color:#FFFFFF;font-size:20pt;font-weight:bold;  }
#contentTable {background:url('Середина') repeat-y #цвет;}
.boxContent {background:url('Панель без картинки') no-repeat;padding-top:20px;}
.boxTitle {height:46px;width:150px; background:url('Панель с картинкой') no-repeat;color:#FFE3A1;font-weight:bold;padding-top:19px;padding-left:47px;}
.footer {color:#цвет текста;}

Вместо слов вставляем ссылки на картинки и коды цветов) Далее сохраняем...ну) все самое основное сделано...теперь осталось самое нудное и самое раздражающее...)

7) Хм) теперь читайте внимательно все что написано ниже)
color - Цвет Текста
Border Color - Цвет Рамки
background color - Цвет фона заднего
#topTable a:link - цвет неактивной ссылки
#topTable a:active - цвет активной ссылки
#topTable a:visited - цвет посещенной ссылки
#topTable a:hover - цвет ссылки при наведении курсора

теперь вам нужно все что описано выше) найти в вашем css и заменить цвета на свои)

8) Далее как все сделали идем в Дизайн---Управление дизайном (Шаблоны)---Конструктор шаблонов---и выбираем шаблон номер 905...сразу появится код
точно так же)заменяем все цвета на те которые нам нужны
цвета ссылок
цвета текста
цвета фона и тд и тп)
Также находим ссылки в виде например http://src.ucoz.net/t/905/1.gif копируем и открываем картинку в новом окне (смотрим...угу тут должна стоять верхняя часть) ставим ссылку на картинку от нашей верхней части и тд...

Потом жмем на кнопочку (Создать шаблоны)...готово) любуемся тем что получилось) или бьем себя по башке за то что вышло че попало =/  а затем пробуем сново...попровляем все что упустили и тд)

Не забывайте что удалять из шаблона вот этот код $POWERED_BY$ категорически запрещено) без него ваши старания даже не сохранятся...)

Имхо) если будут вопросы то спрашивайте) попробую помочь) Также выкладывайте свои работы) посмотрим что у вас получилось) Вот что получилось у меня Наш Портал)

PS тапками прошу не бить) так как на укозе оч тяжко разобратся что к чему и тд) темболее если учитывать что помощи не было никакой) то училась я вот так) надеюсь в будущем буду делать дизайны не таким способом) а как профф дизайнер) ... но для этого придется поднапречся ... Думаю урок будет очееень полезен новичкам) и не только) Таким образом вы создадите свой собственный стиль для своего сайта)

омг))) с тяжелыми вопросами обращайтесь на техподдержку укоза)