アメブロスキンをカスタマイズ!CSS編集 -35ページ目

スキン別common.css部分

スキン別CSS(大きく分けて2つ目の部分)は、スキンによって違いますが大体このように分けられています。


/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName: common.css
Version: 2005.08.08
(←スキンによって日付は異なります)
Skin for: pink_circle(←スキン名)
-----------------------------------------------------
*/


/* ----------------------- common ----------------------- */


common、よくある的な意味ですが、大まかな設定がここでされています。

ブログ全体の指定などはここにあります。


/* ----------------------- header ----------------------- */


ヘッダ部分、ブログタイトルとブログの説明の部分の設定です。


/* ----------------------- footArea ----------------------- */


設定されてるスキンは・・・あったでしょうか?

今のところ使用されていないような・・・。


/* ----------------------- font-information ----------------------- */


ここでは、細かく文字のサイズや種類や色など、文字に関する設定。


/* ----------------------- background-color-control ----------------------- */


ここでは、背景色や背景画像など、背景に関する設定。


/* ----------------------- menu_element_basis ----------------------- */


サイドバー(メニュー)の大まかな設定。


/* ----------------------- menu_element_background ----------------------- */


サイドバー(メニュー)の大まかな、背景画像の設定。

ここは、下の「each menu setting」と一緒になっている場合があります。


/* ----------------------- menu_elements_margin_leftright ----------------------- */


サイドバー(メニュー)の大まかな、左右の余白サイズを設定。


/* ----------------------- entry_elements_margin_leftright ----------------------- */


記事部分のおおまかな、左右の余白サイズを設定。


/* ----------------------- list-item ----------------------- */


リストの設定。

ここは、下の「each menu setting」と一緒になっている場合があります。


/* ----------------------- each menu background ----------------------- */


サイドバー(メニュー)の、背景を設定。

ここは、下の「each menu setting」と一緒になっている場合があります。


/* ----------------------- each menu setting ----------------------- */


サイドバー(メニュー)の、細かな設定。

プロフィール・カレンダーなど個別に指定します。


/* ----------------------- adJavaScript ----------------------- */


広告のジャバスクリプトの設定。


/* ----------------------- adJavaScript2 ----------------------- */

/* ----------------------- advertising ----------------------- */


広告・RSS部分の設定。


/* ----------------------- MainColumn ----------------------- */


メッセージ・記事部分の細かな設定。


/* ==============================
add
============================== */


add、補足ですね。

特に意味はなく、あるスキンとないスキンがあるようです。