【アメブロをはじめました!!】アメヘルパです!!CSSでサイドバーのタイトル文字を英語などにする

こんにちは!!【アメブロをはじめました!!】　アメブロヘルパーです!!



今回は、CSSでサイドバーのタイトル文字を英語などにする方法です。

実際のカスタマイズ方法です。

『CSSの編集』で行います。


まず、下の枠の内容をコピーします。

.skinMenu .skinMenuHeader{
margin-top:-20px; /* 見出し部の高さによって変える */
background-position:0px 25px; /* 背景画像の位置合わせ */
}
.skinMenu .skinMenuHeader:after{
display:block;
}
.profileMenu .skinMenuHeader:after{ /* プロフィール */
content:"Profile";
}
.themeMenu .skinMenuHeader:after{ /* テーマ */
content:"Themes";
}
.archiveMenu .skinMenuHeader:after{ /* 月別 */
content:"Archives";
}
.calendarMenu .skinMenuHeader:after{ /* カレンダー */
content:"Calendar";
}
.recentEntriesMenu .skinMenuHeader:after{ /* 最近の記事 */
content:"Entries";
}
.recentCommentMenu .skinMenuHeader:after{ /* 最近のコメント */
content:"Comments";
}
.bookmarkMenu .skinMenuHeader:after{ /* ブックマーク */
content:"Bookmarks";
}
.readerMenu .skinMenuHeader:after{ /* このブログの読者 */
content:"Readers";
}
.favoriteMenu .skinMenuHeader:after{ /* お気に入りブログ */
content:"Favorites";
}
.rankingMenu .skinMenuHeader:after{ /* ランキング */
content:"Ranking";
}

赤文字部分や、青文字部分の値は、サイドバーの見出し部(タイトル部)の高さや、使用している画像などによって適宜変更する必要があります。

あとは、注釈を参考に、表示したい文字列を、『content』の値として設定して下さい。




コピーした内容はcssの一番下の部分に貼り付けます。

貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。

保存できたらブログを表示し、ブラウザの更新ボタンをクリックします。

これで設定完了です!!

ただいま、アメブロ開設代行もやっております!!

特別価格　３，０００円　からです!!

この機会にぜひどうぞ!!

お問い合わせはサイドバーのお問い合わせから!!

詳しくはアメブロヘルパーのアメブロ開設代行