Как сделать рабочий конструктор для Ucoz - Форум
Игры
Linux & Mac OS
Софт/Программы
Скрипты для uCoz
Как скачивать файлы?
Тип браузера: | Время: Воскресенье, 20.05.2012, 15:59
FunFotos.ru
Главная | Форум | RSS
[
Страница 1 из 11
Форум » Скрипты для uCoz » Вопросы по uCoz » Как сделать рабочий конструктор для Ucoz
Как сделать рабочий конструктор для Ucoz
Zen_Kein
Понедельник, 28.02.2011, 14:14 | Сообщение # 1
Пользуватель
Сообщений: 2094
9
У многих дизайн не стандартные и что то нужно поменять, но как без рабочего конструктора?
Что нам даст этот конструктор?
1. Удобно управлять дизайном и блоками своего сайта не заходя в ПУ
2. Можно быстро добавить нужные тебе блоки, которые будут уже под дизайн сайта, все красиво
3. Отличная возможность использоваться в блоках гаджеты и виджеты.
4. Думаю самое важное, когда создадите каркас, система сама сделает все, сгенерирует шаблон для всех модулей. Это будет великолепно, мне не нужно будет
делать все руками каждый модуль.
Думаю все поняли, что это полезно, наберусь терпением и расскажу вам все это.

Для начало нужно удостоверится, что конструктор активирован.
Если желаете проверить активирован ли, то нужно зайти в ПУ(панель управление) - общие настройки.
Если вы видите, что все активировано, то переходим к управлению дизайна.
Нужно зайти в ПУ - Управлением дизайна - Конструктор шаблонов, вам помогут все оформить подсказки прилагаемые к конструкции шаблонов.
Создание каркасов довольно простой - страницы делятся на определенные зоны по назначению и смыслу.
каркас сделан из основных частей:

Code
<!-- <header> -->  
<!-- </header> -->

В этом блоке разместим верхнию часть дизайна(шапку).
Code
<!-- <middle> -->  
<!-- </middle> -->

- Здесь будет основная часть, в том числе правая и левая колонки, в которым будет отображаться весь материал.
Code
<!-- <footer> -->  
<!-- </footer> -->

- здесь будут счетчики и другое.
Code
<!-- <middle> -->  
<!-- </middle> -->

- В этом коде нужно знать некоторые нюансы, без которых вы ничего не сделаете.
Это связанно с модулем форума( у многих он есть).
В моей ситуации, если мне понадобится модуль форум, то мой каркас предполагает, что мой модуль будет на всю ширину страниц, так как блоки container
у нас сделано в middle.
При сгенерирование шаблона для форума система смотрит, как сделан блок middle.
Но если я поставлю код container за границу блока middle, тогда форум будет занимать места левой и центральной колонки,
а вот правая останется без изменений.
Если я не буду использовать код middle, то форум останется на том же месте, как и остальной материал.

Дизайн разделенный на три больших части и каждая имеет своё большое значение.
Но для того, что бы управлять блоками и генерировать шаблон для всех модулей, но мне нужно рассказать вам как будут выглядит блоки и куда их устанавливать.

Так что основная часть сайта (колонки) размещена в блоке

Code
<!-- <middle> -->  
<!-- </middle> -->

- в него будем добавлять нужный код.
В этом нам поможет код

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

я определяю в дизайне области, где можно будет создавать блоки например: опрос, профиль, календарь и др.
В моем случаи это правая и левая колонка.
Вписываем коды в дизайн, примерно так:
Code
<td valign="top" width="175" style="padding:1px; background:#FFFFFF;  
border-right:1px solid #666666;" align="center">  
<!-- <container> -->  
<!-- </container> -->  
</td>
Теперь мне
нужно каким то способом сказать системе как будет выглядит мой блок.
При генерации шаблона система сгенерирует шаблон с учетом этой информации и теперь новые блоки будут добавляться в дизайне в которым мне нужно.
Самое хорошее, что мне нужно будет описать всего один блок, а потом система сама будет делать.
Добавляем блок в контейнер:
Code
<td valign="top" width="175" style="padding:1px; background:#FFFFFF;  
border-right:1px solid #666666;" align="center">  
<!-- <container> -->  
<!-- <block> -->  
<table border="0" cellpadding="0" cellspacing="0"  
style="background:#666666; margin-bottom:1px;" width="175">  
<tr><td height="17" style="color:#FFFFFF; border:1px solid #666666;  
font-size:10px;padding-left:10px;">  
<b>TITLE</b></td></tr>  
<tr><td align="center" style=" background-color:#EFEFEF;  
padding:5px 0 5px 0;  
border:1px solid #666666;">CONTENT</td></tr>  
</table>  
<!-- </block> -->  
<!-- </container> -->  
</td>

Если дизайн блоков будет одинаковый во всех контейнерах, тогда всего то нужно будет сделать один блок, а 2 контейнер
создавать пустым. У блока есть 2 зарезервированных кода "CONTENT" и "TITLE", которые обозначаются "Содержимое" и "Заголовок" блока.
Особое внимание хочу уделить зарезервированным кодам каркаса:
- [TITLE] : заголовок страницы
- [CSS_URL] : путь к файлу с css-стилями
- [BODY] : основная часть страницы
- [COPYRIGHT] : копирайт системы uCoz

Рекомендую вам использовать их для правильной генерации каркаса.
В каркасе еще нужно указать внешний вид для всплывающих окон.
Специально для этого существует код:
Code
<!-- <popup> -->  
<!-- </popup> -->

Например: у меня будут всплывающие окна такие как и блоки - поэтому нужно добавить этот код:
Code
<!-- <popup> -->  
<table cellpadding="0" cellspacing="1" style="background:#FFFFFF;">  
<tr><td>  
<table border="0" cellpadding="0" cellspacing="0"  
style="background:#666666; margin-bottom:1px;">  
<tr><td height="17" style="color:#FFFFFF; border:1px solid #666666;  
font-size:10px;padding-left:10px;">  
<b>[TITLE]</b></td></tr>  
<tr><td align="center" style=" background-color:#EFEFEF;  
padding:5px 0 5px 0;  
border:1px solid #666666;">[BODY]</td></tr>  
</table>  
</td></tr>  
</table>  
<!-- </popup> -->

Данный код лучше указать в самом низу - это поможет вам не запутаться при создание каркаса.
Прошу обратить внимание на то, что в коде всплывающих окон [TITLE] должен был быть в квадратных скобках, а в блоке пишится TITLE без скобок.
Это все сделано для того, что бы хоть как то различить эти два кода.
У нас все готова, теперь посмотрим, что у нас получилась. Если все отлично то нажимаем на "Создать шаблоны". Система генерирует шаблон для всех модулей, которые
активные.
Ну вот и готова.
Форум » Скрипты для uCoz » Вопросы по uCoz » Как сделать рабочий конструктор для Ucoz
Страница 1 из 11
Поиск:

Главная | [Для правообладателей] | [Обратная связь] | [Добавить в закладки] | [На верх]
© 2012 FunFotos.ru
Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом.
Эти материалы предназначены исключительно только для ознакомления!

SiteMap | Sitemap-forum | Хостинг от uCoz
Партнеры
Ваша ссылка
Ваша ссылка