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

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

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

Замена стандартного блока новостей на 983 каркасе
Итак,первое с чего мы начнем,это откроем ПУ-Управление дизайном-Страницы сайта.
1. Вы увидите следующий код,немного прокрутив страницу:
<tr><td width="10" height="10"><img src="/.s/t/983/10.gif" border="0"></td><td style="background:url('/.s/t/983/11.gif');"></td><td width="10" height="10"><img src="/.s/t/983/12.gif" border="0"></td></tr>

2. Вместо нескольких частей,нам нужно всего лишь три части блока,для этого заменим выше написанный код вот таким:
<tr><td width="ширина блока" height="высота верхней части блока"><img src="ссылка на верхнюю часть блока" border="0"></td>

3. Взгляните на код,который стоит перед тегами <!-- <body> -->$CONTENT$<!-- </body> -->:
<div style="padding:3px 0 3px 0;border-top:1px dotted #A9B8C2;border-bottom:1px dotted #A9B8C2;">

4. Нам следует его заменить на вот этот код:
<tr><td style="background-image:url('ссылка на середину блока'); padding:0px 20px 0px 20px;">

5. Вот этот код:
<td style="background:url('/.s/t/983/14.gif');"></td></tr>
<tr><td width="10" height="10"><img src="/.s/t/983/15.gif" border="0"></td><td style="background:url('/.s/t/983/16.gif');"></td><td width="10" height="10"><img src="/.s/t/983/17.gif" border="0"></td></tr>

6. Нужно заменить на более простой:
<tr><td width="ширина блока" height="высота нижней части блока"><img src="ссылка на нижнюю часть блока" border="0"></td>

Вот и все,теперь замените каждый контейнер в разделе "Управление дизайном",работа очень кропотливая,но иначе не выйдет ;D
Категория: Установка каркасов на Ucoz | Добавил: vensy (14/06/12) | Автор: Полина
Просмотров: 708 | Комментарии: 6 | Рейтинг: 5.0/3
Всего комментариев: 6
+1   Спам
3 MissMiley   (03/03/13 00:58)
А можете, пожалуйста, сделать урок с ссылками-картинками, также как и этот http://time-inspire.org/publ/help_html/dizajn_na_ucoz_ustanovka/menjaem_karkas_161/10-1-0-108
потому что не получается найти код под пунктом
Код
3.<div style="padding:3px 0 3px 0;border-top:1px dotted #A9B8C2;border-bottom:1px dotted #A9B8C2;">
буду очень благодарна вам

4 vensy   (05/03/13 15:34)
Не совсем поняла какой код ты имеешь ввиду,я постараюсь найти время и помочь тебе,ок? smile

5 MissMiley   (10/03/13 21:33)
спасибо за помощь)
я имела в виду, что в шаблоне нет кода под пунктом 3.:
Код
Взгляните на код,который стоит перед тегами <!-- <body> -->$CONTENT$<!-- </body> -->:
<div style="padding:3px 0 3px 0;border-top:1px dotted #A9B8C2;border-bottom:1px dotted #A9B8C2;">

вместо этого, там этот код:
Код
<tr><td style="background:url('/.s/t/983/13.gif');"></td><td style="background:#FFFFFF;padding:5px;">

правда может я сама как то не так поняла..

6 vensy   (22/12/13 19:03)
Все верно, просто я видимо не заметила, что стандартный код(который вы скинули) был у меня уже заменен на свой. Тогда вы свой стандартный заменяете на тот, который написан в уроке(на который нужно заменить).

1 Sunshine   (17/07/12 00:27)
Огромное спасибо за урок! Давно хотела узнать как это сделать)))
biggrin

2 vensy   (17/07/12 01:20)
Рада,что смогла помочь)

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