マクノスケblog

スター・ウォーズ、映画、ドール大好きおたく主婦の日記。

TOP >  パソコン・ブログ >  ブログカスタマイズ >  メニューバーをカスタマイズ!

メニューバーをカスタマイズ!

20150129-05.jpg

現在の表示

20150129-06.jpg

先日までの表示

今までブログの最上部に他のページのリンクを貼っていたんですが
昨日思い立って文字に角丸の背景をつけてみました。

<style>
.clear { clear:both; }
.clear hr { display:none; }
</style>



<p class="admin">

<a href="<%url>" onfocus="this.blur();" class="nonborder"style="text-decoration: none" title="ホーム"><div style="padding:5px 10px;font-weight:bold;background: #f3f1ea; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;width:36px; float:left;"onmouseover=this.style.backgroundColor='#e5e1d2';
onmouseout=this.style.backgroundColor='#f3f1ea';
>ホーム</a></div> 
   ・
   ・
</p></ul>
<div class="clear"></div>


ピンクの部分がメニューバーを横並びにするタグ。
緑が角丸背景のタグ。f3f1ea が背景の色。
5px が角丸の半径。36px が背景の長さ。文字数によって数値を変えてあります。
黄色の部分が今日やってみたオンマウスで背景の色が変わるタグ。
オンマウスで表示される背景の色を e5e1d2 にしてみました。
その次の f3f1ea は緑のところで変えた色と同じ色にしました。
あくまで私が自己流でやっている事なのでもっと良い方法があるかもしれません。

参考にさせて戴いたページ
ボタンに触れると色が変わる
色見本と配色サイト - color-sample.com
HTML5で文章に角丸の背景をつける方法

 今日の調子

今朝4時くらいに足がつりまして…しばらくベットサイドで顔をしかめてましたが
治ったのでトイレに行って寝たんですが、5時すぎにまたつって…痛くて。
ずーっと寝られず、マクタロウのお弁当を作って送り出して、あまりに眠いし
体調悪いので二度寝!気がついたらお昼でした。
やっぱり冷えるんですかねえ。靴下+レッグウォーマーしてるんですけどねえ。

 今日の更新

マクタロウとふたりで運営する「のほほん本舗」トップページ:今日の空
「日刊のほほん本舗」今日の空の全景写真のブログ
「スター・ウォーズの部屋」ブログ更新しました。


関連記事
    ポチッと押して貰えるととっても嬉しいな!    
[Tag] * ブログ

Last Modified : 2015-01-30

Comments







非公開コメント

くせにならないように!

……わたしのことなんですけどね<足ツリが癖。
年末ごろに明け方毎日のようにつってました。。。

ヨガの先生によると、足がツルのは水分不足だそうですよ。
寝ている時には思ったより水分が抜けているので、水分補給をして寝たらちょっと違うかも。
最近では朝の「のび」も慎重にじわじわするようになっちゃいましたよ〜。

ブログのブラッシュアップご苦労様です!
さすが、マメですね!

2015-01-29-20:39 onion
[ 返信 * 編集 ]

onionさんへ

ありがとうございます!
前に結構な頻度でなった時に水飲んだりしたり寝る前にストレッチしたりとかして
ならなくなったので、もう大丈夫かなあと思ってたのがいけなかったかも。
寝る前に薬を飲むので水分は摂ってるんですけどねえ。
昨日はストレッチしてマクタロウに揉んで貰って寝たら大丈夫でした。
やっぱ、ストレッチ+揉み揉みですかね!

ヒマなのでついついブログに凝っちゃって…。
1に映画、2に着せかえ、3にブログになってます~。
2015-01-30-09:07 マク→onionさん
[ 返信 * 編集 ]