Page 8 of 8«12678
Forum moderator: bigblog 
uCoz Community » For Webmasters » Design Customization » Instruction for those who want to change design
Instruction for those who want to change design
Kron_old
Posts: 117
Reputation: 52

Message # 1 | 12:42 PM
In uCoz system a site is based on dynamic pages. Dynamic page is a page, which doesn't exist on the server as an integral whole, but is constructed in a browser "on fly" of separate blocks according to a certain script. In general it consists of three components:

1. Content, i.e. text, images and hyperlinks; it is located in a special database as a rule.
2. Description of content design, i.e. how the content is placed and formatted on a page.
3. Program-script, which extracts separate blocks from the database and constructs a page.

The first item is entirely yours, i.e. information with which you are going to fill your site. The second and the third are granted by the system, but though the second may be changed for almost 100%, the third you can only complement with client scripts.


The program-script, written by high-class professional programmers, is presented to you in the form of modules - Forum, Guestbook, Catalogs etc., described on the main page of our site. By means of Control Panel, you can adjust these modules to your site. uCoz Control Panel is made as convenient as possible, it has user-friendly interface, and is supplied with various hints and mini-instructions.

Page appearance is based on templates and a style sheet in a separate file. Each module has several templates, allowing to customize separately appearance of each module and appearance of pages inside a module.

Page code includes both common HTML-tags and special uCoz codes. uCoz codes are special variables, which accept the following values when output on a page:

  1. Constants
  2. Variables
  3. Parts of HTML codes
For example, $SITE_MENU$ code outputs contents of the main site menu, which has a separate template. As a result, your make changes in one place, and then they become active on all site pages automatically. In general uCoz codes represent on a site contents of the fields, which you fill in module settings or in some templates.

Each template has also Visual Editor, but it is intended for the "face-lift" of your template. Here you can format text, insert a link or an image, but we do not advise you to make serious changes in Visual Editor. Even such professional editors as FrontPage or DreamweaverMX do not guarantee pure code.



Template Builder, Global Blocks and Quick Replacement of HTML-code parts make work with the design much easier.

Template builder is intended for quick and convenient replacement of the whole site design. You need not update each template separately, all you need is to create one common skeleton and all active templates will be updated. This utility is intended for "rude" customization of site appearance, all tiny details you should change manually; still it will save you much time.

Global blocks are blocks, available in all other templates of your project. With the help of global blocks you can optimize the design of your project, having divided it into common parts, e.g.: HEADER - common upper part, FOOTER - common lower part etc. By means of global blocks, you can make changes of the whole project by editing one block template only. You can create 10 global blocks.

Quick replacement – this feature is intended for quick replacement of one part of HTML code by the other. E.g. you need to replace "SITE LOGO" by "Interesting site", so you insert "SITE LOGO" in the first field, and "Interesting site" - in the second. As a result "SITE LOGO" will be replaced by "Interesting site" in all templates where it is found. You can do this action with any HTML code, e.g. replace images (logo), template variables ($codes$) etc. However, be attentive when making a replacement for it can occur even in those places where you didn’t expect. E.g., if you want to replace "a" by "b", the system will replace "a" by "b" everywhere it will find "a". Remember, if something goes wrong, you can always restore templates by means of the corresponding feature or with the help of "Update design for all active modules" option in "Common settings" section.

That is what you must know if you want to change the design of your site.

Paradox
Posts: 3276
Reputation: 145

Message # 106 | 8:24 AM
Helpinghand, the community design was specifically designed for the forums. It will not be added to the standard designs and on another not there is a lot of customisation that regular users will not be able to assist with.
Developer, Designer, Communicator.
Been here for 6 years and counting.
Visit me at alexmoloney.me.
bodbreed
Posts: 311
Reputation: 1

Message # 107 | 5:37 PM
How do i put an image logo in place of "My Site"?
Sunny
Posts: 9296
Reputation: 456

Message # 108 | 11:10 AM
XO-Ferg, please see the guide in the following thread http://forum.ucoz.com/forum/42-12199-1 and continue further discussions there.
I'm not active on the forum anymore. Please contact other forum staff.
dejanx
Posts: 10
Reputation: 0

Message # 109 | 6:33 PM
I have problem with change design, I go to restore tempaltes and when change design , again same pictue.I check UPDATE box.
What I do ? please help
Sunny
Posts: 9296
Reputation: 456

Message # 110 | 9:20 AM
dejanx, please provide the website address and specify the picture that does not change.
I'm not active on the forum anymore. Please contact other forum staff.
Mafia4221
Posts: 2
Reputation: 0

Message # 111 | 3:00 PM
Hi I Am Having Problem, I Want To Change My Website Logo Picture, My Website: google-cached.ucoz.net With Design #1087 Please Help Me cry
YOYOYO
Posts: 26
Reputation: 0

Message # 112 | 3:12 PM
Mafia4221, Go to CP-> Design -> Quick replacement of template parts

Fill "Find:" with :

Code
<a title="Main" href="http://google-cached.ucoz.net/"><img class="logo-img" src="/.s/t/1084/logo-img.png" alt=""></a>


An fill "Replace with:" with :
Code
<a title="Main" href="http://google-cached.ucoz.net/"><img class="logo-img" src="here your logo link" alt=""></a>


Replace "/.s/t/1084/logo-img.png" with your logo.

bigblog
*boops*
Posts: 1475
Reputation: 71

Message # 113 | 4:15 PM
Quote YOYOYO ()
Replace "/.s/t/1084/logo-img.png" with your logo.

He means, replace "here your logo link" with your logo's URL address.

Added (2014-07-17, 10:15 AM)
---------------------------------------------
Oh, yeah... Replace 1084 with 1087 in first code.


hey i'm joe, please don't call me on my real name because you're gonna misspell or mispronounce it and it drives me nuts

i do not work for the company anymore, sorry for the late replies
Mafia4221
Posts: 2
Reputation: 0

Message # 114 | 8:55 AM
Quote YOYOYO ()
Go to CP-> Design -> Quick replacement of template parts

Fill "Find:" with :

<a title="Main" href="http://google-cached.ucoz.net/"><img class="logo-img" src="/.s/t/1084/logo-img.png" alt=""></a>1
2

An fill "Replace with:" with :
<a title="Main" href="http://google-cached.ucoz.net/"><img class="logo-img" src="here your logo link" alt=""></a>


I Did it and replaced with by this link: http://google-cached.ucoz.net/bannerfans_12656654-2-.jpg But when i clicked Replace it said: No replacements were made. Check whether search fragment is correct
bigblog
*boops*
Posts: 1475
Reputation: 71

Message # 115 | 9:26 AM
Mafia4221, can you send the full code? The code inserted in the Find and Replace with fields.
hey i'm joe, please don't call me on my real name because you're gonna misspell or mispronounce it and it drives me nuts

i do not work for the company anymore, sorry for the late replies
YOYOYO
Posts: 26
Reputation: 0

Message # 116 | 10:42 AM
Mafia4221, try this

Find:
Code
<img class="logo-img" src="/.s/t/1084/logo-img.png" alt="">


Replace with:
Code
<img class="logo-img" src="http://google-cached.ucoz.net/bannerfans_12656654-2-.jpg" alt="">

uCoz Community » For Webmasters » Design Customization » Instruction for those who want to change design
Page 8 of 8«12678
Search: