Eye Catch

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.

Reading the Eye Catch Module

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.

/*--------------------------------------
 Eye Catch [Short]
---------------------------------------*/
/*
@import url(module/hoge.css); 
*/

The module reading by the cancellation of comment out, like the following sources.

/*--------------------------------------
 Eye Catch [Short]
---------------------------------------*/

@import url(module/hoge.css);

Fixed layout by module

The problem that the Eye Catch image doesn't adjust to the width of the window according to the size of the window at the layout of changeable width occurs.

The description to change the layout to fixed width is performed to the Eye Catch module as an action.

Please edit the description for the adjustment of the layout described in the Eye Catch module, when you want to use the one that is bigger than specified width of the image.

/*--------------------------------------
	
---------------------------------------*/

body {
	margin: 0 10px;
}

div#header,
div#content,
div#footer {
	width: 800px;
}

Edit of the Eye Catch image

The image read by the module is bundled to images/eyeCatch in the skin folder.

It is possible to apply quickly by replacing the above image with your own image.

Note: Please maintain about the SAME FILE NAME and SIZE.

Use your own images ( Your own illustrations and photographs ) are preferred.

There is no funny item ?

It will try utilizing the site which distributes the material of royalty free, be a good choice !

Catch Your Eyes UP !!

Return to page top