• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2008年06月16日

懲りずにスタイルシートを弄りってます。

懲りずにスタイルシートを弄りってます。  今日は、父の日で昼間は、家族達のおごりで鰻を食べに行きました。
その後、特にすることも無かったので、タグの文字表示と画像置換えにチャレンジしました。
 とりあえずは、動く様になりましたが、画像をBMPで作ったので、読み込みに若干ラグがあります。


 参考までに狸猫の記述は、一般的な方法と同じで、テキストを画面外に追い出した上で、画像の指定をしました。
/*-------------------------------------------------------------
height: 33px;width: 136px; 画像の大きさ
P1-1.bmp:選択後のブログタグ画像
P2-1.bmp:通常時ブログタグの画像
P3-1.bmp:マウスオン時のブログ画像
後、同様にP?-2:愛車、P?-3:スポット、P?-4:なんですか等の画像
-------------------------------------------------------------*/
.TabActive { }
.TabInactive { }
.TabActive a {text-indent: -9999px; height: 33px;width: 136px;
  display: block; overflow: hidden; }
.TabInactive a {text-indent: -9999px; height: 33px; width: 136px;
  display: block;overflow: hidden; }
.TabActive1 a {background:url('http://○○/p1-1.bmp') no-repeat
  0px 0px; }
.TabActive2 a {background:url('http://○○/p1-2.bmp') no-repeat
  0px 0px; }
.TabActive3 a {background:url('http://○○/p1-3.bmp') no-repeat
  0px 0px; }
.TabActive4 a {background:url('http://○○/p1-4.bmp') no-repeat
  0px 0px; }
.TabInactive1 a {background:url('http:/○○/p2-1.bmp') no-repeat
  0px 0px; }
.TabInactive2 a {background:url('http://○○/p2-2.bmp') no-repeat
  0px 0px; }
.TabInactive3 a {background:url('http://○○/p2-3.bmp') no-repeat
  0px 0px; }
.TabInactive4 a {background:url('http://○○/p2-4.bmp') no-repeat
  0px 0px; }
.TabInactive1 a:hover {background:url('http://○○/p3-1.bmp')
  no-repeat 0px 0px; }
.TabInactive2 a:hover {background:url('http://○○/p3-2.bmp')
  no-repeat 0px 0px; }
.TabInactive3 a:hover {background:url('http://○○/p3-3.bmp')
  no-repeat 0px 0px; }
.TabInactive4 a:hover {background:url('http://○○/p3-4.bmp')
  no-repeat 0px 0px; }
/*---------------------------------------------------------*/ 
ブログ一覧 | スタイルシート _____ | 日記
Posted at 2008/06/16 00:39:15

イイね!0件



今、あなたにおすすめ

この記事へのコメント

2008/06/16 09:33:34
おはようございます。会社のPCから拝見してます^0^;
すごい参考になります!
コメントへの返答
2008/06/16 19:28:52
 スタイルシート等で検索かければ参考になる記事がいっぱい出てくるので驚きです。
2008/06/16 19:11:30
狸猫さん、最近凄い弄ってますね。

σ(^_^)も頑張らないといけないかな(笑)

コメントへの返答
2008/06/16 19:30:13
すみません。
本体の弄りネタ切れなので、
こちらに、走ってしまってます。
2008/06/16 19:48:36
僕はパソコンが苦手です。

ブログで精一杯です。

得意な狸猫さんが羨ましいです。
コメントへの返答
2008/06/16 21:13:04
ブログを打てれば、最初は他の人スタイルシートを写して打って行けば、何とかなるものです。
2008/06/16 21:17:26
みなさん完璧に使いこなしてますねわーい(嬉しい顔)

自分はというと・・・PC音痴です冷や汗
トラバックってなんですか?冷や汗
コメントへの返答
2008/06/16 21:22:24
みんカラのHELPでは、トラックバックとは、
とある記事(ブログ)を読んで、その記事に対して意見や感想を自分のブログで書いて紹介(リンク)したとき、その元の記事に「トラックバック」することで、「あなたのこの記事を読んで、私は関連するこんな新しい記事を書いてみました!(リンクしました)」と相手に「お知らせ」することができる機能です。

相手は、その「お知らせ」=「トラックバック」を受け取ると、紹介(リンク)した自分の記事に対して、逆に紹介(リンク)してもらうことができます。

もちろん自分が書いたブログもトラックバックを受け付けることができます。

と言うことですが狸猫は使ったことはありません。
2008/06/17 00:06:19
スタイルシートも車と一緒で・・・
弄りだしたらエンドレスw
本当、キリがないですよね~
コメントへの返答
2008/06/17 06:53:05
ほんと、そうですね。
一つ終わると、次のところが気になり始めます。
現在価格を調べてみる

おすすめアイテム

 
 

プロフィール

人があまりしない弄り、変わったいじりが好きな、中年親父の狸猫です スキルは 壊し系-9、純粋整備系-5、LED系-9、 単純電気系-8、電子系-7 ぐら...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2017/8 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

リンク・クリップ

【ハイドラ】限定バッジ配布!9/12-13 FORMULA DRIFT JAPAN 鈴鹿ツインサーキット 
カテゴリ:その他(カテゴリ未設定)
2015/09/12 13:59:48
車の色と揃えました 
カテゴリ:その他(カテゴリ未設定)
2015/04/25 20:52:53
左折車とプリクラッシュセーフティシステム 
カテゴリ:その他(カテゴリ未設定)
2015/01/21 04:58:40

お友達

シャイな狸猫なので、自分から誘うことは殆どないですけど、コメント頂いた人はお友達になって欲しいです。
車種を問わずによければお友達にお誘いください。
169 人のお友達がいます
ハセ・プロハセ・プロ *みんカラ公認 Steven_XDSteven_XD *
かげろう。かげろう。 * せがたせがた *
NesSNesS * しーすーくんしーすーくん *

ファン

37 人のファンがいます

愛車一覧

マツダ CX-3 狸猫号 (マツダ CX-3)
みんカラを始めてから2車種目です。 今回は,ノーマルで大人しく乗る予定です・・・。 昔か ...
ヤマハ PAS Brace-L ブレちゃん2 (ヤマハ PAS Brace-L)
子供の時から数えて7台目。 通勤コースに結構アップダウンがあるのでアシスト機の付きのヘタ ...
トヨタ ブレイド トヨタ ブレイド
車いじりは大好きです。雪国でもないのに4WDは3台目です。 メーカーおぷしょん:4WD ...

QRコード

QRコード
このブログを携帯でご覧になれます
ヘルプ利用規約サイトマップ
©2017 Carview Corporation All Rights Reserved.