車・自動車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
イイね!
Tweet
Check
Share
タグ
ヘッダー
関連コンテンツを開く
ヘッダー
の関連コンテンツ
ワンオフヘッドの加工ヘッダー☆
/
コバっち☆
ランダムヘッダー画像
/
hi-ro
絶滅寸前の~オプションパーツ!(´Д` ...
/
たまぴよちゃん
もう8月か~^^;
/
衝撃人@BD5
スタイルシート変更♪
/
I L☆ve SPADA
この記事へのトラックバック
「
ヘッダーをいじってみる
」 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段にする方法について書いています。 お友達のImpact!さんのブログを参考にして、ヘッダー画像を2段にしてみました。 1段目は昨日、イタリア街で撮影。 ...
<< ストレス解消法
Golf R Ⅱ >>
■テーマ別ブログ一覧
日記
クルマ
趣味
旅行/地域
グルメ
■人気パーツレビュー
カーナビ/インダッシュ
カーナビ/オンダッシュ
カーナビポータブル
タイヤ・ホイールセット
タイヤ
ホイール
マフラー
車高調
LED
■みんカラ人気登録車
bB
インテグラ
チェイサー
マークII
ジムニー
RX-7
プリウス
カローラフィールダー
エブリイワゴン
ユーノスロードスター
ウィッシュ
RX
インプレッサ WRX STI
エクストレイル
カローラルミオン
セレナ
デリカD:5
ヴォクシー
■Carviewサービス
車買取査定
中古車買取査定
中古車買取査定相場
中古車
自動車保険
■ナビゲーション
車・自動車SNSみんカラ
>
ブログ
>
日記
>
Impact!
>
ヘッダーを2段にする方法
プロフィール
Impact!
写真・カメラのネタが97%のブログです。 ■カメラ EOS 5D MarkⅡ ■レンズ EF24mmF1.4LⅡ EF24-70mmF2.8L...
メッセージを送る
ユーザー内検索
<<
2012/5
>>
日
月
火
水
木
金
土
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
リンク・マイリスト
さくら乱舞
カテゴリ:風景
2012/04/10 23:53:00
[
他のマイリストをチェック
]
お友達
55 人のお友達がいます
SHO_
*
RYU!
*
shin118
*
ペパ男@RHCP
*
ヒカリノ
*
Yoshi635i
*
[
お友達一覧
]
ファン
149 人のファンがいます
愛車一覧
フォルクスワーゲン ゴルフ R
2011年6月11日納車
[
愛車一覧
]
過去のブログ
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コード
このブログを携帯でご覧になれます
RSS2.0
プライバシー
ヘルプ
|
利用規約
|
サイトマップ
©2012
Carview
Corporation All Rights Reserved.