Home > XHTML CSS > Vicuna Fc2 Blog

Change with class

double class

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

test2

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.。Open the index.php from the php file which forms theme.And please verify the body element.

<body class="mainIndex double">

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.

Continue reading

single class

double

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

Title
Desctiption
Desctiption
Title
Desctiption
Title
Desctiption
Title
Desctiption
Title
Desctiption
Title
Desctiption

Continue reading

multi class

multi

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

After turning module to ON, it can actualize 3 column layouts by the fact that class of body element of templet source is designated as multi.

<body class="mainIndex multi">

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

Tag cloud

Main Index
body class="double"
Archive
body class="double"
Category
body class="double"
Data Basede
body class="double"
Individual
body class="single"
Others
body class="single"

Continue reading

Eye Catch Module

test

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.

  • mod_eyeCatch-short.css
  • mod_eyeCatch-long.css
  • mod_eyeCatch-mini.css
  • mod_eyeCatch-header.css

In the wp.Vicuna private skin, there are some which can read Eye Catch module with the skin.

Similar to other module, import rule in order to make read is described by 5-module.css, it is applied instantaneously by the cancellation of comment out.

Continue reading

More...

Home

Search
Feeds
Tag Cloud
Photos
  • 17.png
  • thumb
  • thumb
  • 17.png
  • thumb
  • thumb
Recent Comments
Title
Links

Return to page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。