Форум

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: MaHrYcT

Правила создания каркаса!

MaHrYcT

Дата: Воскресенье, 02.09.2012, 12:22 | Сообщение # 1

Ветеран CS

Группа: ADMIN

Сообщений: 85

Репутация: 32767

Статус:

Вот решил выложить правила сюда на форум. Вроде такого еще не было.

Зарезервированные теги каркаса

Верхняя часть сайта. В некоторых дизайнах четко выделенной верхней части может не быть.

Code

Нижняя часть сайта.

Code

Левый и/или правый контейнер. Количество контейнеров зависит от стиля дизайна (2х или 3х колоночный).

Code

Блок, находящийся в теге "". Если дизайн блоков во всех контейнерах будет одинаковый, то достаточно сформировать лишь один блок, а второй контейнер создать пустым. Блок имеет два зарезервированных кода "TITLE" и "CONTENT".

Code

Статичный блок "Меню". Тоже самое, что и тег "", только находящийся за пределами тега "". Используется только в тех дизайнах, где блок "Меню" имеет свой персональный дизайн.

Code

Часть дизайна, которая не будет использована в модуле "Форум". Обычно, это центральная часть сайта, находящаяся между Верхним и Нижним блоками.

Code

Блок, формирующий дизайн для страницы "Личные сообщение", а также других страниц, открывающихся в новом окне, имеет два зарезервированных кода "[TITLE]" и "[BODY]".

Code

Зарезервированные коды каркаса

[TITLE] [CSS_URL] [BODY] [COPYRIGHT]

Зарезервированные надписи

Code

SITE LOGO

Code

You logged in as

Code

Group

Code

Hello

Code

Site home

Code

Profile page

Code

Log out

Code

Current date

Пример структуры каркаса

Code

<html>
<head>
<title>[TITLE]</title>
<link type="text/css" rel="StyleSheet" href="[CSS_URL]" />
</head>
<body style="padding:5px;margin:0;">


<div align="center" style="border:1px solid black;padding:5px;font-size:20pt;"><b>SITE LOGO</b></div><div style="padding-top:5px"></div>



<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">



<div style="border:1px solid black;padding:3px;width:200px;">
<div align="center"><b>TITLE</b></div>CONTENT</div><br/>



</td>
<td valign="top" width="80%" style="padding:0 5px;"><div style="border:1px solid black;padding:5px">[BODY]</div></td>
<td valign="top">


</td></tr>
</table>



<div style="padding-top:5px"></div><div align="center" style="border:1px solid black;padding:5px;">[COPYRIGHT]<br/>$POWERED_BY$</div>


</body>
</html>


<div style="border:1px solid black;padding:3px;">
<div align="center"><b>[TITLE]</b></div>
[BODY]
</div>

Пример каркаса для конструктора шаблонов

Code

<html>
<head>
<title>[TITLE]</title>
<link type="text/css" rel="StyleSheet" href="[CSS_URL]" />
</head>
<body style="background:#FFFFFF;margin:0;padding:5px;">


<table border="0" cellpadding="2" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;">
<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>
</table><div style="padding-top:5px;"></div>



<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:200px;">




<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="200">
<tr><td style="background:#D4DFF7;"><b>» TITLE</b></td></tr>
<tr><td style="background:#F4F4F4;padding:7px;">CONTENT</td></tr>
</table><br />




</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;">




</td>
</tr>
</table>



<br/>
<table border="0" cellpadding="4" cellspacing="0" width="100%" style="border:1px solid #A9B8C2;">
<tr><td align="center" style="background:#F4F4F4;">[COPYRIGHT]</td></tr>
<tr><td align="center" style="background:#F4F4F4;">$POWERED_BY$</td></tr>
</table>


</body>
</html>


<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr>
</table>

Правила создания каркаса!

Страница 1 из 1
1