eikoのブログ一覧

　先日のみんカラスタイルシートのリニューアルにて。
　スタイルシートの作業をしていたら、とうとう今まで使っていた光学マウスにブチ切れ。
　ドン臭いマウスカーソルに苛々しつつも、騙し騙し使っていたのですが、やはり「一仕事」の場面になると、駄～目だぁ～。

　つーわけで、"次世代高性能レーザーマウス"とやらを手に入れた。
　中古・型落ち、ぜ～んぜん気にしない！ので、今は廃盤のモデルを新品1200円でお買い物。

　うん、+.ﾟ(*´∀｀)bﾟ+.ﾟｲｨ

　これに、定価の約6000円を払う気にはなれないけど（汗


　で。

　新しいマウスが届いた時には、自分的にはサイトのカスタムは一段落していたのでした。

　まぁ、イイや（汗


　写真は、『BOSEのスピーカーに合わせて、シルバーにしてみた♪』で満足の図。


　大したことはしてませんが、スタイルシートめも。にCSSの記述を纏めてあります。


←ブログランキングです。

メニュー欄に"最近聴いた音楽"を表示させました。
お友達のレイアウトを早速パクる。

みんカラとは全く関係無い"last.fm"という音楽SNSで用意されているウィジェット（旧型）を利用したもの。
私が今どんな音楽を聴いているのかが（ほぼ）リアルタイムで更新されるモノです。
この曲目リスト自体をクリックしても何も起こらないのが、残念な感じだけどｗ
背景画像だからねー（汗

last.fmの現行ウィジェットはフラッシュなのですが、旧型は画像（gif）表示なので使用可能です。
ま、別にウィジェットもどきじゃなくて、お好みの画像だけでも。

曲目表示幅は、下の広告に合わせて300pxにカスタマイズしました。

詳細編集
　↓
サイドメニュー
　↓
サイド領域
div#BodyBlockSide


overflow:hidden;
display:block;
padding-top:183px;
background:url(画像のURL) no-repeat 50% 0%;


使用した画像サイズは、300 × 184　ピクセル
赤太字は、メニュー全体の下げ寸法。
私は183ピクセル分広告を下げ、且つ、広告と一体化するように数字を設定してあります。
広告と表示画像との間に隙間を入れたい場合は、『画像高さ＋スキマ寸法』で設定されるとよろしいでしょう。

青太字は、用意した画像の表示場所指定。（＆繰り返し表示の禁止）


←ブログランキングです。

NINJA TOOLSのアクセスカウンタは、ヘッダ部分に挿入。
「毎日働きすぎですよ、実際」の右側に来るように調整。

詳細編集
　↓
ページの基本
　↓
ヘッダータイトル
div#BodyBlockHeader h2


line-height:100%;
font-size:13px;
FONT-WEIGHT:normal;
letter-spacing:0.5em;
text-decoration:none;
margin:0;
width:930px;
padding-top:110px;
padding-right:0;
padding-bottom:0;
padding-left:42px;
background:url('カウンタURL') no-repeat 32% 100%;

太い赤文字がカウンタ表示場所の調整部分。

尚、忍者ツールを使用する場合は、サイドメニューのリンク欄に「http://www.ninja.co.jp/」をリンクするルール有り。

ちなみに、私のヘッダ画像サイズは930px×190px。
以前は高さ150px程度でしたが、新スタイルでは横幅が伸びてバランスが悪くなったので、少し高さを足して作成しました。
大きすぎるヘッダ画像は個人的に好みではないため、今回のヘッダ画像の高さ制限発動（50px～290px）は、特に影響無し。でございます。

←ブログランキングです。

　全然洗車して貰えないロドを久しぶりに撮影。


　奥に見えるのは、数ヶ月ぶりに（私のロドと）ご対面の、




　ポル１号車。
　西の国からいらっしゃーい。熱烈歓迎。
　難しい事はよくワカラナイ。結局、高速道路の料金は1500円ほどだったとか。
　『洗車してきた』だそうですが、フロントは虫の死骸だらけ。
　道のりの長さを感じます。いや単に超過速度なのか。。。。

　昨晩遅くに、突然出現。
　高速道路が1000円のうちに西に帰還するそうなので、超短期の滞在です。




　近くの桜はまだ五部咲き程度でしたが、一緒に桜が見れてよかった。
　風が強くってちょっと寒かったけど。

←ブログランキングです。

新スタイルシートに忍者アクセス解析ツールを埋め込み。

【詳細編集】⇒【コンテンツ共通 】

コンテンツ領域
div#BodyBlockMain
の部分

overflow:hidden;
display:block;
padding-bottom:20px;
background:url('解析のリンクurl');
background-image:url('画像のurl');
background-repeat:no-repeat;
background-position:0% 100%;

赤字部分が新たに書き足した物です。

太字のパーセンテージは表示する場所の指定なので、各自調整してください。
私の場合は、左下に表示しました。

コンテンツ共通部分なので、愛車紹介やオススメスポットの各ページにも表示されます。
自分の記事編集ページにも表示されちゃうんだけどねｗ
（掲示板、プロフページは無効かな？）
とりあえず、私はココにしておきました。
他にも適用できる領域がありますけど。
よかったらどうぞです。

※忍者アクセス解析を使用する時は、サイドメニューのリンク欄に必ず忍者ツールさんのサイトをリンクさせましょう。マナー＆ルールです。
守りましょうね。

←ブログランキングです。