美夢さんへ | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

美夢さんへ




➀ 下記をCSSの一番下へ追記する



/* ------------------------------------------------------- */
/* プロフィールの画像(メニュータイトル)         */
/* ------------------------------------------------------- */
.profileMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/58/60/p/o0162003312232910703.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* テーマの画像(メニュータイトル)            */
/* ------------------------------------------------------- */
.themeMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/a5/ff/p/o0162003312232930060.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* カレンダーの画像(メニュータイトル)          */
/* ------------------------------------------------------- */
.calendarMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/5d/80/p/o0162003312232910245.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* このブログの読者(メニュータイトル)          */
/* ------------------------------------------------------- */
.readerMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/a3/d4/p/o0162003312232910702.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* アーカイブス(メニュータイトル)            */
/* ------------------------------------------------------- */
.archiveMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/03/93/p/o0162003312232910243.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 最近の記事(メニュータイトル)             */
/* ------------------------------------------------------- */
.recentEntriesMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/85/99/p/o0162003312232910704.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* ブックマーク(メニュータイトル)            */
/* ------------------------------------------------------- */
.bookmarkMenu .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/52/5f/p/o0162003312232910244.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 検索(メニュータイトル)                */
/* ------------------------------------------------------- */
.blogSearchForm .skinMenuTitle{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/a3/40/p/o0162003312232910964.png);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:50px !important;/* 高さ */
display:block;
background-color:transparent !important;/* 背景色 */
text-indent:-600px;
}
.skinSubB .blogSearchForm {
width:160px;
}
/* ------------------------------------------------------- */
.skinSubA .profileUserNicknameArea{
text-align:center;
width:145px;
padding-left:0px !important;
}
.profileUserNickname{
display:none;
}
.profileUserNicknameArea{
position:relative;
top:-10px;
}
/* ------------------------------------------------------- */
/* 読者になるボタンの変更(画像) このブログの読者    */
/* ------------------------------------------------------- */
.readerRequestBtnArea .skinImgBtnS{
background-repeat : no-repeat ;
background-image : url(http://stat001.ameba.jp/user_images/20121012/12/printy/18/93/p/o0163004312232910963.png) ;
width: 1630px; /* 横幅px */
height:43px; /* 縦幅px */
text-indent:-100px;/* 画像幅によっては調整 */
position:relative;
left:-25px;
}
/* ------------------------------------------------------- */
/* 読者になるボタンの変更(ロール画像) このブログの読者 */
/* ------------------------------------------------------- */
.readerRequestBtnArea .skinImgBtnS:hover{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/74/69/p/o0163004312232910962.png);
background-repeat : no-repeat;
}

/* ------------------------------------------------------- */
/* メッセージボード  背景画像              */
/* ------------------------------------------------------- */
.skinMessageBoard{
background-image:url(http://stat001.ameba.jp/user_images/20121012/10/printy/23/d0/j/o0458005412232826720.jpg);
background-repeat : no-repeat;
background-position:left top;
padding-top:50px;
}
.skinMessageBoard2{
background-image:url(http://stat001.ameba.jp/user_images/20121012/10/printy/01/fb/j/o0458005412232828956.jpg);
background-repeat : repeat-y;
background-position:left top;
}
.skinMessageBoard3{
background-image:url(http://stat001.ameba.jp/user_images/20121012/10/printy/5d/77/j/o0458005412232828955.jpg);
background-repeat : no-repeat;
background-position:left bottom;
}
/* ------------------------------------------------------- */
/* 記事タイトル    背景画像              */
/* ------------------------------------------------------- */
.skinArticleHeader{
background-image:url(http://stat001.ameba.jp/user_images/20121012/12/printy/32/72/p/o0395004612232956231.png);
background-repeat : no-repeat;
background-position:left center;
height:30px;
padding-left:50px;
}

/* ------------------------------------------------------- */
/* 最新の記事の左にアイコン画像              */
/* ------------------------------------------------------- */
.recentEntriesMenu .skinSubList a{
background-image:url(http://stat001.ameba.jp/user_images/20121012/13/printy/27/40/p/o0010001012232965882.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;/* 左に余白 */
}


② 下記をフリープラグインへ追加する。
フリープラグインは使用する機能に移動する


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){
$(".blogSearchForm").before('<div class="skinMenu2"><span class="skinMenuTitle">検索</span></div>');
});
</script>