えす＃０５５のブログ一覧

7/12追記<<表示出来ない原因が解かりました。>>
表示できていません。

ＩＥ７だと普通に表示出来ているので、半数以上の方は解からないと思いますが。

Firefoxの場合だと、「愛車紹介」以外ではヘッダーが表示出来ていないんですよ。
まあ、原因がさっぱりわからないので暫く放置です。

あ、背景はネオジオンのサザビー(拾い物)です。この他にも何点か有るのでそのうち・・・

ゲルググが全然見つからないよー、誰か知っていたら情報下さい。

さて、明日深夜は孤島症候群(前編)かな？

「ズゴックが好きだー」
の声を聴き、光の速さでやって来た。
風よ！、大地よ、大空よ、(以下略)
オフ会場で要望があったので、スタイルシートを以前の状態に近づけてみました。以前はこの画像の輝度を落した物を使ってました。今回は半透過仕様なのでそのまま使ってます。又それに伴い細部を背景黒/文字白用に変更しました。

それとヘッダー画像(1150px×500px)新潟オフ集合写真に、例の方法で大型化・・・
赤いエアロセレクションモドキが今回のネタ車でした。
青いパルサーは殆ど広告に隠れてしまうので、プロフィールの画面で見てください。

こんな感じで、宜しいですか？

最近こんなのばっかりですが、

タブのデザインをカーボン風にしました。またhide_3569さんからのＩＥ６対応のブログが有ったので、その点を修正しました。

タブのデザインはです。一応小さいタブの大きさには合わせて作ってますが、repeat表示でも綺麗に繋がるようにしてあるので背景としても使用可能です。

コレにを重ねています。これだとメッシュの色を変えるだけで、将来青や緑などにも簡単に出来ます。ＩＥ６では無理ですが、透過ＰＮＧを使えば更にデザインの幅が広がると思います。

この記事は、横拡張750pxスタイルシートをIE6に対応させました！ について書いています。

見ての通りです。ＩＥ６でも数日前の本家様に追いつきました。＜昨日のブログ写真と見比べてください。

コレが出来るとブラウザの幅を殆ど変えずに６５０ｐｘの幅を表示できます。

一応コンテンツ共通・サイドメニュー共にセンターに表示させているので、左右の入れ替えが簡単に出来ます。＜div#BodyBlock＞で右寄せの設定＜float:right;＞をしているので、左右の入れ替えをする場合は、ここを左寄せの設定＜float:leftt;＞にすればＯＫです。設定した物はこちら。

サイドメニューを外寄せにすれば、いまのＣＲＴの解像度でも７００ｐｘまでは対応出来そうです。

追記/サイドメニュー位置を変更しました。

元ネタはこちらですが、表示幅を変えて６２０ｐｘと６６０ｐｘを二種類作って見ました。なぜこんな中途半端な数値なのかというと、自分の環境に合わせたからなんですね。写真は６６０ｐｘです。


最大９００ｐｘまで確認してますが、ディスプレイの関係上そこまでは広くなくても良いかなと思ってます。ＩＥ６の場合は広告側にコンテンツ領域部分がはみ出ると、サイドメニュー全体が下部に廻り込んでしまいます。ＩＥ７は広告の下にコンテンツ領域がはみ出ても、サイドメニュー領域に重ならなければ大丈夫なようです。

それを逆手にとって広告をトップには出さないスタイルも作れるのですが、表示が崩れているとは思われたくないので頑張ってみました。
一部気になるところもありますが、宜しければ使ってみてください。
７００ｐｘ対応や８００ｐｘ対応は希望があればアップしますが、スタイルシートをある程度読む事が出来れば、修正箇所はすぐ解かると思います。

使い方は、
テキストエディタメモ帳などのを起動して、
リンク先のテキストをマウスで範囲指定してコピーした後
メモ帳に貼り付けして名前を付けて保存します。
保存したファイルの名前は「(任意の名前).css」にリネームして下さい。

後はこのファイルを読み込めば、ＯＫです。多分
読込方はこちらが参考になるかと思います。

この記事は、写真サイズ640px, 700px, 800px対応スタイルシート(700pxはIE6対応) について書いています。