ウィンドウズ（以下Win）でも見られるデザインを目指して、まず最初に「タイトルバナーの高さを調整」することにしました。
これ、マック（以下Mac）では直す前もふつうに見えてたんですよね。
状況を説明すると修正する前まではブログ最上部にある画像の「タイトルバナー」がWinでは全部表示されずはみでている状態だったのです。
今は見えているはずのブログタイトルもはみでて読み取れなかったんですよね〜。(^^;)
ブログタイトルも読めない・・・これってブログ運営している上で致命的ですよね。
というわけで、バナーがきちんと表示されるよう修正してみました。
Movable Typeの場合、いじるところがたくさんあるのですが今回手を入れたのはスタイルシートの「banner」の部分だけです。
直す前のスタイルシートは以下の通り。
/* タイトルバナー */
#banner {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
/* background-color: #FF9900;*/
background-image: url("b.jpg");
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 90px;
border-style:none;
}
これをはじめ、高さを調整すれば全て表示されるのでは、と思い
height:90pxを120pxに変更してみたんです。
すると、今度はMacで不具合がでてしまいこんな風に表示されるようになってしまったんです。
表示されすぎですよね。（笑）
それなので画像が連続して表示されないよう
no-repeatを付け加えます。
そうすると、今度はタイトルバーとナビゲーションバーとの間が開きすぎてしまうのでpaddingを15pxから5pxに小さくしてなんとかマックでは見られるように。
最終的にはこの形にしました。
以下もスタイルシートのみの修正です。
/* タイトルバナー */
#banner {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
/* background-color: #FF9900;*/
background-image: url("b.jpg");
background-repeat:no-repeat;
text-align: left;
padding: 5px;
border-bottom: 1px solid #FFFFFF;
height: 120px;
}
これでWinでもバナーがきちんと表示されるようになったと思うのですが、どうでしょうか？
同じように困っている方、参考にしてもらえればと思います。
+++ 関連記事 +++
|
コメント
こんにちは～♪ガイです。
ああ、あと、これ超大事なこと↓
グーグルアドセンスを載せる時は、
同じ記事内にグーグル以外のコンテンツ連動型をいっしょに載せるのは
規約違反なんですよ。
なので、グーグルを貼る場合は、
トレンドマッチコンバインとトレンドマッチＲＳＳを使うと良いと思います♪
↑なら同一ページ表示でも大丈夫です。
ＨＴＭＬ形式のコンテンツ連動型広告は、
グーグルならグーグルのみ。
トレンドマッチなら、他のアドコンマッチとの併用も可。
というかんじで使い分けると良いと思います♪
あと、グーグルアドセンスは１ページ内に３つまでしか広告表示できない（規約上）んですが
トレンドマッチやアドコンマッチは
制限がない、というのも魅力の１つなので
サイトによって使い分けると成果が上がってくるようになると思いますよ♪
こんにちは～♪ガイです。
コメントども♪
アクセストレードの件ありがとうございます＾＾
トレンドマッチコンバインで使えるＡＳＰは
どれも優良なＡＳＰなので十分使えますよ♪
ビッダーズとアフィリエイト２．０は統合されて、アフィリエイト２．０になったので＾＾
自分の１番のオススメ＝稼げるＡＳＰは
アフィリエイト２．０です♪
あと、アマゾンも十分稼げますね♪
アフィリエイト２．０の魅力は↓
http://rss-affiliate.seesaa.net/article/18706293.html
http://rss-affiliate.seesaa.net/article/23818559.html
を見ればわかるかと思います♪
アマゾンはサトコトさんのサイト↓
http://amaz.blog56.fc2.com/
などのサイトも使えるツールが紹介されてるので参考になると思いますよ♪
またわからないことあれば、コメント下さいね♪
応援なり♪
>ガイさん
ガイさん、いつも親切丁寧な説明ありがとうございます。
指摘された点、直しました。
間違えると違反になってしまうから大変ですよね。(^^;)
結局、左サイドバーに「トレンドマッチＲＳＳ」、エントリーの下にグーグルを配置するように変更しました。
これで少しずつ成果があがってくるといいんですけど。(^^)
アフィリエイト2.0の方も登録しようと思います。
アマゾンは登録しているのですが、これもまた使い方難しいですね。（苦笑）