タグはｃｓｓへ
コメ画を付ける
.commentBtn{
text-indent:-9999px;
background-image:url(URL);/*画像URL*/
width:画像の横幅px;/*コメ画の横幅*/
height:画像の縦幅px;/*コメ画の縦幅*/
}
.basicBtnS, .basicBtnM{
border:0;
background-color:transparent;
}
コメ欄の周りの枠線と、コメ画の上にある点線と
[コメント記入欄を表示]を消す。
.commentOpenArea{
display:none;
}
.commentArea{
border:0;
}
.commentTitleArea{
border:0;
}
｢コメント｣消す。
.commentTitleArea{
display:none;
}
スキンを付ける
.skinBlogHeadingGroupArea{
background-image:url(URL);/*スキンの画像URL*/
width:横幅px;/*スキンの横幅*/
height:縦幅px;/*スキンの縦幅*/
padding:0;
margin:auto;
}
ブログタイトルと説明を消すタグ（スキン有）
.skinBlogHeadingGroupArea{
background-image:url(URL);/*スキンの画像URL*/
width:横幅px;/*スキンの横幅*/
height:縦幅px;/*スキンの縦幅*/
padding:0;
margin:auto;
text-indent:-9999px;
}
.amemberEntryBtn img{
visibility:hidden;
}
.amemberEntryBtn a{
background-image:url(URL);/*画像URL*/
width:横幅px;/*画像の横幅*/
height:縦幅px;/*画像の縦幅*/
margin:auto;
display:block;
}
アメンバー限定記事ボタン画像の下にある
｢アメンバー記事を読むには｣の文字の色を
変える
.amemberEntryTxt a{
color:#色;
}
↑を消す
.amemberEntryTxt a{
display:none;
}
アメンバーになるの文字の色を
変える。
.amemberEntryReq a{
color:#色;
}
↑消す。
.amemberEntryReq a{
display:none;
}
メッセージボード
.skinMessageBoard{
width:横幅px;/*メッセージボードの横幅*/
height:縦幅px;/*メッセージボードの縦幅*/
overflow:auto;
border:太さpx 線 #色;/*メッセージボードの枠の太さ 種類 色*/
background-color:#色;/*メッセージボードの背景色*/
background-image:url(URL);/*メッセージボードの背景画像URL*/
background-repeat:repeat;
}
メッセージボードを非表示にする
.skinMessageBoard{
display:none;
}
横メニュー
.skinFrame2{
position:relative;
margin:auto;
width:1000px;
}
#topmenu {
width:横幅px;/*横メニュー全体の横幅*/
line-height:1;
display: block;
position:absolute;
top:上からpx;/*横メニューの上からの位置*/
left:左からpx;/*横メニューの左からの位置*/
z-index:999;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width:横幅px;/*1つの項目の横幅*/
text-align:center;
display:inline;
list-style:none;
float:left;
}
#topmenu li a {
color:#色;/*項目の文字色*/
font-size:サイズpx;/*項目の文字サイズ*/
border:太さpx 線 #色;/*項目の枠の太さ 種類 色*/
background-color:#色;/*項目の背景色*/
padding:隙間px;/*文字と上下の隙間の大きさ*/
margin:0;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color:#色;/*カーソル乗せたときの文字色*/
border:太さpx 線 #色;/*カーソル乗せたときの枠の太さ 種類 色*/
background-color:#色;/*カーソル乗せたときの背景色*/
}
そしてフリースペースへ
<div id="topmenu"><ul><li><a href="①のURL">①の文字</a></li><li><a href="②のURL">②の文字</a></li><li><a href="③のURL">③の文字</a></li><li><a href="④のURL">④の文字</a></li><li><a href="⑤のURL">⑤の文字</a></li></ul></div>
足りない時
<li><消すa href="項目のURL">項目の文字</a></li>
背景（画像は繰り返す）
html{
background-image:url(URL);/*画像URL*/
background-repeat:repeat;
background-attachment:fixed;
}
貼るだけアイフレ
ｃｓｓへ
#aifure1{
position:absolute;
top:325px;/*上から A*/
right:720px;/*右から B ※注*/
width:200px;/*枠の横 C*/
height:200px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:2px;/*中のスキマ E*/
background-color:#ffffff;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:3px solid #ffffff;/*枠 太さ・線種・色*/
}
#aifure2{
position:absolute;
top:565px;/*上から A*/
right:720px;/*右から B ※注*/
width:200px;/*枠の横 C*/
height:250px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:2px;/*中のスキマ E*/
background-color:#ffffff;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:3px solid #ffffff;/*枠 太さ・線種・色*/
}
#aifure3{
position:absolute;
top:325px;/*上から A*/
right:60px;/*右から B ※注*/
width:200px;/*枠の横 C*/
height:200px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:2px;/*中のスキマ E*/
background-color:#ffffff;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:3px solid #ｆｆｆｆｆｆ;/*枠 太さ・線種・色*/
}
#aifure4{
position:absolute;
top:565px;/*上から A*/
right:60px;/*右から B ※注*/
width:200px;/*枠の横 C*/
height:250px;/*枠の縦 D*/
overflow:auto;/*スクロールをつける*/
padding:2px;/*中のスキマ E*/
background-color:#ffffff;/*枠内の背景色*/
z-index:300;/*重なりの順序を一番上に*/
filter:alpha(opacity=70); /*背景色を半透明*/
-moz-opacity: 0.7;/*背景色を半透明*/
opacity: 0.7;/*背景色を半透明*/
border:3px solid #ffｆｆff;/*枠 太さ・線種・色*/
}
そしてフリースペースへ
<div id="aifure1">好きな文字など</div>
<div id="aifure2">好きな文字など</div>
<div id="aifure3">好きな文字など</div>
<div id="aifure4">好きな文字など</div>
※位置などは自分で調節してください。アイフレの背景は白です。
コメントの背景
.commentArea{
width:横幅px;/*コメント欄の横幅*/
height:縦幅px;/*コメント欄の縦幅*/
overflow:auto;
border:太さpx 線 #色;/*コメント欄の枠の太さ 種類 色*/
background-color:#色;/*コメント欄の背景色*/
background-image:url(ＵＲＬ);/*コメント欄の背景画像URL*/
background-repeat:repeat;
}
スキンとメインの間をあける
.skinBlogHeadingGroupArea{
margin-bottom:幅px;/*空けたい分の幅*/
}
記事の日付の書体を変える
.articleTime{
color:#色;/*日付の文字色*/
font-size:サイズpx;/*日付の身時サイズ*/
font-weight:bold;/*日付を太字に*/
font-family:種類;/*日付の文字体*/
}
serif 明朝体系。
sans-serif ゴシック体系。
cursive 筆記体系。
fantasy 装飾文字系。
monospace 等幅フォント。
↑これの英語のところを種類のところに書く（コピー）
最新の記事色変える
.recentEntriesMenu{
background-color:#色;/*背景色*/
border:太さpx 線 #色;/*枠の太さ 種類 色*/
}
.skinMenuBody{
background-color:transparent;
}
.recentEntriesMenu li{
border-bottom:太さpx 線 #色;/*各記事名の間の線の太さ 種類 色*/
}
前ページ 記事一覧 次ページ
/*前ページ*/
.pagingPrev{
right:200px;/*数値を大きくすると左に行く、小さくすると右に行く*/
}
/*次ページ*/
.pagingNext{
left:200px;/*数値を大きくすると右に行く、小さくすると左に行く*/
}
アメーバ会員登録変更
.skinImgBtnM{
background-image:url(URL);/*画像URL*/
width:横幅px;/*画像の横幅*/
height:縦幅px;/*画像の縦幅*/
text-indent:-9999px;
}