Page 1 of 11
uCoz Community » General Information » uCoz Updates & Announcements » Layout Update in Closed System Codes (Update 13-2013)
Layout Update in Closed System Codes
Sunny
Posts: 9296
Reputation: 456

Message # 1 | 4:49 PM



This update will be especially interesting to those who create custom templates and fundamentally customize their websites. It is a major step forward for uCoz.

I will describe the layout changes, thanks to which we will be able to create more modern and high quality responsive templates for you, our users.


The update is available on all servers!


1. Menu structure update

The main site menu used to consist of a list where each element contained a huge number of nested div blocks and a link itself, and submenu items were presented in the code as a separate block with the absolute positioning and with extra blocks. To style such menu, and especially to add beautiful drop-down submenus, you had to use scripts and other custom solutions.
Now the main menu and its submenus are simple nested lists with links that can be easily styled via CSS.

To get such menu in your website template, you need to replace the code $SMENU_...$ by $NMENU_...$ , or in Template Builder replace

Code
<!-- <sblock_menu> -->CONTENT<!-- </sblock_menu> -->


by

Code
<!-- <sblock_nmenu> -->CONTENT<!-- </sblock_nmenu> →


You will need to style the new menu yourself, or wait for the new templates where it has already been done.
The old menu will work as well, to ensure compatibility with the old templates. If the menu in Site Menu Builder is not specified explicitly, the old menu will be displayed in the sidebar. For the new menu to be displayed, you need to add the rule "nmenu": 1 to the config (see p.6).





2. When creating a template in Template Builder, it is possible to create custom global blocks

I.e. now, when creating a template, custom global blocks can be created besides the default blocks header, footer, container…. This can be done in the following way in the Template Builder mode:

Code
<!-- <global_blockname> -->
        here goes block content
<!-- </global_blockname> →


When creating the template, the global block $GLOBAL_BLOCKNAME$ with the specified content will be created automatically. Handy, isn't it?


3. Classes in entry details

The content of entry details (eDetails) will be wrapped into classes in all modules where eDetails are present, for example:

Code
<span class="e-reads">
        <span class="ed-title">Views:</span>
        <span class="ed-value">8</span>
</span>


Therefore it will be possible to style entry details in a beautiful and modern way in all standard templates, e.g.:



4. Changes to the logic of entry displaying in archives

Entries in the archives used to be displayed in a separate table cell each. Now they will be displayed as a list. And it will be possible to implement responsive entry displaying, depending on the width of user's screen.


5. Styling of user avatars

The avatar on a user's page and in comments has been wrapped into a span with the class user_avatar. Thanks to this avatars can be styled in the default templates.


6. Rating stars

At the moment the threadbare old stars are displayed in all standard templates. Now they can be changed all at once, when creating a template. Just add the following in Template Builder:

Code
<!-- <config> -->
{
        "rstars_b_image" : "/img/path",
        "rstars_b_size" : "30",
        "rstars_s_image" : "/img/path",
        "rstars_s_size" : "15"
}
<!-- </config> →


where rstars_b_image and rstars_s_image are the paths to big rating stars (displayed in E-shop, Photo Albums) and to small stars, and rstars_..._size are the sizes of these stars.


Now we just need to develop new cool and modern templates (and there are some already waiting in the wings), and you just need to wait for them smile
We have created a website with one of the new responsive designs for you to be able to test it.

I'm not active on the forum anymore. Please contact other forum staff.
PKGamerX
Posts: 90
Reputation: 5

Message # 2 | 5:38 PM
Sunny, interesting and useful update!
khen
Posts: 436
Reputation: 13

Message # 3 | 7:40 AM
yeah, very nice. We love updates like this.

Added (2013-11-22, 1:40 AM)
---------------------------------------------
Are images in the entry pages responsive in size?

Please let us test the posting of entry in the http://newtemplate.ucoz.com/publ/

We cannot see our own entry page (the entry page that we write). Uncheck pre-moderation and the Editing own entry for users/checked group so that we will be able to test the end-result of the layout of our own entry page.


Sunny
Posts: 9296
Reputation: 456

Message # 4 | 11:44 AM
khen, I disabled premoderation for most modules.
I'm not active on the forum anymore. Please contact other forum staff.
khen
Posts: 436
Reputation: 13

Message # 5 | 1:32 PM
Sunny, Are images in the entry pages responsive in size?
Sunny
Posts: 9296
Reputation: 456

Message # 6 | 2:06 PM
khen, their max. width is set to 100% of the parent block width, so probably yes.
I'm not active on the forum anymore. Please contact other forum staff.
khen
Posts: 436
Reputation: 13

Message # 7 | 2:13 PM
I've seen on my entry page I made at http://newtemplate.ucoz.com/publ/test/1-1-0-3.

Image is responsive. I really love this update.

When will be the release of the responsive templates?

Sunny
Posts: 9296
Reputation: 456

Message # 8 | 3:03 PM
khen, it will be announced. At the moment I can't tell any dates.
I'm not active on the forum anymore. Please contact other forum staff.
Cyberdasm
Posts: 605
Reputation: 6

Message # 9 | 9:33 AM
Sunny, thanks sunny for the nice update before 2014 comes.. smile
1F4BF3B

admin@lizeal.tk
www.lizeal.tk
khen
Posts: 436
Reputation: 13

Message # 10 | 10:07 AM
Sunny, how about videos (particularly youtube videos)? are they responsive?
Urs
Posts: 285
Reputation: 3

Message # 11 | 2:23 PM
1. You need two types of custom blocks :

a) Global blocks - be able to make a couple of global block sets 1, 2, 3 like custom menus and just select the type of global block you want on a particular page. Example: for English pages the user selects the English global block set, for Russian pages the user selects the Russian global block set. These sets can be defined in control panel.

b) Local blocks - be able to insert in pages instead of global blocks, local blocks, that allow you to put a particular combination of different blocks depending on a user needs for that page.

http://forum.ucoz.com/forum/56-7902-104585-16-1385211518

Added (2013-11-23, 8:23 AM)
---------------------------------------------
Take design inspiration for next templates from : http://uthemes.ru/

http://demo.uthemes.ru/index/maximus/0-178
http://demo.uthemes.ru/index/explorer/0-158
http://demo.uthemes.ru/index/gamescope/0-176

Even if you make sites with 1 column or 2 ( 2 global blocks regions, left and right ) please keep them at minimum.

Also see that the last template : http://demo.uthemes.ru/index/gamescope/0-176 has an extremely nice setting that all new ucoz designs should have :

#overlay {background-attachment:fixed;background-size:cover;}


OR

#overlay {background:url(/images/picture.jpg) center 0 fixed;background-size:cover;}

To give the background image the possibility to adjust nicely to any screen size.

All future templates should have a cover type background image behind them.
The normal design without picture is old fashion.

Post edited by Urs - Saturday, 2013-11-23, 2:24 PM
uCoz Community » General Information » uCoz Updates & Announcements » Layout Update in Closed System Codes (Update 13-2013)
Page 1 of 11
Search: