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.

Advice 3: How to edit registration form in joomla

Form registration is a built-in module panel Joomla. In order to add it, you do not need to be an expert in web programming. However, if you decide to change it, this can be realized by a component Community Builder or manually. Just need to edit the correct items, learn the basics of web development.
How to edit registration form in joomla
Instruction
1
Go to Joomla administration panel and open the settings built-ins. Go to the "Advanced" tab and click "Create". A window will appear "the plugin Manager", where you can select and activate a form of registration. Specify the desired name for the header check the box next to "Show header".
2
Go to "Initial text" in the form module registration and edit the default text for the visitors if it doesn't suit you. "Login" you can choose how to name the user is on the website: by name or login. Click "Save" for the changes to take effect.
3
Download Community Builder component on your website. Go to "Upload package file" and click "Browse". After selecting the documents, click on the button "Download and install". Go to admin panel and run the installed component.
4
Open the tab "Registration" and make any necessary changes to the form of registration. This app is very convenient to use, but if you want to change only one or two fields, it may be easier to edit manually.
5
Create a backup of the files that you will edit to make adjustments to the form of registration. This will allow you to roll back all actions and to restore the site in case of failure. Determine which field you want to edit or add. For example, you want to add to the form check the City field.
6
Open the file default.php that is the link components/com_user/views/register/tmpl. Add display of "City" by inserting in the form, check the corresponding HTML code. For this you can copy any other item and edit it under the town (city). Make these changes in the table jos_users. Open the file user.php that is the link libraries/joomla/database/table. Add a new variable. Save the settings and restart the website.

Advice 4: How to set joomla registration

Registration on the website of Joomla can come in handy for many useful purposes. For example, to protect the site from spam for more information about a particular user, etc. However, this seemingly simple task like creating a filing system can make new webmasters to a standstill.
How to set joomla registration
Instruction
1
First you have to create a module registration/login Joomla user. To do this, go to "Extensions" then "module Manager". On top of the right side, locate the "Create" button. Click on it, then you will see a list of the basic modules, which is quite a large number. However, they are not enough for a website.
2
Select the module "Login". Set module title, and then customize its display. You can leave the display or remove it. It's still recommended to leave it enabled so that users are not confused and to make it more clear the value of this form of entering the username and password. Next, enable the module, select its location and configure the access.
3
Then go to the right side to the module settings. Attach the class suffix of the module or leave the field blank. Enter the text that will be displayed before the login form and text after login form. Next, select the address where happens redirect the user when they log on to the website or the outlet. If you want to customize the greeting to be displayed after user authentication. Don't forget to choose how to display the "nickname" of the user. It may be displayed as login or name.
4
Now the login module/registration created. Click "Save". Go to your own website and try to register the name of the new user. So you check the efficiency of the module. In addition to the registration and authorization module will contain links to password reset or login. All fields with an asterisk are mandatory. The user must specify all required data. After that, he will be able to use the site.

Advice 5: In Joomla how to change the font

The appearance of the site should be updated periodically to attract new customers and not lose old ones. Design in General, you are satisfied, no global changes are desirable. Maybe change the font menu, articles, headlines, and along with the logo is to contact some decorative font?
In Joomla how to change the font
You will need
  • - Internet;
  • - joomla;
  • plugin niceText;
  • library Cufon;
  • module mod_cufon.
Instruction
1
The easiest way is to change the font of each article in the embedded text editor. All articles can be found using a materials Manager on the admin page. Open the article, select the test and choose the desired font. This is a laborious process, but it does not require any additional knowledge.
2
To change the font in the menu and site logo by editing the template file.css. It is located at the address: omeas website.ruwww emplatesтекущий Sablons. The number of rows in the file depends on the complexity of the template. The harder it is, the bigger the file, the harder it is to work with him. In order not to get lost in the abundance of information, it should be remembered that for the title fontand answers tag font-family. Here you can set the font for the articles, then do not have to perform boring formatting each by hand.
3
Sometimes require the use a rare fonts, for example, in the logo of the website. There is no guarantee that the font will be on the user's computer and everything will look the way you planned. In this case, you can resort to trickery and to place the desired text with a picture. To do this, open a text editor that supports the desired font, type in the text, format, and then click PrtScr on the keyboard. Everything that is shown on the screen will be saved to the clipboard. Open any graphics editor and paste in the picture. Trim all the excess and save to computer. The resulting image then paste to the site. Do not get involved in this method – search engines are not able to read the text from the image.
4
There are many plugins and modules work with the fontAMI. They all act differently. Many contain libraries that allow you to quickly and easily change the size, color and style of the font.
5
NiceText plugin allows you to set the font for the five groups of elements. However, he solves the problem of the lack of fontand on the user's computer. All site visitors will see everything like you planned. You can download it at this address: http://allforjoomla.ru/xplugins/plg-nicetext.
6
Cufon Font replacement technique – library fonts based on JavaScript, so it works equally well in all browsers and operating systems. You can download it here: http://cufon.shoqolate.com/js/cufon-yui.js?v=1.09i. To work with the library there is a module mod_cufon. You can download it here: http://www.webrushot.ru/images/stories/Programm/mod_cufon_new.zip. It will allow to connect and manage the Cufon library. All this can be done in the admin panel of the website.
Useful advice
Do not overload the website with complex fonts.
Ensure that the Teks were readable.

Advice 6: How to create a template for joomla

Joomla is a feature – rich content management system (CMS) that allows you to make practically any configuration of the resource. Display of items on pages in the CMS meets function "Templates". Each of the templates can be installed automatically or create a web master.
How to create a template for joomla
You will need
  • - skills using HTML and CSS;
  • package any Joomla template.
Instruction
1
Before you create a layout, select the template that you will use for writing your code. This will help you to save time and to avoid writing extra lines of code that are standard for Joomla and is used when you install any themes.
2
Copy the template to a separate folder and open the file templateDetails.xml in its root directory. In this document is proprietary information, description, and title layout. Change the units at their own discretion. For example, you can edit the descriptor <author> to change the author name to yours, enter the email address of the home page. In the line <description> you can enter a name for your future layout.
3
Go to the block the edited file. Remove all the handles that are included with a given block, starting from <position>debug</position> and ending with <position>position 14</position>, leaving after the surgery is only one <positions></positions>. Similarly, remove the line <languages>, <config> and <folder>Language</folder>.
4
After making the transactions, save the changes to the file and delete the language folder in the directory with the template files. Then open the file index.php with the help of your editor and remove all the content except the line:

<?php
defined(‘_JEXEC’) or die; ?>
5
Specify the folder with the template any name and then Repack it in the archive, using the program archiver by clicking on the directory of your template with the right mouse button and selecting "Create archive of...". The generated file will have the extension .zip.
6
Go to the administration panel of the resource and go to "Templates". With the installation operations, import the just made the files and wait for notification about the successful installation. Then turn on the resulting template by selecting it in the menu by default.
7
Draw a rough design for your future template and in accordance with it, write the appropriate HTML code in the file index.php. Create code using some functions of the engine. So, you can enter a command to automatically populate the standard headers Joomla:

<jdoc:include type=”head” />

This code will include all the necessary tags in the section <head></head> of the page.
8
Own code with CSS, you can enter in the template.css in one of the folders of the resource. After creating a new template css, include it in the file index.php using <link rel = “stylesheet” href = “<?php echo $this->baseurl1 ?>/templates/<?php echo $this->template; ?&rt;/css/template.css” type = “text/css”>.
9
Next, create a page layout using HTML code. To do this, continue to edit index.php in accordance with your specified template. If necessary, add the desired position in the <positions> of the file templateDetails.xml by assigning respective identifiers to each of the sections of your design. So, to set the header options, you can create a <positions>Head</positions> and to enable this setting in the file index.php as follows:

<jdoc:include type = “modules” name = “head” />
10
After you create a new title head, you can edit it through the window in the Joomla module Manager. To do this, make a new post and paste the text and pictures that will be displayed in the header. Do the same operation with all the elements you have created the interface and save any changes.
Is the advice useful?
Search