Ставим шапку, дизайн # 161

graphic-s.net.ru/.s/t/161/1.gifДля начала нарисуйте или возьмите у нас на сайте шапку размером 780х269 Разрежте ее на 5 частей вот такого вида: №1) http://banana-art.ru/.s/t/161/2.jpg №2) http://banana-art.ru/.s/t/161/3.jpg №3) http://banana-art.ru/.s/t/161/4.jpg №4) http://banana-art.ru/.s/t/161/5.jpg Нарисуйте ещё одну картинку размером 4х269: №5) http://banana-art.ru/.s/t/161/1.gif она должна идеально совпадать с шапкой После этого загружаем все картинки в файловый менеджер и идем Пу, управление дизайном, верхняя часть Видим код: Code <table cellpadding="0" cellspacing="0" border="0" width="100%" style="background: url('/.s/t/161/1.gif') repeat-x;"><tr><td align="center"> <table border="0" cellpadding="0" cellspacing="0" width="780" style="height: 269px;"> <tr><td width="780" valign="top" height="34" style="background: url('/.s/t/161/2.jpg') no-repeat center; padding-top: 5px; padding-left: 200px;color:#CC5D28;"><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> \| <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b> \| <a href="$RSS_LINK$">RSS</a></td></tr> <tr><td width="780" valign="top" height="38" align="right" style="background: url('/.s/t/161/3.jpg') no-repeat center; padding-right: 150px;color:#F6A37B; padding-top: 3px;">$WDAY$<br>$DATE$, $TIME$</td></tr> <tr><td width="780" height="142" style="background: url('/.s/t/161/4.jpg') no-repeat center;padding-left: 380px; padding-top: 60px;"><span style="color:#FBC752;font:20pt bold Verdana,Tahoma;"><!-- <logo> -->Мой сайт<!-- </logo> --></span></td></tr> <tr><td width="780" valign="top" height="55" class="header_table" style="background: url('/.s/t/161/5.jpg') no-repeat center; padding-top: 15px; padding-left: 270px;"><img src="/.s/t/161/6.gif" align="middle"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <img src="/.s/t/161/6.gif" align="middle"><a href="$MODULE_URL$">$MODULE_NAME$</a> <img src="/.s/t/161/6.gif" align="middle"><a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><img src="/.s/t/161/6.gif" align="middle"><a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> <img src="/.s/t/161/6.gif" align="middle"><a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><img src="/.s/t/161/6.gif" align="middle"><a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a></td></tr> </table> в первой строке заменяем /.s/t/161/1.gif на адрес картинки №5 В третей строке /.s/t/161/2.jpg на адрес картинки №1 В четвертой строке /.s/t/161/3.jpg на адрес картинки №2 В пятой строке /.s/t/161/4.jpg на адрес картинки №3 В шестой строке /.s/t/161/5.jpg на адрес картинки №4 В шестой строке продвигаем нижнюю полосу прокрутки и видим Code <img src="/.s/t/161/6.gif" align="middle"> эту картинку можете заменить на свою, убрать или оставить, но помните она посторяется 3 раза. Вот и все! Надеюсь у вас все получится! Если что-то не понятно задавайте вопросы! Обязательно отвечу! Статья принадлежит сайту banana-art.ru. Полное или частичное копирование запрещено. За более подробной информацией обращаться к администрации.
1 2 3 4 5 Категория: Ставим шапки \| Добавил: steaming (21.11.2009) \| Автор: Юлия W
Просмотров: 3216 \| Комментарии: 12 \| Рейтинг: 5.0/2