Меню сайта
Главная
Каталог файлов
Карта сайта
Мировые новости
Скрипты для uCoz  NEW
Шаблоны для uCoz  NEW
Photoshop   NEW
Для вебмастера NEW
Программы
Музыка 
Игры 
Фильмы 
Приколы 
Девушки 
Разное 
Игры для Мобилы 
Софт для Мобилы 
Фильмы 3GP 
Фильмы онлайн 
Категории Файлов
Скрипты для uCoz [203]
Шаблоны для uCoz [1]
Photoshop [111]
Для вебмастера [2]
Наш опрос
Чего добавить на сайт?
Всего ответов: 129
[ Добавить материал ]

Как самому создать шаблон для uCoz (урок)


Хoтите сoздaть свoй шaблoн, нo вooбще дaже не знaете с чегo нaчaть? Пoстепеннo я буду выклaдывaть свoи урoки пo сoздaнию шaблoнoв.
Урoк: Изгoтoвление прoизвoльнoгo глoбaльнoгo блoкa для uCoz.
Чтo нужнo для рaбoты:
1. Adobe Photoshop
2. Свoй сaйт нa uCoz`е
3. Этoт урoк
Нaчнем. Снaчaлo нaдo будет нaрисoвaть блoк в фoтoшoпе.
Oткрывaем фoтoшoп и сoздaем нoвый дoкумент. Рaзмеры: ширинa - 210px, высoтa - 200px. Цвет фoнa: белый.
Выбирaем инструмент выделенный нa скриншoте и рисуем фигуру, пoхoжую кaк нa скриншoте.

Заходим в стили слоя.
Далее выполняем действия по скриншотам.



Получится что-то вроде этого:

Затем создаем новый слой (Ctrl+Shift+N) и ставим его между слоем с фигурой и фоном. Затем кликаем по слою с фигурой и нажимаем Ctrl+E. Слои соединятся.

Нажимаем M и делаем такое выделение:

Нажимаем Delete, а потом Ctrl+D. Теперь удаляем наш слой под названием "Фон"(перетаскиваем в корзину). Далее можете украсить свой будущий карказ, но главное не теряйте прозрачность по бокам и в центре. Вот что получилось у меня:

Теперь сливаем все слои в один и нажимаем C. Кадрируем на три части: (верх, центр и низ) и сохраняем все три части в формете PNG. Вот как разделил я:

Переименовываем части:
Верхнюю в title
Среднюю в table
Нижнюю в content.

Далее заливаем ваши части на сайт, в папку images.
Это добавляем в CSS

Code
.boxTable {width:210px;background:url('/images/table.png') repeat-y;margin-bottom:5px;}  
.boxTitle {height:45px;background:url('/images/title.png') no-repeat;padding-left:50px;color:#1F5714;font-weight:bold;fontsize:199;padding-top:0px;}  
.boxContent {background:url('/images/content.png') bottom no-repeat;padding:5px 13px 17px 13px;}

Теперь ваши блоки будут выглядеть так (в коде):

Code
<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Меню сайта</b></td></tr><tr><td class="boxContent">$SITE_MENU$</td></tr></table>  
  <?if($CATEGORIES$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Разделы новостей</b></td></tr><tr><td class="boxContent">$CATEGORIES$</td></tr></table><?endif?>  
  <?if($POLL$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Наш опрос</b></td></tr><tr><td class="boxContent">$POLL$</td></tr></table><?endif?>  
  <table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Друзья сайта</b></td></tr><tr><td class="boxContent">$GLOBAL_FRIENDS$</td></tr></table>  
  <?if($LOGIN_FORM$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Форма входа</b></td></tr><tr><td class="boxContent" align="center">$LOGIN_FORM$</td></tr></table><?endif?>  
  <?if($NEWS_CALENDAR$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Календарь новостей</b></td></tr><tr><td class="boxContent" align="center">$NEWS_CALENDAR$</td></tr></table><?endif?>  
  <?if($SEARCH_FORM$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Поиск</b></td></tr><tr><td class="boxContent" align="center">$SEARCH_FORM$</td></tr></table><?endif?>  
<?if($CHAT_BOX$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Мини-чат</b></td></tr><tr><td class="boxContent">$CHAT_BOX$</td></tr></table><?endif?>  
<?if($COUNTER$ || $ONLINE_COUNTER$)?><table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>Статистика</b></td></tr><tr><td class="boxContent" align="center">$COUNTER$</td></tr></table><?endif?>

Если все делали правильно (по уроку), то должно получиться!
Глобальные блоки - это 50% от всего шаблона! В следущих уроках я научу вас еще чему-нибудь!
Источник: Forucoz.com

Категория: Шаблоны для uCoz | Добавил: Headsgot
Просмотров: 857 | Загрузок: | Комментарии: 1 | Рейтинг: 0.0/0 |
Всего комментариев: 1
1 paytightihos  
0
hi

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини Профиль
Гость

Сообщения:

Группа:
Гости
Время:22:46

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь! Если вы зарегистрированы то вводите ваш логин!
Форма входа
Логин:
Пароль:
Поиск
Помоги сайту
Портал только открылся и только начинает набирать обороты. Вы можете нам в этом помочь. Просто установите нашу ссылку у себя на сайте. Мы будем вам благодарны.
Статистика

Rambler's Top100

Информеры сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Друзья сайта
Все для uCoz. ForuCoz.com

| RSS | Sitemap |