Photoshop basics: Creating a Pattern seamless pouring for backgrounds. How to install a template on ucoz

Before proceeding to the installation process, it is necessary to find a suitable design. I would recommend using templates only from proven sources, such as: the official store from UCOZ or on sites that specialize in this direction.

In this case, you can be confident as a template and its performance. Of course, you can congratulate or use different car veins - but very often they come across rips, non-working designs or worse files with viruses. Therefore, go to the question of selecting a source with all seriousness, as it depends not only by the success of the operation, but also the safety of your site. As part of this article, I will install free template Desktopchaos with Utemplate.pro.

Loading a file with a template

So, download the archive with the template:

Inside the archive are several invested folders:

images folder (images, img);
folder with scripts (JS);
folder with styles (CSS);
folders with codes of global blocks, informers, etc.

Also in the archive, as a rule, are present:

instruction.txt (readme.txt) - I strongly recommend that you must read;
designer template.txt (TMPL.TXT) is a common framework of the frame;
table of styles.txt (CSS.txt, style.txt) - file with set of styles;
type of materials. TXT - contains the code for the type of material;
and etc. text files With codes that are needed to complete the template setting.

Note: The contents of your archive may differ from my template (it depends on the type, structure, complexity of the template and other factors).

Making a backup copy of the current template

Before you start installing a new template I recommend to make a backup of the current template (just in case)

To do this - go to the "control panel" of your site - "Design" - " Backup templates ":

Click in the upper right corner the "Create backup", After that, you will see the backup archive that has appeared with your current template of the form" 1372338464.zip "with the date of creation in brackets:

And, one more point: before installing a new template i recommend to activate all the necessary modules.: those that you are in this moment Want to use those that you may want to use in the future. This is done in order that your new template would be correctly installed and displayed in all modules.

Step-by-step instructions for installing a template on UCoz:

Setting the template is made according to the instruction that is inside your archive with a template.. As I said in this article, I will show the installation of the template Desktopchaos..

Step 1.

Download the folder with images images to your server. This can be done in two ways.

First method - via FTP client, for example, FileZilla. Download and install the program: http://filezilla.ru/get/.

After that, on the main page of the control panel, we click and ask a new password:

After that, open FileZilla FTP manager, at the very top I enter the host, username and password, press the "Quick Connection":

In the left part of the manager, we find a folder with pictures of your template, press on it right mouse button, in the menu that appears click "download to the server". Ready. Now pictures are on our server.

This way is convenient to use if you need to download many images, or other files.

Second way - Loading images through File manager . Go to main page PU and click on "File Manager":

In the right of the upper corner, we click to create a folder, enter the name images and press ENTER:

Go to this folder. To download the pictures in it, click "Select File", select the picture and click to download the file. Green plus game you can add fields for multiple files.

Thus, download all the pictures from the Images folder to the server.

Step-2.

Install (if necessary) Tag value . Go to "PU (control panel)" - "Settings" - "General Settings" and insert the code:

Step-3.

Install the style sheet. To do this, we find the file "Table Style" file in the archive, open and copy all the code from it (Ctrl + A, Ctrl + C) and insert it instead of the old code in "PU" - "Design" - "Design Management (CSS ) "-" Style Table (CSS) ":

Step-4.

Install the code from the template design file. Open a file from the archive "Designer template.txt" archive, copy all the contents and insert it into "PU" - "design" - "template design", press the "Create Templates" button:

Step-5.

Now, in the same way transfer the contents of the file "View of Materials.txt" In the form of module materials: "site news", "Blog", "File Catalog", "Catalog of Articles". We go to "PU" - "Design" - "Design Management (templates)":

The code from the file "View commentra .TXT" is similar to copying in "Comments" - "View of Comments".

Step-6.

Create a global block. Go to "PU" - "Design" - "Design Management (Templates)" - "Global Blocks":

In the upper right corner, press "Add Block", in the field that appears, write the names of the Info unit and click "Add":

We find the "Global Blocks" folder in the archive and open the file "info.txt", copy the contents of the file and insert into the newly created global block info, we save:

Step-7.

Install the necessary values:

Title of informer: latest news;
Section: Site News (or "Blog", or "File Catalog", or "Catalog of Articles");
Data Type: Materials;
Sorting method: Date of adding material D;
The number of materials: 5;
Number of columns: 1.

Click "Create".

After that, a block with the informer we created, on the right of it, we see the icons on the right, select the first of them "Management of the Informer" and insert the contents of the "latest news" file from the "Informers" folder, save:

Code of this informer $ MYINF_1 $ Insert the Global Block Info..

The forum informer is created in a similar way.

On this setting the Desktopchaos template is completed.

By the way, if you did not figure it out with the installation of a new template to your site, then in the official store Utemplate.Pro you can order a template installation service.

After installing the Joomla control system to local or virtual server, we face the question: how to install the template and where to download it? In this lesson, we will look at how to install a template in Joomla and which methods for installing templates exist. Selection and installation of the template is an important stagewho should pay special attention. Also, I will give examples and solving problems that may appear during the installation of the template.

- Go to view

Website Installation Guide in Joomla 3 versions Look at the link above!

Set the template in Joomla in two ways: with standard installation Joomla Set / Delete and manually by copying the template files to the Templates folder.

Method first. Install the template in the Joomla standard installer.

First you download the template that we want to install. After the archive with the download template, you must make sure that in the downloaded archive it is the template, and not the archive with templates or as it often happens that the archive contains a few more archives. The Joomla template archive should have a zip extension, and files must be in the archive:

templateetails.xml - used to install the template in the administrative interface;
index.php - contains the entire structure (code) template.
params.ini - need Joomla to save your settings

Also make sure the folders are in the archive:

cSS - Contains Style Tables
images - This folder contains images used in the template.
jS - JavaScript script files (jQuery.js, Mootools.js, scripts.js)

In the example, not all files and folders that are in the Joomla template. The number of files and folders depends on the very template itself, I only listed only those that mostly eat in all joomla templates And without which the template will not work.

For example, if you downloaded the template, and there are several more archives in the archive, then on these features you can easily determine which of the archives is a template and install it.

It should be noted that choosing a template, you need to pay attention to the date of its release and how much it corresponds to the version of Joomla with which you are working.

For example, some of the earlier release templates are no longer operating in the Joomla 1.5 version or are displayed incorrectly.

Note:Archive with a template for installation via the standard installer set / delete must have extension.zip or.tar.gz

In the administrative panel, select "Extensions" - "Install / Delete" Next, select the archive with your template on your computer and click " Download File & Install"If the template matches your Joomla version After a few seconds, the template will be downloaded and installed, you will see a message that the template is successfully installed.

After the template is set to select "Extensions" - "Template Manager". In the templates manager, you will see all the installed templates and template that has just been installed. (By default, the Joomla already installed two standard templates: rhuk_milkyway and ja_purity) Select the desired template by setting the switch opposite the template and click the "Default" button.

The second way to install the template in Joomla

This method can be used when you need to install. a large number of templates or just happen when the template is not installed standard method Install / delete.

To install the template in this way you need to unpack the archive with the template in the folder (folder name can be any, main English letters). Next, launch the FTP client and open the / templates folder on the website for which you install the template and pump it into it our folder with the template.

If your site is on local server, then you just need to copy our folder into folder / templates /. If you want to change the name of the template, then in the template folder you need to find the templateetails.xml file, open it notepad or any text editor and find a line with a tag August., August is the name of the template, change it to any other (Do not forget to write in Latin letters).

As I said that by default, the Joomla already installed two, sometimes three standard templates: rhuk_milkyway and ja_purity, which you can boldly use when creating your project.

To date, the selection of templates for the site is very large, and the developers even share them on topics: templates for business sites, for entertainment portals, festive, real estate, music, social networks, movies, video, sports, tourism and many others.

It is worth noting that some of the templates are created on a commercial basis and, before using them, you need to pay for the developer, otherwise it will be considered a violation of copyright. Therefore, before installing one or another template to the site, check the author, they are now a huge amount, and on what conditions it provides a template for use.

If the templates are loaded a large amount, and you do not remember the name of the desired template, then when you hover on the link called each of the list, you can view its thumbnail.

When choosing a template, you also need to pay attention to its structure, blocks and positions that it includes. After all, before creating a site, you probably have already planned that and where it will be located on it: whether the Header will be (usually it is a picture, placed on top, it is also called the site cap), logo, top or vertical menu, the number of blocks on the page and etc.

In order to check the positions in one or another template, you can dial in the browser address bar http: // Your site /? TP \u003d 1 And in front of you will be all possible positions of the template and their name.

Now consider the following group of tools.

Tools fill

Fill. Click on this tool and hold the left mouse button, the selection menu will open: gradient and fill.

Here you can choose the necessary one.

Bucket - floods the image (selection) with color or texture.

So, for the fill we have the following parameters:

Pouring (Fill) - determines that to use as "paint": the main color (foreground) will fill the main color, the template (pattern - pattern) will fill with some pattern.

Pattern (Pattern) - pattern for fill.

Mode (MODE) - the method of overlaying pixels, the values \u200b\u200bare much and viewed as needed.

Opacity (OPACITY) - determines the degree of transparency of the fill.

Tolerance is a range of colors for filling.

A tick smoothing means to soften the edges of the transition.

Let's try in practice:

Take the Fill Tool (click on the bucket), move it to the allocation made in the previous step, and click. Our selection is painted in the color of the foreground (default - black).

Now on the parameter panel, select: Pouring -\u003e Pattern, Pattern -\u003e Anyone.

Lay our bucket into the allocation and click. Now it is flooded with a template and looks like this:

Pay attention to the template window opening, only a small part is presented. If you click on the right elder, the menu will open at the bottom of which other collections of templates are indicated. You can add them to the existing.

Gradient. Creates a fill with a smooth transition between two or several colors.

Consider the parameter panel:

If you click on the right side, the palette opens with the gradient variants, when double-clicking the gradient editing window (here you can configure your gradient options).

Determines the type of gradient (from left to right - linear, radial, angular, reflected, rhombid).

Inversion (Reverse) - a check mark indicates a geometrically turn the gradient.

Dystering (Depth - Dither) - a tick indicates smooth to reduce segmentation.

Transparency - a check mark indicates the use of transparency.

Let's try in practice:

Create a new file, take the rectangular selection tool and stretch it in the form of a rectangle, then on the toolbar, click on the gradient icon, on the parameters panel, click on the elder and select the gradient you like, rightly select the gradient type (any).

Pay attention to the first two squares in the opening window of the gradient selection window. They use the colors you set by you as the colors of the foreground and the background (colored squares at the bottom of the toolbar). The first gradient is carried out smooth transition Of the primary color in the background, the second is the main color in transparency.

Now move the mouse cursor to the middle of the left side of our selection, press the left mouse button and, without releasing, stretch to the middle of the right side (Fig.1)
Now stretch the gradient line diagonally (Fig.2)
And now from top to bottom (Fig.3)

Look at the difference and experiment with various gradients and their views.

Saving an image

Our lesson comes to an end, it remains to learn how to keep our masterpieces.

Click the File menu item (File), in the Outfit menu you will see the usual item. - Save as (Save AS) - and New - Save for Web ( Save For Web). We will understand which for what.

If you work on the image and want to be able to change it in the future, you should select the menu item - Save As (Save AS)

Where to save and what name is to give - your personal business, but the format will be * .psd; *. PDD. It is in this format that all your settings are saved (we do not have them yet, but later will appear). Thus, the entire picture is maintained, but its parts are saved, each of which you can change when you want.

If your image is ready, choose the menu item - Save for Web (Save for Web). The image will be saved optimized for the Internet (i.e. with best combination Quality \\ File size). The preservation window should be considered Read more:

Four tabs upstairs offer View image options:

Original (Original) - image as it is. As a rule, the large file size is invalid for the Web.
Optimal (Optimized) - optimal ratio Quality and file size from the point of view of the program.
2-UP, 4-UP - respectively, two and four image options nearby, at the bottom of each size is indicated. You can choose the best in your opinion.

In the upper right corner of this window, additional settings are specified:

Here you can select the format of the stored image. General Recommendations - use jPEG formats and PNG for photos with subtle realistic color transitions, GIF format - for contrasting, low-color drawings. By the way, all the pictures on this page are stored in GIF format.

If you use the tabs discussed above, then configuring this part of the window is optional at least at this stage.

So, choose the most optimal image in your opinion and click the Save button (Save). An already familiar save window will open, where to specify the folder (where to save) and the file name, the rest will be already indicated, click on Save (Save). Image for Web is ready.

This is the first lesson. You learned how to create a new file, allocate areas and pour them different ways (Color, template and gradient), as well as save images in the desired format.

To secure these skills, experiment (create different in the form of the area and pour them in various ways).

In the next lesson, you will learn how to work with the text and get acquainted with the basic concept of the program - layers.

Hello everyone!

Today's post will be devoted to novice, and in it I will tell you how to install a template (topic) on WordPress? Everyone is well aware that the standard templates that are going along with the "engine" WordPress, do not shine with beauty and originality.

Therefore, before each newcomer, the task is to choose a beautiful and original template that will delight as the author of the resource itself and its visitors. Oh, how many torment and time requires this occupation. That one does not like it, then another thing is in one topic, no in another ... Horror, in one word. And how I want the blog to be different from other resources on the network.

In fact, on the Internet there is a huge amount of payable and free. And if you want, what would your resource be like not on whose other will have to go a little and purchase a paid template. In this case, the developer will help you bring it to perfection. But not every newcomer is ready to lay out, albeit a small, but still the money for the purchase of a paid topic. Although, the variation of the value of templates is quite decent, but now it is not about that.

So it falls on the first pairs to select yourself, something more or less satisfying your needs. Here are some sites where you can choose a template for your resource:

Http://www.goodwinpress.ru/ http://blogstyle.com/ http://www.wptheme.us/ http://wordpresse.ru/ http://skinwp.ru/ http: // www. Webblock.ru/ http://wp-templates.ru/ http://xtemplate.ru/

And if you try to try a little, then you can change the free topic to unrecognizable and make it at least a little unique in the eyes search engines. But I will write about it somehow, so I suggest you to miss anything. And now we turn directly to the topic of our post.

How to install a template (topic) on WordPress

Set the template on WordPress in three different ways, at least you are known only three. Perhaps you know other installation options? I will be grateful to you if you share them in the comments to this post. And now we will look at each of them in more detail. So, proceed.

1. Installing WordPress template from the administrative panel of the resource

To manage themes in the administrative resource panel, go to the "Appearance / Topics" tab, in which you can manage existing templates:

Or, by going to the "Install Topics" tab, and pick up a more appropriate template for your resource:

Here you are offered a choice of three options:

1. Download the topic already existing from your PC. To do this, click the "Download", "Overview" link, specify the path to it and click "Set":

After downloading, you will be offered to view how it will look, activate it or go to the "Appearance / Topics" page:

2. Use the keyword search. Although you can hardly fully enjoy them. The fact is that the search, to put it mildly, disgusting. I managed to find several templates only when I entered search string Request "SEO". Rest keywordsIntroduced by me completely ignored.

With the introduction of any other word, the same inscription was highlighted for me all the time: "There are no topics that satisfy your request." It seems that there are no blogs on the Internet on other subjects ... 🙂 Try it, maybe you will find a template that answers?

3. Well, the last item - use the filters. Here you are invited to find a template that matches your requirements for certain features. In principle, you can play with filters and find a suitable topic for your site. After you decide on the choice, you just need to activate the template and this will be completed on it.

2. Installing WordPress Template With FTP - FileZilla Client

This I. next method not completely in demand, because I am inferior in terms of convenience, but still I decided to tell about them. Perhaps someone will ever come in handy. So, how else can I install the WordPress template? If anyone of you do not know what FileZilla is and how to contact him ,. After reading it, you will become everything. Read? Then you can continue.

To install the WordPress template, you must download on your PC in advance ( personal Computer) already ready template and unzip it. After that, connect to the server using the client:

And just drag the template with the mouse cursor from your PC to the folder on the server, which is called themes, the path to the folder: httpdocs or public_html (depending on hosting) / WP-Content / Themes. After that, as stated in the first installation method, we switch to the administrative panel of the resource into the "Appearance / Topics" tab and simply activate it. On this installation wordPress themes Finished.

3. Installing a template with a hosting control panel

And now I will tell you about last method Installations wordPress template, through the hosting control panel. I use the services, so I will show it on its example. So, let's go. In order to set the WORPDRESS template, it is as in the second case should be in advance downloaded on the PC. Only the only difference from the second installation option, it is not necessary to unzip it.

After the topic is downloaded, go to the hosting control panel All in the same themes folder and click "Download File":