How to change the design blog

Posted by admin on Jan 6, 2006 in Appearance | Comments Off

In a previous Article We talked about the alternative design of the modules. With modules we then understood, but what if you need to change the design of the header material master page without affecting the registration of the other blogs? Of course, we can solve this problem by using multiple templates, but it is much easier to apply again, alternative styles.

Step 1. Create alternative styles

  1. In the css file, find the template class contentheading. Let’s say it looks like you have this: 
    . Contentheading {
lfont-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #663300;
}
  2. Copy it and add a suffix (eg -Alt).Important: The suffix can be anything, as long as it was prescribed by Latin letters with a hyphen or underscore (to ensure that you do not then get confused). 
    . Contentheading-alt {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: # FF3300;
}
  3. Save the edited file

In a class with the suffix -Alt we have replaced the text color to orange-red to brown.

Step 2. Nominate an alternate design of the page

Now let’s assign the created alternative style homepage.

  1. Avtorizuemsya in the administrative panel Jumla
  2. Select the menu item Menu-> mainmenu (Menus-> mainmenu)
  3. Select the menu item Main and click the Change »(Edit)
  4. The value of the parameter Suffix class CSS (Page Class Suffix) indicate -Alt (So, starting with a hyphen)
  5. Push the button “Save”

Thus you can change the design of any page that supports suffixes classes. Number of alternative styles can be unlimited. The main thing, then do not get confused in their own suffixes, and css.

Comments are closed.