お蔵入り
本当に困っています！カスタマイズデザインで作っているのですが、プラグインの所の縦ラインがズレてしまいます。どうしたら良いのでしょうか？
メニューやブログ内検索、アーカイブスの（左右共に）デザインがズレてしまいます。どこをどう直したら良いのでしょうか？どなたか宜しくお願い致します！回答(3)
1.
一度試して見ていただけますか？
CSS の中のこの部分↓
.sidetitle{
color:#fff;
font-size:x-small;
height:40px;
padding:3px 0;
text-align:center;
background:url(http://image.blog.livedoor.jp/osujapan2000/imgs/2/2/2224d11f.gif?blog_id=1027495) no-repeat;
margin-bottom:5px;
}
この中の padding:3px 0; をこうしてくれますか。↓
padding:3px 0px 3px 2px;
これでどうなったか教えて下さい。
それとトップページに設置している 『 ホントに！現在パイロット版です。ご迷惑おかけします。インチプレー！★ 』 って流れている <marquee> なんですけど、このタグってけっこう悪さするんですよね (^_^;)
今までの質問の過去の例から言うと、まともに綺麗に表示されているのはあまり見ません ^^; Firefox で見るとえらいことになってますよ。
今回のサイドカラムのタイトル部分がずれているのとは関係ありませんが、正直、あまりお薦めはしません。
早急な回答ありがとうございます。
ちょっとやってみます！！
2.
では <marquee> をプラグインで設置する方法を書きます。
２パターンを用意いたしました。テストページをご覧ください。
http://blog.livedoor.jp/aaa111aaa222/
個人的にはテスト２の方が好きです。Firefox で見ても、そんなに変ではありませんから。
カスタマイズ/管理→新規追加→上級者向けプラグイン→フリーエリアと
進み以下を貼り付けてください。
テスト１の場合
<!--動き始まり-->
<marquee width="160" height="80" direction="up" scrollamount=1>
<center><font size=2>
<font color="#ffffff">
<b>ホントに！<br><br>
現在パイロット版です。<br><br>
ご迷惑おかけします。<br><br>
インチプレー！★ </b>
</font></center>
</marquee>
<!--動き終わり-->
テスト２の場合
<!--動き始まり-->
<marquee width="160" height="30" direction="left" scrollamount=2>
<font size=2><font color="#ffffff">
<b>ホントに！ 現在パイロット版です。ご迷惑おかけします。インチプレー！★ </b>
</font></marquee>
<!--動き終わり-->
貼り付けましたら改行設定を”変換しない”にチェック入れてください。
”この内容で設定する”をクリックし再構築してください。
＊＊各部の説明＊＊
私のテストページと同じ幅ですので width="160" は、このままで良いと思います。
もし幅を変えたければ数字を変更してください。
height="**" は高さです。テスト１は 80 にしてあります。テスト２は 30 です。
お好みで数字を変えてください。
direction="***" は文字の流れる方向です。
”下から上へ”にされたければ direction="up"
”上から下へ”にされたければ direction="down"
”右から左へ”にされたければ direction="left"
”左から右へ”にされたければ direction="right"
scrollamount=* は流れるスピードです。
テスト１は（ゆっくり）テスト２は（普通）で設定しています。
１：ゆっくり ２：普通 ３：早い １～３の数字をお好みで入れてください。
現在、太字になっています。普通にされたければ
<b>ホントに！ インチプレー！★ </b>ここの <b> と </b> を削除してください。
テスト１の場合、行と行の間が あきすぎると思われれば <br> を２つずつ入れてますので
１つずつにしてください。
4.
コメント(12)
>AQさん
すいません。やってみましたがどうやら変わらないようなのですが・・・。
以下のようにしてみました。
/* サイド指定 */
.sidetitle{
color:#fff;
font-size:x-small;
height:40px;
padding:3px 0px 3px 2px;
text-align:center;
background:url(http://image.blog.livedoor.jp/osujapan2000/imgs/2/2/2224d11f.gif?blog_id=1027495) no-repeat;
margin-bottom:5px;
}
ちょと頭の中で考えただけでは無理っぽそうですね。
こちらでちょっと検証してみます。
また補足で聞くかも知れません。
時間を少しいただきます。m(_ _)m
＞AQさん
いやいや、とんでもございません。
わざわざありがとうございます！
すいませんが、宜しくお願い致します！！
>>#2
<marquee> って悪さするんですか？ 知りませんでした。
確かに Firefox で見ると、すごいことになってますね。
私は、プラグインのフリーエリアに <marquee> を設置していますが
Firefox でも綺麗に見えますよ。
どうしても <marquee> を されたいなら
フリーエリアに設置するのは、いかがでしょう？
ＡＱさん、どう思われます？
＞ruruさん
すいません！ドが付く素人なもんで・・・。
Firefox ってなんですか？それも知らないのです(汗)。スイマセン！<marquee>をフリーエリアってプラグインに移動出来るのですか？？
ホントに素人なんです。でも、いじりたいのです！
宜しくお願い致します。
>>#5
firefox とはブラウザです。現在 IE をお使いなんですよね？
http://www.mozilla-japan.org/products/firefox/
↑こちらでダウンロードできます。
私も最近まで知りませんでした。初心者ですから。
ＡＱさんにカスタマイズをご指導いただいた時に知ったのです。＾＾；
firefox でご覧になればお分かりになると思いますが
<marquee> が左へズレてしまってます。
私の書き方が悪かったですね。綺麗に見えるとはズレずに
その位置で表示されると言う意味です。
プラグインに設置しても Firefox ではあまり美しい流れ方ではありません。
テストページに設置してみましたので Firefox と IE で見比べてみてください。
http://blog.livedoor.jp/aaa111aaa222/
あまり美しくないですよね。
ＡＱさんの仰る「まともに綺麗に表示されているのはあまり見ません」
というのは、このことだと思います。
ですから「正直、あまりお薦めはしません。」と言われているのだと思います。
それとサイドカラムのタイトルがズレていますので
プラグインで設置すると、もっと不具合が出るのでは？
と心配しております。 初心者ですので、その辺りは解りません。
ハレイワＳＣさん、ＡＱさん、
余計な口出しをして、すみませんでした。
お～ ruru さん (･･;)
留守中にフォローコメントありがとうございます。
ruru さんのテストページの表示なら、今の設置場所より、まだ良いのじゃないでしょうか？ ハレイワSC さんが設置したいのなら、そのまま ruru さんが設置した仕方を教えてあげて下さいな。
本スレの質問内容の件は、まだ解決していません。もう少し検証してみます。前述したとおり、<marquee> タグは今回のデザイン崩れとは関係ありません。もっと違う部分です。
>ruruさん
ありがとうございます！
firefoxインストールしました。設定とかイマイチ不安ではありますが。
なるほど解りました。本当にズレてますね。
素人なので宜しくお願い致します。
>AQさん
すいませんありがとうどざいます！
引き続き宜しくお願いします。
>>#8 ＡＱさん
いえいえ、とんでも御座いません。
はい。では、設置方法を書かせていただきます。
>>#9 ハレイワＳＣさん
ズレてたでしょう？ 私も Firefox で自分のブログを初めて見たとき
愕然としました。 すごいことになってたので。＾＾；
MARQUEEについては挿入する箇所がｵｶｼｲです。
３行くらい下に移動させれば直るハズ。
HTMLの17行目
==これを============================
<DIV id=sportsmanhotnews>OSU★JAPAN<STRONG>オスジャパン</STRONG>
<MARQUEE scrollAmount=3 width=350 bgColor=#ffffff><FONT color=red>ホントに！現在パイロット版です。ご迷惑おかけします。インチプレー！★</FONT></MARQUEE></DIV>
====================================
<DIV class=description></DIV></DIV>
★ここから
<DIV id=blogcontainer>
<DIV id=wrapper>
<DIV id=content>
★ここに移動させる
<DIV id=blog>
＞海がめさん
ありがとうございます。
よく解らないのですが、早速やってみます。
