プロフページのアメーババーをcssを利用して下に移動させてみます。以下のコードをプロフページのフリースペースに改行を入れず、<style type="text/css">と</style>で挟んで貼りつけてください。
プロフページのcssの編集の詳しい方法については前記事を参照してください。
#amebaBar {position: fixed;background-color: white !important;display: block;width: 100%;z-index: 2000;bottom: 0px;margin-bottom: 0 !important;border-bottom: 0 !important;border-top: 1px solid #CCC;}body{padding:30px 0 24px;}
アメブロのプロフページをcssでカスタマイズしてみます。
「プロフィール」→「フリースペース」に進み、<style type="text/css">と</style>の間にcssを記入し、保存します(cssはheadではなくbodyに記述されることになります)。cssに改行を入れないよう注意してください。
フリースペースにタイトルは必須です。もしフリースペースにcssしか書かない場合は、以下のcssを記述してフリースペースを非表示にしてしまいましょう。非表示にしてもcssは適用されます。
#freeSpace{display: none; !important;}
サイドバーの枠線の色を変更してみます。
前提として、CSSを編集可能なブログテーマを利用している必要があります。
.skinMenuと.skinMenuHeaderの{ }内のbackground:をそれぞれ編集します。
http://www.colordic.org/を参考にして、希望の色コードを指定してください。
例えば、ピンクであれば 「background: pink;」または「background: #ffc0cb;」と指定してください。
.skinMenuは枠線の色を、.skinMenuHeaderは各ボックスのタイトル部分の色を変更します。ちなみに.skinMenuBodyのbackgroundは各サイドバーのボックスの中の色を指定します。
。body, a, embed,span, embed, input, button{
cursor: url(ここに素材屋さんのカーソルのURL
),default !important;
}
@font-face {
/* Firefox, Opera, Safari */
font-family: "yourFontURL";
src: url(font.ttf) format("truetype");
}
@font-face {
/* For IE */
font-family: "yourFontURL";
src: url(font.eot);
}