Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Установка каркасов на Ucoz

Меняем каркас #161
Верхняя часть сайта
Итак,заходим в контейнер "Верхняя часть сайта":

Видим огромный код,он нам не нужен,если вы не собираетесь разрезать шапку на отдельные куски,если собираетесь,то напишу об этом в спец. серии уроков.Далее, убираем этот HTML код:
Сохраняем.
И берем готовую шапку и вставляем ее в Визуальный Редактор(Виз.Редактор,значок изображения_Загрузка шапки в Файловый Менеджер,нажимаем ок),затем нажимаем на шапку и жмем по центру:

Сохраняем нажав на значок Сохранить.
В HTML коде мы получим следующее:
<div style="text-align: center;"><img src="http://time-inspire.org/knopki/toi_header.png" class="image" alt=""></div>
Сохраняем.

Первый контейнер
Теперь приступим к смене блоков(боковых),итак первый контейнер включает в себя блоки левой стороны.Если вы хотите блоки с 2 частями,тогда мы пропишем другой код,а если простые,наподобие стандартных в этом каркасе,тогда читаем 1 способ.

1 способ:
Заходим в ПУ-Управление дизайном-Первый контейнер,мы видим следующий код,расшифровываю сразу:

width="194" это ширина блока
style="background-color: #F6A37B это цвет верхней части блока
style="background-image:url('/.s/t/161/7.gif') это фоновая картинка верхней части блока
height: 25px это высота верхней части блока
color:#CC5D28 это цвет текста названия блока
<!-- <bt> --><!--<s5184>-->Меню сайта<!--</s>--><!-- </bt> --> это название блока,теги вокруг него важны,их убирать нельзя
background:#FFFAF8 цвет фона самого блока
Итак,вам требуется лишь заменить цвета и размеры.

2 способ:
Если вы хотите сделать три части блока,тогда вам нужно удалить код внутри тегов <!--<block1> --><!-- </block1> --> и вставить следующий:

<table border="0" cellpadding="0" cellspacing="0" width="269">
<tr><td height="150" style="background:url('http://time-inspire.org/shapki/categories.png');color:#9D080D;padding-left:30px;padding-top:5px;"><b></b></td></tr>
<tr><td style="background:url('http://time-inspire.org/shapki/side_seredina.png') #FFFFFF;padding:3px 10px 0 7px;"><!-- <bc> -->$CATEGORIES$<!-- </bc> --></td></tr>
<tr><td><img src="http://time-inspire.org/shapki/side_niz.png" border="0"></td></tr>
</table>
Итак,тут тоже самое:
коричневым выделены размеры блоков,которые вам следует изменить
красным выделен цвет текста названия блока
ссылки это ссылки на части блоков

Во втором контейнере все тоже самое и с остальными блоками точно также,способ выбирайте любой,кому как удобнее!

Страницы сайта
Для начала заменим фон,откройте на отдельной вкладке Дизайн-Быстрая замена участков шаблонов и вставтье туда код фона:
Что заменить: <body style="margin:0px; padding:0px;background-color: #FFFFFF;">
На что заменить: <body style="margin:0px; padding:0px;background-color: #ваш цвет;">
Все,фон готов!

Теперь приступим к новостным блокам,как их менять в страницах сайта,сказано в этом уроке.Как прочитаете,только тогда приступайте к секретам,чтобы не сидеть и не тупить,когда будете читать конец урока ;)

Секреты быстрой смены новост. блоков
Итак,секрет первый.
Когда мы меняем верхнюю часть и середину н. блока(прим.-"новостного блока"),заметим следующее(на примере моего н.блока):

Т.е. код верхней части и середины копируйте сразу(вместе),и вставляйте,выделив стандартный код(2 и 4 шаги).
Секрет 2.

Чтобы блоки не разъезжались,вместо 98% сделайте 78.
Вот и все)А как сменить CSS читайте в предыдущих уроках!



Категория: Установка каркасов на Ucoz | Добавил: vensy (11/07/12) | Автор: Полина
Просмотров: 949 | Рейтинг: 4.7/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]