◆ サイドバーのメニュータイトルに画像を入れる(個別)
① 画像を入れる(文字部分は画像自身にいれる)
/* ------------------------------------------------------- */
/* プロフィールの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.profileMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* テーマの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.themeMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* カレンダーの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.calendarMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* このブログの読者(メニュータイトル) */
/* ------------------------------------------------------- */
.readerMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* ランキング(メニュータイトル) */
/* ------------------------------------------------------- */
.rankingMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* アーカイブス(メニュータイトル) */
/* ------------------------------------------------------- */
.archiveMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 最近のコメント(メニュータイトル) */
/* ------------------------------------------------------- */
.recentCommentMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 最近の記事(メニュータイトル) */
/* ------------------------------------------------------- */
.recentEntriesMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* お気に入りのブログ(メニュータイトル) */
/* ------------------------------------------------------- */
.favoriteMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* ブックマーク(メニュータイトル) */
/* ------------------------------------------------------- */
.bookmarkMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* PR(メニュータイトル) */
/* ------------------------------------------------------- */
.subAdBannerHeader span {
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:0 center;/* 配置位置 */
padding-left:350px;
height:50px !important;/* 高さ */
display:block;
background-color:transparent !important;/* 背景色 */
text-indent:-600px;
}
/* プロフィールの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.profileMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* テーマの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.themeMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* カレンダーの画像(メニュータイトル) */
/* ------------------------------------------------------- */
.calendarMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* このブログの読者(メニュータイトル) */
/* ------------------------------------------------------- */
.readerMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* ランキング(メニュータイトル) */
/* ------------------------------------------------------- */
.rankingMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* アーカイブス(メニュータイトル) */
/* ------------------------------------------------------- */
.archiveMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 最近のコメント(メニュータイトル) */
/* ------------------------------------------------------- */
.recentCommentMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* 最近の記事(メニュータイトル) */
/* ------------------------------------------------------- */
.recentEntriesMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* お気に入りのブログ(メニュータイトル) */
/* ------------------------------------------------------- */
.favoriteMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* ブックマーク(メニュータイトル) */
/* ------------------------------------------------------- */
.bookmarkMenu .skinMenuTitle{
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:0 center;
padding-left:350px;
height:30px !important;/* 高さ */
display:block;
text-indent:-600px;
}
/* ------------------------------------------------------- */
/* PR(メニュータイトル) */
/* ------------------------------------------------------- */
.subAdBannerHeader span {
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
background-position:0 center;/* 配置位置 */
padding-left:350px;
height:50px !important;/* 高さ */
display:block;
background-color:transparent !important;/* 背景色 */
text-indent:-600px;
}
★ この背景画像は、 サイドバーのメニュータイトルに画像 の記事の
場所とは別の場所に設定しているので、ワンポイント画像とこの
記事の画像の両方を指定できます。
(実例:私のブログのサイドバーメニュータイトル)
★ 用意する画像の例
![](https://stat001.ameba.jp/user_images/20110731/04/new-blue-777/c3/d7/p/o0079002611384609094.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/8c/b8/p/o0081002511384615498.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/dd/86/p/o0114002511384621784.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/7f/e0/p/o0088002511384621783.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/87/32/p/o0099003211384621782.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/8c/8d/p/o0097002611384622097.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/83/e7/p/o0200002511384621786.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/90/43/p/o0168002611384621785.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/1c/ee/p/o0095002611384622095.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/95/28/p/o0116002511384622096.png?caw=800)
![](https://stat001.ameba.jp/user_images/20110731/05/new-blue-777/84/b0/p/o0129003211384622094.png?caw=800)