Forum moderator: bigblog  
Help on Template Builder
Sunny
Posts: 9296
Reputation: 456

Message # 1 | 10:47 AM
How to Create a Skeleton


When you open a Templates Builder section you can see the following options:
1. Rules for creating a skeleton
2. Sample skeleton
3. Skeletons of standard designs
4. You're using default style sheet of the design #, or Personal style sheet is in use


Those are the links to definite pages of the Control Panel. #1 and #2 are pop-up windows, # 3 opens a drop-down list with the links to standard skeletons (if you click on one of them it will be loaded to the editing area). And finally, #4 will open a pop-up window with the link to the CSS file.


Let’s get back to item 2 (sample skeleton). There are three buttons at the top of the opened window – Skeleton code, View, Edit. Active button is in a pale color, it is Skeleton code by default. When you click View you’ll see the page as it will look. We can view the appearance of the main site page (and main module pages), forum and pop-up windows. Pop-up windows are a user profile, poll results, a list of PMs etc. When you click on Edit the skeleton code will be copied to the editing area of the Templates Builder. Below are the checkboxes by means of which you can change the design either of the whole website or of some definite module(s): just remove the checkmarks for those modules which you don’t want to change. Under the checkboxes you can see the following buttons:

1. File Manager
2. View
3. Create templates (after you have clicked on this button the templates of the marked modules will change)
4. Additional options
a) Add to designs set (Addition of the created design to the set of default designs. This design will be used when restoring templates)
b) Archive the skeleton (Creation of an archive which will contain skeleton code file, style sheets file, files of images, setup manual file for installation of the skeleton on any other uCoz site)
c) Save skeleton (Saving skeleton code in a file to continue its configuring in future (backup))

Sometimes your code may contain mistakes then the system will warn you before creating an archive. The archive will be saved together with a special error file where all confusing places of the code will be listed.

If you have already edited uCoz templates then you are familiar with the principles of their structure and with the special uCoz codes. You can use in the skeleton only those codes that are working in all templates. You’ll have to paste all codes, specific for certain modules, manually. Except the standard codes, special skeleton codes are used.


The list of special Templates Builder codes:

1. [TITLE] – page name (for the tag)
2. [CSS_URL] – URL of the CSS file
3. [RSS_URL] – URL of the RSS feed (for the modules that have it)
4. [MODULE_PAGE_URL] – URL of the main module/section page (for the modules that have it)
5. [MODULE_NAME] – module name
6. [CATS_TITLE] – name of the block with the module categories list
7. [CATEGORIES] – list of the module categories (for the modules that have them)
8. [CALENDAR_TITLE] – name of the block with the calendar of additions
9. [CALENDAR] – calendar of additions (for the modules that have it)
10. [SEARCH_TITLE] – name of the search block
11. [SEARCH_FORM] – search block for searching module entries (for the modules that have this feature)
12. [BODY] – main part of the page (list of entries etc.)


When installing a skeleton on the site the Templates Builder will automatically replace those codes by the equivalent standard codes, specific for each module. In the general case [BODY] is not equal to $BODY$. For example, you’ll get the following code instead of [BODY] on the main page:

Code
<table border="0" cellpadding="5" cellspacing="0" width="100%" class="tabbody">
<tr>
<td class="tdbody"><a href="$HOME_PAGE_LINK$">Main page</a> </td></tr>
<tr>
<td class="tdbody1">
%IF($ADD_NEWS_LINK$)%<div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_NEWS_LINK$">Add new entry</a> ]</div>%ENDIF%
$LAST_NEWS$
</td>
</tr>
</table>


And for the File Catalog (the source code is the same):

Code
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$">Main</a> » Files</td>
<td align="right" style="white-space: nowrap;">%IF($ADD_ENTRY_LINK$)%[ <a href="$ADD_ENTRY_LINK$">Add new entry</a> ]%ENDIF%</td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%">Total entries in catalog: <b>$NUM_ENTRIES$</b>%IF($NUM_SHOWN$)%
Shown entries: <b>$NUM_SHOWN$</b>%ENDIF%</td>
<td align="right">%IF($PAGE_SELECTOR$)%Pages: $PAGE_SELECTOR$%ENDIF%</td>
</tr>
</table>
<hr />
$BODY$
%IF($PAGE_SELECTOR1$)%<div style="text-align:center;">$PAGE_SELECTOR1$</div>%ENDIF%
</td>
</tr>
</table>


And for the Forum you’ll get just ..., ... and the following code in between:

Code
<table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" align="center">
<tr>
<td align="right">[      
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Recent messages</a> •      
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Members</a> •      
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Forum rules</a> •      
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Search</a> •
<a class="fNavLink" href="$BOARD_RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>
$BODY$


The conditional operators for the Templates Builder also have unique features. They are of two types: ordinary %IF% %ELSE% %ENDIF% and {IF} ... {ENDIF}. The first type is described in the Control Panel. The second type is easy to understand: these codes are used for those parts of the code that will be displayed for certain modules only. The system knows itself what and where to display.

That is what you should know when working with the Templates Builder.

I'm not active on the forum anymore. Please contact other forum staff.
Natashko
Posts: 3366
Reputation: 171

Message # 61 | 9:30 AM
alyssgirl, use search next time. This thread might be helpful: http://forum.ucoz.com/forum/5-422-1
sonicon
Posts: 4
Reputation: 0

Message # 62 | 3:05 PM
<table border="0" height="30" cellpadding="0" cellspacing="0" width="100%" align="justify">
<tr>
<td align="right"> [
<kelas = "fNavLink" href = "$ RECENT_POSTS_LINK $" rel = "nofollow"> pesan terbaru </ a> •
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"> Anggota </ a> •
< kelas = "fNavLink" href = "$ BOARD_RULES_LINK $" rel = "nofollow"> Forum rules </ a> •
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"> Cari </ a > •
<a class="fNavLink" href="$BOARD_RSS_LINK$" rel="nofollow"> RSS </ a>] </ td>
</ tr>
</ table>
$ BODY $
sonicon
Posts: 4
Reputation: 0

Message # 63 | 3:07 PM
<table border="0" cellpadding="5" cellspacing="0" width="100%" class="tabbody">
<tr>
<td class="tdbody"> <a href="$HOME_PAGE_LINK$"> halaman utama </ a> </ td> </ tr>
<tr>
<td class="tdbody1">
% JIKA ($ ADD_NEWS_LINK $)% <style div = "text-align: right; padding-bottom: 3px; "> [<a href="$ADD_NEWS_LINK$"> Tambah entri baru </ a>] </ div>%% Endif
$ LAST_NEWS $
</ td>
</ tr>
</ table>
Attachments: 1285187.jpg (8.3 Kb)
redhead
Posts: 113
Reputation: 9

Message # 64 | 3:45 PM
sonicon, Sorry, we don't get it. Please, describe in details. Next time use spolier to hide your code.
sonicon
Posts: 4
Reputation: 0

Message # 65 | 6:28 PM
<table border="0" height="30" cellpadding="0" cellspacing="0" width="100%" align="left">
<tr>
<td align="right"> [
<kelas = " fNavLink "href =" $ RECENT_POSTS_LINK $ "rel =" nofollow "> Pesan terbaru </ a> •
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"> Anggota </ a> •
<kelas = "fNavLink" href = "$ BOARD_RULES_LINK $" rel = "nofollow"> Forum rules </ a> •
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"> Cari </ a> •
<a class="fNavLink" href="$BOARD_RSS_LINK$" rel="nofollow"> RSS </ a>] </ td>
</ tr>
</ table>
$ BODY $
gadget
Posts: 65
Reputation: 3

Message # 66 | 8:51 PM
sonicon, explain your problem. We don't get you.
Happiness comes to those who are moving toward something they want very much to happen. And it almost always involves making someone else happy.

LOL
Gadget
sonicon
Posts: 4
Reputation: 0

Message # 67 | 3:28 AM
Saya tidak bisa masuk ke loging contror panel knpaya?padahal psswd ....tlng bntu
Animorph
Posts: 2856
Reputation: 189

Message # 68 | 9:44 AM
sonicon, English please ? I'm actually to lazy to translate other languages in an english forum smile
To busy building a passive income online ;)
Natashko
Posts: 3366
Reputation: 171

Message # 69 | 1:20 PM
sonicon, if you have any problems with CP access - see this: http://forum.ucoz.com/forum/31-13763-1#79126
Mystery_TDL
Posts: 2
Reputation: 0

Message # 70 | 7:05 AM
Mình có đầy đủ các dữ liệu giao diện thieert kế của một trrang web minh muốn tao ra giao diện giong như zậy vậy minh phai bắt đầu ntn cũng như các bước làm ntn khi tao xong web cua ucoz thi no co sẵn một cái mẫu riêng minh muốn thay đổi nó
Sunny
Posts: 9296
Reputation: 456

Message # 71 | 11:21 AM
Mystery_TDL, the forum language is English. Please ask questions in your native language here: http://forum.ucoz.com/forum/28-4722-1
I'm not active on the forum anymore. Please contact other forum staff.
smokestar
Posts: 1
Reputation: 0

Message # 72 | 6:23 PM
you have to have a basic knowledge of HTML, create your template, then use the file manager to upload it then CP >> settings >> design >> select design and select your design that you made (i think)

Smokestar,

P.S. i think i attached a file of a template i made
Sunny
Posts: 9296
Reputation: 456

Message # 73 | 2:39 PM
smokestar, please explain your problem in more detail.
I'm not active on the forum anymore. Please contact other forum staff.
carloscompu
Posts: 246
Reputation: 1

Message # 74 | 7:03 PM
How much text fit in a template builder, example, if i want to edit file catalog template in control panel How much text would it fit
Sunny
Posts: 9296
Reputation: 456

Message # 75 | 12:08 PM
carloscompu, the max. length of a design template is 75 000 characters.
I'm not active on the forum anymore. Please contact other forum staff.
Search: