プルダウンメニューにマークを入れてみました。 | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。



メニューのうち、サブメニューがあるものには、
メニューの右横にマーク(下図の赤丸内の部分)を入れてみました。



こんな感じになりました。
↓↓↓
プルダウンメニューにマークを



このマークを入れることによって、
お客様に、この下部に何かがあるのではと
思って戴けると思います。



実際には、プルダウンメニューがあるのですが・・・。



では、このマークの設置の方法を
ご説明します。



【1】マークの画像をアメブロにアップロードします。



【2】フリースペースに下記のHTMLを入力します。

マークを入れるためのHTML



【3】最後に、CSS編集画面に下記の通り入力します。

#Mark1{
position: absolute;/*--Mark1の位置の設定--*/
left:520px;/*--positionの基準wrapから左側520に位置を設定--*/
top:19px;/*--positionの基準wrapから上側19に位置を設定--*/
}
#Mark2{
position: absolute;/*--Mark2の位置の設定--*/
left:705px;/*--positionの基準wrapから左側705に位置を設定--*/
top:19px;/*--positionの基準wrapから上側19に位置を設定--*/
}



関連記事
リストマークプルダウンメニューの設置方法はこちら



今回は、以上です。



最後まで読んでいただき、
ありがとうございました。

少しでもお役に立ちましたら、
応援お願いします!!

人気ブログランキングへ