Skin Preview

Vicuna Custom Skin

- About
- Archives
- Guest Book
- Bookmarks

Home > XHTML CSS > Movable Type

# Change with class

## Switching Layout

- 2007-02-22 (Thu)
- CMS Tool

Vicuna private skin has become the mechanism where layout changes with the class which is added to the body element of the theme source.

This has meant the fact that in class for layout which is shown in the one for skin each templet can be modified in layout of the taste.

You try looking at the modification of layout of the index page as an example.

    <body class="mainIndex double">

In initial condition as description above, double and mainIndex class for layout are divided in the space by class attribute, is set as two values. As for mainIndex class it is not necessary to modify in class in order to identify the template.

div#utilities in double class becomes a sidebar arranged on side of div#main.

Single Column
  body class="single"
Double Column - Menu on Right
  body class="double"
Double Column - Menu on Left
  body class="double-l"
Multi Column
  body class="multi"
Multi Column - Double Menu on Right
  body class="multi2"
Multi Column - Double Menu on Left
  body class="multi2-l"

Continue reading

- Comment: 0
- TrackBack: 0

## single class

- 2007-02-22 (Thu)
- Movable Type

div#utilities in single class becomes 2 lines arranged under the div#main.

Continue reading

- Comment: 0
- TrackBack: 0

## multi class

- 2007-02-22 (Thu)
- Movable Type

Multiple column module is installed exist in the skin and they are possible to do 3 column indications.

    <body class="mainIndex multi">

In multi class as for div#utilities it is developed on left and right of the div#main, the left becomes main navigation.
(Depending on the skin of other multi column configuration is possible.)

### Tag cloud

- 3DCG
- AKIRA
- Artworks
- Book
- CSS
- Event
- Firefox
- Flash
- HTML
- JavaScript
- Lesson
- Memo
- Modeling
- Modo
- Movable Type
- Murmur
- neta
- Photoshop
- Play
- Poser
- Sample
- School
- SEO
- Skin
- Swift3D
- Tips
- Tool
- Vicuna
- Vicuna CMS
- Web Design

Continue reading

- Comment: 0
- TrackBack: 0

## Eye Catch Module

- 2007-02-22 (Thu)
- Movable Type

The Eye Catch image is the element which gives visual impact to the visitor at the time of page designing directly.

Here is insertion and the edit method of the Eye Catch image.

    <body class="mainIndex eye-c">

body class="eye-h"
body class="eye-c"
body class="eye-m"
body class="multi eye-h"

- Newer: Movable Type Template Vicuna
- Older: Web Standards Design

Continue reading

- Comment: 0
- TrackBack: 0

More...

Home

About

  Text Text Text

Calendar

  « February 2007 »
  S | M | T | W | T | F | S
  --- | --- | --- | --- | --- | --- | ---
  |  |  |  | 1 | 2 | 3
  4 | 5 | 6 | 7 | 8 | 9 | 10
  11 | 12 | 13 | 14 | 15 | 16 | 17
  18 | 19 | 20 | 21 | 22 | 23 | 24
  25 | 26 | 27 | 28 |  |  |

Recent Entries
  - Movable Type Template Vicuna
  - Elements
  - Web Standards Design
  - Headding Test
  - Entry title
Categories
  - CG
  - Flash
  - Impressions
  - Movable Type
  - Top level Category
    - Sub Category
    - Sub Category
    - Sub Category
  - Web
  - XHTML CSS
Archives
  - 2007-02
  - 2006-05
  - 2006-04
  - All

Search
  Search
Feeds
  - RSS2.0
  - ATOM
Tag Cloud
  - 3DCG
  - AKIRA
  - Artworks
  - Book
  - CSS
  - Event
  - Firefox
  - Flash
  - HTML
  - JavaScript
  - Lesson
  - Memo
  - Modeling
  - Modo
  - Movable Type
  - Murmur
  - neta
  - Photoshop
  - Play
  - Poser
  - Sample
  - School
  - SEO
  - Skin
  - Swift3D
  - Tips
  - Tool
  - Vicuna
  - Vicuna CMS
  - Web Design
Links
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link
  - Website Link

Return to page top