車・自動車SNSみんカラ

イイね!
2011年09月06日
ヘッダーを2段にする方法




無料のブログなので、広告は仕方ないのですが、いまいち邪魔ですよね。
上に持ち上げて、ヘッダー側に移動させる方法もありますが、せっかくのヘッダーを隠したくないので、
広告の隣に同じ高さの画像を入れて、スッきりバランスよく見せる方法です。

ご覧の通り、私のブログではこの方法で対処しています。






スタイルシート→詳細編集→タブ→
一番上の「タブ」をこちらに書き換えます。

width:100%;
list-style-type:none;
margin:2px 0;
padding:0px;
clear:both;
height:260px;
float:left;
background-image:url('ここに画像のURLを入れる');


この場合は画像の高さを260pxで作っています。
ここはプレビュー確認しながら行うとよいでしょう。

尚、プロフィールページでは画像全部が表示されますが、ブログページでは広告が入る位置の
画像が隠れるので、この分を計算して元の画像を作るといいでしょう。
(横幅の1/3が広告で隠れます。)
広告の高さは250pxくらいなので、ヘッダー画像を作る要領で高さ250~260pxで画像を
フォト蔵などにアップして、画像URLを拾い出して下さい。

*当然ながら、個人の責任において作成して下さい。私は責任を一切負いませんよ(笑)
*作成に成功した方はトラックバックして頂けると嬉しいです。
ブログ一覧
Posted at 2011/09/06 22:47:31
イイね!
タグ
ヘッダー
この記事へのトラックバック
ヘッダーをいじってみる」 From [ *GEAR HEAD ] 2011/09/17 19:18
シルバーウィークって忘れてました。 夜も仕事です。 とはいえ、仕事にも飽きたので前から気になっていた「ヘッダーを二段にする」ことにしました。 詳細はトラバ先を参照ください。 この記事は、ヘッダ ...
最近のお遊び♪」 From [ エブと自然を駆け巡ろう! ] 2011/10/08 17:58
この記事は、<font style="color: #ff0000; font-size:
ヘッダー2段!」 From [ 赤いNC! ] 2012/01/20 23:05
この記事は、ヘッダーを2段にする方法について書いています。 Impact!師匠のブログを参考にして、ヘッダーを2段にしてみました! めっちゃ自宅の日常風景ですが(爆)。 <img src= ...
ヘッダー画像を2段盛りに♪」 From [ Drive With ・・・ ] 2012/01/21 21:26
寒いですね~ 雪こそ降ってはいないものの、あんまり外に出る気は起きません。 天気が良ければ来月から開通する東京ゲートブリッジでも見に行きたい所でしたが。 閑話休題 今となっては2年前?位の話 ...
ヘッダー2段に挑戦しました!」 From [  ・ ] 2012/02/07 22:16
この記事は、ヘッダーを2段にする方法について書いています。 RYUさんの師匠という方からこっそり教えてもらいました(笑 僕にはあの細かな英単語の数列を書き換える知識なんて無いですから 本当に助 ...
ヘッダー画像を2段に♪」 From [ It's a photograph l ... ] 2012/05/06 18:00
この記事は、ヘッダーを2段にする方法について書いています。 &nbsp; お友達のImpact!さんのブログを参考にして、ヘッダー画像を2段にしてみました。 1段目は昨日、イタリア街で撮影。 ...
プロフィール
写真・カメラのネタが97%のブログです。 ■カメラ EOS 5D MarkⅡ ■レンズ EF24mmF1.4LⅡ EF24-70mmF2.8L...
みんカラショッピング
みんカラ facebookページ みんカラ twitter
ユーザー内検索
<< 2012/5 >>
  12345
6789101112
13141516171819
20212223242526
2728293031  
リンク・マイリスト
さくら乱舞 
カテゴリ:風景
2012/04/10 23:53:00
お友達
ファン
149 人のファンがいます
愛車一覧
過去のブログ
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月
QRコード
QRコード
このブログを携帯でご覧になれます
プライバシー
©2012 Carview Corporation All Rights Reserved.