Advice 1: How to change the width of a joomla template

Joomla is one of the most customizable and friendly to the users of the CMS. Using the capabilities of the system content management can not only to fill the website with various functionality, but also to change its appearance based on established templates.
How to change the width of a joomla template
Instruction
1
Open the master page of your site. In the menu of your browser select the option view page source. In Google Chrome this tool is located in "Tools" - "View source" in Firefox is "Web development" - "Source code". If you use Opera to view HTML code, select "View" - "developer Tools" - "Source code".
2
Find the descriptor and view all div and their names. Open the template file.css of your template using any text editor and find the block where you explicitly set the width width. For example, if it is , then in the template file look for the block name. To simplify the search, you can use the "edit" - "Find" of the editor window. See all the div specified in the page's source code.
3
The width parameter, enter the desired value in percent or pixels. Look at the other blocks that have the same width, and likewise update them. For example, if you are in the main layer is added to the width of 200 pixels, then you need to add the same 200 pixels in the other blocks.
4
After making changes, save the file to see the result, if necessary, edit the template.css again. If the background of the blocks in the template image are used, it is likely you will need to change their size. Also, for each div, you can set your own background color, which can replace the monochrome image. If the site design logo, you will be able to stretch with the help of any graphics editor. In templatex you can also use your image.
Note
Remember that each unit is in another unit, and therefore it is often necessary to resize the other div-s.
Useful advice
All template files are in the root directory of the website, in the Templates folder. There is a template file.css.

Advice 2: How to change the background of the site

If the background of the pages your site consists of one image that has the width of the site and propagated vertically, to change it you can only edit the picture in a graphics editor. But if the background is generated in the code pages you can change them using the instructions given below.
How to change the background of the site
Instruction
1
To change the background, you first need to determine how it is specified in the current version of the pages of the website. This should open the source code of the page is lying on the server. This can be done with any plain text editor will be Notepad. But if you are using any content management system, the page can be edited directly in the browser through the built-in page editor.The HTML page (HTML HyperText Markup Language, "hypertext markup language") consists of lines of instructions for the browser that describes the types, appearance and location of each element of the web page. These instructions are called "tags" and they are grouped into blocks, one of which starts with an opening <body> tag and ends with closing </body> tag. According to the standards of the HTML language in the opening tag you can define settings for the backgroundand page. This is done by placing the bgcolor attribute:<body bgcolor="Green">Here is set to green color for the backgroundas this page. Some of the colors in the HTML standards have their own names - for example, Chocolate or Gainsboro, but typically use hexadecimal color codes:<body bgcolor="#00FF00">If the color of the backgroundand is set in this way, you should find in the page code body tag and replace the value of the bgcolor attribute you need.
2
In pages with a more complex design for the appearance, often use CSS (Cascading Style Sheets - "cascading style sheets"). CSS is a language created specifically to describe the appearance of elements in an html document. Blocks of CSS code can either be included in the page code, contained in a separate file with extension "css" and connect to the special instructions in the source code of the page.You should find in the page code <style> - if it is to refer to an external file you need to open to edit the file. Look this link maybe this:<style type="text/css" media="all">@import "style.css";</style>And if after the tag <style> is immediately followed by the user and not link to the file, then edit the styles you have here. In both cases, you need to look the part of a style description, which refers to the body document - body. But in the CSS it will be called not "tag" and "selector", and look perhaps like this:
body {
background-color: Green;
color: White;
}
You need to replace the value of the parameter background-color - it sets the color of the background ofa page. And here, too, it is possible to specify some color shades names, but it is better to use hexadecimal values. For example, the hexadecimal value for the shade of Chocolate = #D2691E.It is possible to specify not only color but also an image for the backgroundas:body {
background: Green url(img/bg.jpg) repeat-x;
color: White;
}Here url(img/bg.jpg means that from the img folder for the backgroundand page will take a picture with the name bg.jpg and repeat-x means that it will be propagated along the X-axis, that is horizontally. All the remaining space of a page, not a closed picture will have a green background - it is included before the url parameter. That the picture was reproduced on the Y-axis (vertical), it is necessary to specify, respectively, repeat-y. A no-repeat will disable all replication on the background of thenovel pictures.
Useful advice
To find out a value of hexadecimal code for the desired shade of color will help websites with online converters flowers, or a special program - for example – ColorImpact and Ruler.
Is the advice useful?
Search