Четверг, 21.11.2024, 18:49


Меню сайта
RSS ленты
Разделы новостей
Фильмы [2672]
Музыка [57]
Игры [36]
Другие программы [441]
Скрипты для Ucoz [378]
Шаблоны для Ucoz [124]
Полезные статьи [1394]
Все для Photoshop [97]
Программы для раскрутки [10]
Вебмастеру [67]
Графика [154]
Иконки групп для форума [6]
Новое на форуме
Материалы
Наш опрос
Оцените дизайн?
Всего ответов: 545
Рекламко
Материалы




Как создать конструктор в шаблоне ucoz

Жаловаться на материал | Ссылки на материал 13.04.2010, 18:28

Смысл установки заключается в создании html страницы, так называемого каркаса, который содержит определенные теги и коды. Для начало изучим основные теги которые нам понадобятся для установки шаблона.
Code
<!-- <header> -->…<!-- </header> -->

- это верхняя часть сайта, чаще всего –это шапки сайтов. Но может быть и такое, что особо выделенной верхней части сайта может и не быть.
Code
<!-- <container> -->…<!-- </container> -->

- Между этими тегами располагается колона блоков, справа и слева или же с какой-нибудь одной стороны.
Code
<!-- <block> -->…<!-- </block> -->

- этот тег непосредственно относится к самому блоку, который располагается между тегами
Code
<!-- <middle> -->…<!-- </middle> -->

Часть дизайна, которая не будет использована в модуле "Форум". Обычно, это центральная часть сайта, находящаяся между Верхним и Нижним блоками.
Code
<!-- <popup> -->  
<DIV style="border:1px solid black;padding:3px;">  
<DIV align="center"><B>[TITLE]</B></DIV>  
[BODY]  
</DIV>  
<!-- </popup> -->

- Блок в котором находится дизайн персональной страницы.

Основные коды, используемые при установке:

[TITLE] – Это заголовок страницы. Он автоматически проставляет на всех страницах нужные заголовки. используется между тегами . Ещё этот код используется в заголовках блоков без квадратных рамок TITLE, что позволяет автоматически задавать названия в стандартных блоках.

[CSS_URL]- Автоматически указывает ссылку на файл с css. Используется

[BODY] – Это «тело» документа или блока. Предназначен для вывода, таких частей сайта, как форум или других модулей. Код [BODY] выводит основной контент сайта. Используется чаще всего в середине документа, но это не обязательно. Так же этот код используется для вывода основной страницы в Пример

[COPYRIGHT] – это не обязательный код он выводит на экран такие значения Copyright MyCorp © текущий год.
CONTENT –этот код отображает содержимое блоков.
Пример использования всех этих тегов и кодов вы можете посмотреть в админ панели Управление дизайном - Конструктор шаблонов – пример каркаса.
Или ниже

Code
<TITLE>[TITLE]</TITLE>  
<LINK type="text/css" rel="StyleSheet" href="[CSS_URL]">  

<!-- <header> -->  
<TABLE border="0" cellpadding="2" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;"><TBODY><TR><TD style="width:30%;background:#D4DFF7;padding-left:5px;">$WDAY$, $DATE$, $TIME$</TD><TD align="right" style="background:#D4DFF7;padding-right:5px;"><?if ($USER_LOGGED_IN$)?>You logged in as <A href="$PERSONAL_PAGE_LINK$"><B>$USERNAME$</B></A> | Group "<U>$USER_GROUP$</U>"<?else ?>Hello <B>$USERNAME$</B><?endif ?> <?if ($RSS_LINK$)?>| <A href="$RSS_LINK$">RSS</A><?endif ?></TD></TR><TR><TD colspan="2" style="height:60px;background:#F4F4F4;border-top:1px solid #A9B8C2;border-bottom:1px solid #A9B8C2; padding:10px;"><SPAN style="color:#355473;font:20pt bold Verdana,Tahoma;">SITE LOGO</SPAN></TD></TR><TR><TD align="right" colspan="2" style="background:#D4DFF7;padding-right:5px;"><A href="$HOME_PAGE_LINK$">Site home</A> <?if ($MODULE_URL$)?>| <A href="$MODULE_URL$">$MODULE_NAME$</A><?endif ?> <?if ($USER_LOGGED_IN$)?> | <A href="$PERSONAL_PAGE_LINK$">Profile page</A><?else ?> | <A href="$REGISTER_LINK$">Register now</A><?endif ?> <?if ($USER_LOGGED_IN$)?> | <A href="$LOGOUT_LINK$">Log out</A><?else ?> | <A href="$LOGIN_LINK$">Log in</A><?endif ?></TD></TR></TBODY></TABLE><DIV style="padding-top:5px;"></DIV>  
<!-- </header> -->  

<!-- <middle> -->  
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%"><TBODY><TR><TD valign="top" style="width:200px;">  

<!-- <container> -->  

<!-- <block> -->  
<TABLE border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="200"><TBODY><TR><TD style="background:#D4DFF7;"><B>» TITLE</B></TD></TR><TR><TD style="background:#F4F4F4;padding:7px;">CONTENT</TD></TR></TBODY></TABLE><BR>  
<!-- </block> -->  

<!-- </container> -->  

</TD><TD valign="top" style="padding:0 10px">  
<DIV style="padding:5px;border:1px solid #A9B8C2;background:#F4F4F4;">[BODY]</DIV>  
</TD><TD valign="top" style="width:200px;">  

<!-- <container> -->  
<!-- </container> -->  

</TD></TR></TBODY></TABLE>  
<!-- </middle> -->  

<!-- <footer> -->  
<BR>  
<TABLE border="0" cellpadding="4" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;"><TBODY><TR><TD align="center" style="background:#F4F4F4;">[COPYRIGHT]</TD></TR><TR><TD align="center" style="background:#F4F4F4;">$POWERED_BY$</TD></TR></TBODY></TABLE>  
<!-- </footer> -->  

<!-- <popup> -->  
<TABLE border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%"><TBODY><TR><TD style="background:#D4DFF7;" align="center"><B>[TITLE]</B></TD></TR><TR><TD align="center" style="background:#F4F4F4;padding:5px;">[BODY]</TD></TR></TBODY></TABLE>  
<!-- </popup> --

После того как мы получили каркас нажмите на кнопку «просмотреть» чтобы убедится что вы сделали все правильно, а потом на «создать шаблон». Так же обратите внимание на кнопку дополнительные опции.





Добавил: lor08 | Категория: Скрипты для Ucoz | Просмотров: 907
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Форма входа
Здравствуйте, Гость!

Футбольные трансляции
Поиск
Друзья сайта

Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто on-line? ]
[ Кто нас сегодня посетил ]
Интересное в сети
Материалы
Sape

Дизайн от Flynt © 2009-2010 | sitemap | sitemap-forum | Хостинг от uCoz
Все материалы представлены в ознакомительных целях,и каждый материал принадлежит законному обладателю!Если какой-либо материал ущемляет Ваши права, то воспользуйтесь формой обратной связи 
Проверить тиц и PR