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

カッコイイページマスターへの道Vol.04(定番!!TOP画像を変更)

矢継ぎ早のUPで恐縮です。
段々とみんカラのスタイルシートの仕組みが分かってきました。

ページ本体のソースを解析して、スタイルシートに飛ばされているところの
定義を追加変更すればいいんですね~。

よっぽどのことが無い限り、皆さまへの質問は無くても、
自力でできそうです。

さて、今回の第四弾は待ってました~♪♪
定番中の定番、TOP画像の変更です。

トップだけあって、そのページの顔・・・。
どっかに落ちている写真を使うのも名が(?!)すたるので、
過去に撮影した写真を総検索し、最適な写真を探しました。

Beforeの様子



Afterの様子




Blackベースのページなので、本当は夜の画像とか欲しかったんだけど、
昼間の写真しかかなったよ・・・。

いづれカッコイイ写真が撮影できたら変更します!


なお、「TOP画像」などと表現していますが、
Header部分の変更であるため、本来は「Header部分にイメージ適用」的な
言い方が正しいのでしょうか?

まずヘッダーですが、750pxとなっているため、
写真も750pxで作成すると収まりが良いです。
私もそうしましたが、高さについて、オリジナルは70pxですが、
今回は400pxを頂きました。

また、画像に重なってくる文字についても、
白ベースの写真になるため、それぞれ、
色指定を若干グレーよりにしてみました。

~~~~~~~~~~~~~~~~~~~~~~~~~~

#Header
{
width: 750px;
/* height: 70px;*/
height: 400px;
/* background-image: url('/styles/black/point.gif');*/
background-image: url(※ここに画像のURL入れてね);

}

#Header a
{
/* color: #EEEEEE;*/
color: #666666;
}
#Header a:link
{
/* color: #EEEEEE;*/
color: #666666;
}
#Header a:hover
{
/* color: #EEEEEE;*/
color: #666666;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~

ブログ一覧 | スタイルシート | 日記
Posted at 2008/09/14 16:04:17

イイね!0件



タグ

今、あなたにおすすめ

ブログ人気記事

FuelFest2025に出展して ...
紅の狐さん

今日の昼メシ🫐
伯父貴さん

1日早いお盆でお迎えです〜♪
kuta55さん

愛車と出会って1年!
hiroMさん

デイリーランキング1位の御礼
良郎さん

夕陽の中を歩く... 本
晴耕雨読さん

この記事へのコメント

2008年9月14日 17:43
その通りだ~
コメントへの返答
2008年9月14日 22:06
イジリが止まらない~。
2008年9月14日 22:31
ここにきて格段の進歩が!!
コメントへの返答
2008年9月14日 23:39
背景の絵ですか?

これ、サクサクっと作ってみました。

プロフィール

「036@osamu」です。(旧HN「axela036」→036@C26(横濱)→036@C26(東京))。 クルマ未保有の身となりましたので、ハンドルネーム...

ハイタッチ!drive

みんカラ新規会員登録

ユーザー内検索

<< 2025/8 >>

     12
3456789
10111213141516
17181920212223
24252627282930
31      

リンク・クリップ

その他 ジャイアント  
カテゴリ:その他(カテゴリ未設定)
2019/01/13 20:03:50
その他 GIANT PROPEL ADVANCED SL ISP  
カテゴリ:その他(カテゴリ未設定)
2017/08/31 23:02:25
秋の川崎マリンエンデューロ動画( "・ω・゛) 
カテゴリ:その他(カテゴリ未設定)
2014/11/01 00:04:14

愛車一覧

その他 GIANT その他 GIANT
フレーム ALUXX SLR-Grade Aluminum OLD142mm フロントフ ...
その他 GIANT PROPEL ADVANCED SL ISP その他 GIANT PROPEL ADVANCED SL ISP
【フレーム】 ・フレームサイズ  740(M) ・フレーム  Advanced SL-G ...
その他 ロードバイクアイテム その他 ロードバイクアイテム
ロードバイク関連のアイテムをまとめるところです。
その他 ジャイアント その他 ジャイアント
GIANT TCR2 2011モデル 以下仕様 MODEL GIANT TCR 2 ...

過去のブログ

2018年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
2008年
01月02月03月04月05月06月
07月08月09月10月11月12月
2007年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation