アメーバブログについて
アメーバブログを始めようと思うのですがお気に入りのデザインがなくて自分でデザインを変えています。
ヘッダーの画像は変更できたのですがサイドカラムの項目マークなどはどうやってつけますか?
詳しい方いたら教えてください。
お願いします。
アメーバブログについて
アメーバブログを始めようと思うのですがお気に入りのデザインがなくて自分でデザインを変えています。
ヘッダーの画像は変更できたのですがサイドカラムの項目マークなどはどうやってつけますか?
詳しい方いたら教えてください。
お願いします。
1 項目マークの画像を作成する。
2 作成した画像を自分のブログの画像フォルダにアップする
3 CSSに下記CSSを追加(URLはアップした画像のURLを指定)
* 項目マークを設置したとき、ずれる場合は、画像の幅、高さは、
自分で指定する。
(width:????px; height:????px;)
/* —————-★プロフィール———– */
#profile .menu_title{/
background-image:url(画像のURL );
}
/* —————-★このブログの読者——– */
#reader .menu_title{
background-image:url(画像のURL );
}
/* —————-★ブログ内検索———— */
#search .menu_title{
background-image:url(画像のURL );
}
/* —————-★PR—————— */
#defaultAd .menu_title
background-image:url(画像のURL );
}
/* —————-★カレンダ—————- */
#calendar .menu_title{
background-image:url(画像のURL );
}
/* —————-★ ブログテーマ一覧——- */
#theme_list .menu_title{
background-image:url(画像のURL );
}
/* —————-★アーカイブ————- */
#archives .menu_title{
background-image:url(画像のURL );
}
/* —————-★最近の記事一覧——— */
#recent_entries .menu_title{
background-image:url(画像のURL );
}
/* —————-★お気に入りブログ——- */
#favorite .menu_title{
background-image:url(画像のURL );
}
/* —————-★ブックマーク———– */
#bookmark .menu_title{
background-image:url(画像のURL );
}
/* —————-★最近のコメント——— */
#recent_comment .menu_title{
background-image:url(画像のURL );
}
/* —————-★ランキング一覧——— */
#ranking .menu_title{
background-image:url(画像のURL );
}
/* —————-★ブログ内検索———– */
#search .menu_title{
background-image:url(画像のURL );
}
ペーシックスキン(グレイ・ピーチ・ブルー・グリーン以外)は
h4.menu_title{ のようににしないといけないのかも。
【補足のご回答】
マイページ→ブログを書くへ
タグの下に画像フォルダがあるのでクリックする。
または、ブログを書くところに画像ボタンがあるのでそれを
クリックする。
(クイックリンクからもいける。(マイページの上のほうに
小さいのがあるよ)
http://helps.ameba.jp/qguide/blog/post_196.html
CSSの最後に追加してください。
既に書かれているCSSはいじらないで下さい。
既に書かれているCSSの最後に追加するだけです。
項目マークのテスト的な確認としては、
メモ帳(ウインドウズのアクセサリのメモ帳)で
おいらのプロフィール と入力し、Alt+PrtScr で画面をコピー
してペイントでその部分(おいらのプロフィール)だけ、
範囲指定で切り取り、ペイントの新規作成で、クリアーして
切り取ったものを貼り付ける。
jpgの拡張子で保存し、それをブログにアップする。
(ブログを書くで画像ボタンを押して、アップして
一度記事に貼り付けて、HTMLの表示をクリックし
(ブログを書く画面の下のほうにある)貼り付けた
画像のURLを確認してください)
(または、記事に貼り付けた画像を右クリックして
リンクのURLをコピーをクリックしてください)))
そして、cssに
/* —————-★プロフィール———– */
#profile .menu_title{/
background-image:url(画像のURL );
}
を追加する。
本当にありがとうございました!!
もう1つききたいんですがまた知恵袋にとうこうするのでよかったら教えてください。