Хотите создать свой шаблон, но вообще даже не знаете с чего начать? Постепенно я буду выкладывать свои уроки по созданию шаблонов. Урок: Изготовление произвольного глобального блока для uCoz. Что нужно для работы: 1. Adobe Photoshop 2. Свой сайт на uCoz`е 3. Этот урок Начнем. Сначало надо будет нарисовать блок в фотошопе. Открываем фотошоп и создаем новый документ. Размеры: ширина - 210px, высота - 200px. Цвет фона: белый. Выбираем инструмент выделенный на скриншоте и рисуем фигуру, похожую как на скриншоте. Заходим в стили слоя. Далее выполняем действия по скриншотам. Получится что-то вроде этого: Затем создаем новый слой (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> <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>
<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>
<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> <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>
<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>
<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>
<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>
<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> Если все делали правильно (по уроку), то должно получиться! Глобальные блоки - это 50% от всего шаблона! В следущих уроках я научу вас еще чему-нибудь!
Примечания: Урок расчитан не на чайников. На вопросы типа "а как
создать папку images" и т.д. отвечать не буду! Нормальные вопросы по
уроку пишите мне в асю 5224568. При копировании материала ссылка на источник обязательна! Источник: http://forucoz.com/
|