2カラムにする【No.36】

2005/02/28 [月] 11:46
【ヤプログ:スキンカスタマイズ36】

2カラムにする


この質問が多いので、まとめることにしました。

目安に、「○行目」とか書いていますが、それまでのカスタマイズなどで多少前後していることもあると思います。
あくまで目安ということで。
(というか、私もいじっているうちに変わっているので、微妙な目安ですが・・・)



手順としては、次のようになります。


1. 触る前に、バックアップ !


2. サイドバーの機能選択・並び替えで、全て右側(or左側)に寄せる


3. 左のサイドバーを残したい人のみ、{$Banner$}の位置を移動

  ※ 右のサイドバーを残す人は、ココはとばしてください。
    ヤプログバナーを移動させないと右のサイドバーを消せないので、
    こういうことをします。


メインテンプレート 59行目 → 28行目
アーカイブテンプレート 64行目 → 28行目
1記事テンプレート 169行目 → 29行目


4. 消したい方のサイドバーのタグ(↓)を、3つのテンプレートから消す

■ 右のサイドバーを残す場合は↓


メインテンプレート 23行目〜
アーカイブテンプレート 23行目〜
1記事テンプレート 24行目〜

■ 左のサイドバーを残す場合は↓


メインテンプレート 53行目〜
アーカイブテンプレート 58行目〜
1記事テンプレート 164行目〜


5. テンプレートやスタイルシートで、幅の調節

幅750pxの場合でだけ、簡単にできます。
追記をどうぞ。

それ以下にしたい場合、あるいはテンプレートの方との整合性がないのが嫌な場合は、テンプレートも含めて、直していく必要があります。
幅指定箇所【No.3】に書いてあるような場所になります。

あらかじめ、サイドバー○○px、記事部分○○pxと決めてから数値を入れていく方が良いですよ〜。



※ 幅は750px(ヤプログテンプレートの初期値)の場合は、最低限で済ませたりすることもできたりはします。

 その場合は、以下の数値にします。

スタイルシート 156行目〜

.entry_layer
{
    OVERFLOW: hidden;
    WIDTH: 360px;    ←    535pxに
    WORD-BREAK: break-all
}

これだけだと記事幅しか広がらないので、コメント部分やトラック部分のテーブル幅の為に、以下も直します。

また、タイトル画像の端と、記事の端が合わない方は青い字のmarginを変更します。
  ■ サイドバーが右、記事が左の場合は
     → margin: 10px 20px 10px 0px;
  ■ サイドバーが左、記事が右の場合は
     → margin: 10px 0px 10px 20px;

スタイルシート 91行目〜

.entry
{
    〜略〜
    margin: 10px;
    〜略〜
    width: 380px;  ← 555pxに
}

コメントエリア(?)の幅も広げたい場合は以下も。(これは535px以下なら、好きな数値で良いかも)

スタイルシート 162行目〜

.comment_layer
{
    OVERFLOW: hidden;
    WIDTH: 300px;  ← 535pxに
    WORD-BREAK: break-all
}

最後にアーカイブ・1記事ページにて、ページ移動のリンクが真ん中にきていないので、



575px

アーカイブテンプレート・1記事テンプレート  25行目付近〜

<td valign="top" width="575" align="center">
<!-- archive navigation -->
<table width="575" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="center" class="prevew">
〜略〜</td>
</tr>
</table>
<!-- archive navigation -->



url : http://yaplog.jp/material/archive/604

   コメント


 > Ciccioneさん

こんにちは〜。
解決していて何よりですv

移転しても、あまり変わりはなさそうです。
以後もよろしくお願いします〜。
Posted by:  とーこ → Ciccioneさん   at 2005/08/18 [木] 17:00


 とーこさん

こんばんは。
2カラムデザインが崩れたところを
とーこさんのページと格闘した末、
何とか解決しました。
ホントありがとうございます。

移転かな?レスを読みました。
え!!とーこさん移転してしまうの?って。
私としてはいて欲しいけど、、、
色々あるから仕方ないのですよね。

Posted by:  Ciccione  at 2005/08/14 [日] 04:34


 > ソラさん

こんにちは〜。

ヤプログのタグはごちゃごちゃですが・・・乗り切ったようですね。
良かったです♪
Posted by:  とーこ → ソラさん   at 2005/07/12 [火] 13:57


 2カラムにしたいんですけど、サイドバーを二列にするにはどうしたらいいんでしょうか?
テーブルでやろうにも、ヤプログのタグがごちゃごちゃ過ぎてさっぱり分かりません
教えてくださいお願いします
Posted by:  ソラ  at 2005/07/10 [日] 02:12


 > ゆうきママさん

直って良かったですv

プログラマーの経験は、まったくありません〜。
仕事にできるほどの知識はありません;
しがない化学系卒の、主婦です。

夏バテは、しそうですね;;
プチが家にいる頃は、そんなになっている余裕はありませんでしたが・・・家でゴロゴロばかりしてるとバテそうです。
Posted by:  とーこ → ゆうきママさん   at 2005/07/01 [金] 15:26


 とーこさん♪こんばんは。。。
早速、プログラム修正してみました。
大成功ですありがとうございました。
一つ質問なのですが、とーこさんはプログラマーの経験があるのですか?
実は私プログラマーの学校に行っていたのですが・・・
卒業してかれこれ10年は経っているので・・・ハハハ
とーこさんも夏バテしないように頑張ってくださいねっ
Posted by:  ゆうきママ  at 2005/06/30 [木] 19:15


 > ゆうきママさん

こんにちは〜。

えぇと、記事の左上の-のことでしょうか・・・?

1記事テンプレートの以下のところに、ハイフンが入っているのでソレかもしれません。
消してみてください〜。

</BlogEntryIfAllowPings>
</td>
</tr>-
</table>
<!-- entry -->


あとプロフィールの方ですが・・・ソースが絡まっているようです。
どうしようかな・・・。

これ↓と、プロフィール部分を入れ替えてみてもらえますか?
(何カ所か、名前とかアドレスとか消しているので、そこは入れ直してください)
あ、試す前に、今のもコピーして取っておいてくださいね。

<div class="side" style="margin-bottom: 10px">
<div class="side_title" id=profilename>☆..プロフィール..☆</div>
<div class="side_text" id=profilelist style="text-align:center;">
<div style="border-width:3px;border-style:solid;border-color:#eeeeff #98cee0 #98cee0 #eeeeff;background:#add8e6;padding:7px"><div style="border-width:3px;border-style:solid;border-color:#98cee0 #eeeeff #eeeeff #98cee0">
<img src="画像アドレス" width="115"
height="160" border="0" alt="生後1週間目♪"></div></div>
<div class="side_text">☆名 前☆ ○○</div>
<div class="side_text">☆誕生日☆ ○○</div>
<script language="JavaScript">
<!--
スクリプト略
//-->
</script>
<div class=side_text>☆○○☆</div>
<div class=side_text>    ○○パパ(33)</div>
<div class=side_text>    ○○ママ(32)</div>
</div></div>


Posted by:  とーこ → ゆうきママさん   at 2005/06/30 [木] 15:04


 とーこさんこんにちは。
またまたお邪魔します(^_^;)
2カラムに挑戦して完成したのですが、いろいろいじっていたら、1記事の表示がおかしくなってしまいました。
1段下がっているようなのです。そして右端に_アンダーバーが出てしまいます
バックアップはとっていたのですが、3カラムの時のでした。
時間のある時でよろしいので解決方をよろしくご伝授ください。
もう一つ、サイドバーのプロフィールがどうしても折りたたみのテーブルの中に入らないのです。
すいませんがよろしくおねがいします 
(すいません頼ってばかりで・・・)
Posted by:  ゆうきママ  at 2005/06/29 [水] 17:09


 > みきさん

ああ、アーカイブと1記事の方でしたか。

では、サイドバーの方は、ちょっと置いておきましょう。
まずそっちのレイアウトですが、幅指定箇所【No.3】に書いてあるような箇所を修正してください。

全体→600px、左サイドバー→175px、とするとメイン部は425pxですね。

メインテンプレートは、ここの数値も大方あっているようなので、メモ帳などで横に並べて比較しながらやっていくと、わかりやすいと思います。


あと、前のコメントでは、失敗していたみたいですね;;
サイドバーの最初の方は読みとっていただけたようですが・・・。

※ サイドバー「アーカイブ」

<FORM style="MARGIN: 10px">
<DIV class=side>
<DIV class=side_title>アーカイブ</DIV>

となっているところを

<FORM style="MARGIN: 10px 0px">
<DIV class=side>
<DIV class=side_title>アーカイブ</DIV>

のように、という意味でした;
marginの中に0pxを付け足すというか。
Posted by:  とーこ → みきさん   at 2005/06/28 [火] 12:30


 とーこさん、こんばんわです。
言われたみたいに変更してみて、うまくいったのですが
アーカイブ、1記事で見てみるとサイドバーと記事に間が広く開いてしまうんです。
メインテンプレートでは、広く開いてる感じではないのですが。
下のとーこさんの3の「最新トラックバック」のことがいまいち分からなくて。。。
<table>の部分をとってしまうとレイアウトが崩れてしまって。
また時間が許すときでかまいませんので見てもらっていいですか??
いつも、すみません。
Posted by:  みき  at 2005/06/24 [金] 22:44


 > みきさん

こんにちは〜。

えーと、ソースを拝見させてもらったところ、全体幅600px、サイドバー175px、メインが残り425px、ということでしょうか。

これに合わせて各数値を変更すると、スタイルシートでは

.entry{ WIDTH: 405px; }

.entry_layer{ WIDTH:385px; }

.comment_layer{ WIDTH:385pxくらい?; }


テンプレートでは、

1. 最初の辺り(180→175に)

<td valign="top" width="<色:#cc9966>180">
<div class="side_left">
<!-- sidebar-left -->


2. サイドバー「アーカイブ」
(左右のmarginは取りたくないので、10px 0pxなど)

<FORM style="<色:#cc6666>MARGIN: 10px">
<DIV class=side>
<DIV class=side_title>アーカイブ</DIV>


3. サイドバー「最新トラックバック」が何故か<form>と<table>で囲まれている。
(2と同様に、<form>のmarginがいらないのですが、ここは囲む必要自体がないので)

を変えてみてはいかがでしょうか〜。
Posted by:  とーこ → みきさん   at 2005/06/24 [金] 12:45


 お久しぶりです。
以前、カスタマイズで大変お世話になったみきです。
今回、2カラムにチャレンジして2カラムにはなったんですけど
幅を狭くしようと頑張っても、どうもうまくいかなくって。
幅の指定の記事も読んでみたのですが・・・
どこの数値を変えたら、狭くなるのかお時間許すときで構いませんので
教えてもらえませんか??
よろしくお願いします。
Posted by:  みき  at 2005/06/20 [月] 22:55


 > haya10-mamaさん

いえいえ。
直って良かったです〜♪
Posted by:  とーこ → haya10-mamaさん   at 2005/06/13 [月] 14:46


 あひゃ〜ヾ(;´▽`A``アセアセ
またまた、ありがとうございました
ばっちり出来ました
本当に、ありがとうございました
Posted by:  haya10-mama  at 2005/06/09 [木] 17:00


 > haya10-mamaさん

こんにちは〜。

うわぁ・・・返事遅くてすみません〜;
おそらく、以下の赤字のところに、スペースが入っていないのが原因ではないでしょうか。

  table width="575"
ですね。

<!-- sidebar-left -->
</div></td>
<td valign="top" width="575" align="center">
<!-- archive navigation -->
<tablewidth="575" border="0" cellspacing="0" cellpadding="5" align="center">
Posted by:  とーこ → haya10-mamaさん   at 2005/06/09 [木] 15:39


 > orangeさん

えぇと・・・?

>2カラムに挑戦しようと思って頑張ってるんですが、
2カラムには、なっているようです。

>TOPの画像を中心として
タイトル画像も真ん中にきているようです。

今回、私がレスできない期間が長かったので・・・その間に解決したのでしょうか。
理解力がなくって、すみません;


> SANDYさん

いえいえ〜。
良かったです♪
Posted by:  とーこ → orangeさん、SANDYさん   at 2005/06/06 [月] 14:58


 今、で質問させていただいたのですが。。。サイドバーの位置は出来ましたぁ
記事部分が、入り込んでる方だけ教えて下さい
Posted by:  haya10-mama  at 2005/06/05 [日] 15:41


 こんにちわ〜以前に、違う内容で質問させていただいたものです。それ以降もコチラを参考にさせていただいております
早速なんですが、ブログの幅を少し広げたんです。それはいいのですが、コメント欄のページに行くと、サイドバーが1つ妙に中央に寄ってしまってるのと、記事部分がサイドバーの下に入り込んでしまっているんです。。゛(ノ><)ノ ヒィ
これ、どこをいじれば改善しますか?
また単純な事かもしれませんが、教えて下さい。よろしくお願いします。
ちなみに、ページはそのままの状態になったままにしておきます。
Posted by:  haya10-mama  at 2005/06/05 [日] 15:31


 とーこさん、センタリングされました アドバイスありがとうございました(*- -)(*_ _)ペコリ
520でぴったりでしたよー(○゜ε^○)v ィェィ♪
さすがとーこさんですっ本当にどうもありがとうございました
Posted by:  SANDY  at 2005/05/24 [火] 21:21


 今の状態で出来てるんですか
言葉で言うの難しいのですが・・・
全体を線で囲みたいんです それがどうしてもわからなくて・・・
TOPの画像を中心として!?って感じが良いんです
(要するに↓のパイナさんのようなスキンです
国語力ナイもので、とーこサンに伝わったか心配ですが、アドバイスの程よろしくお願いいたします
お忙しい中すみません
Posted by:  orange  at 2005/05/24 [火] 16:40


 > パイナさん

おお〜。
きれいに表示されているようで、良かったです♪
Posted by:  とーこ → パイナさん   at 2005/05/24 [火] 12:55


 とーこさん、できましたぁ!!!
ちゃんとつながりました!!!!

私は全く的外れなところをいじっていたようです。。

お忙しい中
またまた分かりやすく丁寧なご説明をしていただき
本当にありがとうございました。
とっても嬉しいです。

Posted by:  パイナ  at 2005/05/24 [火] 11:57


 > パイナさん

こんにちは〜。

うぅむ、2カラムと記事の枠を画像にする、の複合技ですね。
以下、両方が混じりながらになりますが・・・。

まずスタイルシート。
entry_layerが519pxなので、entryは539px。

.entry
{
margin: 10px 20px 10px 10px;
width: 539px;
}

comment_layerは517px以下。

.comment_layer
{
OVERFLOW: hidden;
WIDTH: 517px;WORD-BREAK: break-all
}

あと、上画像と下画像は、繰り返しをしないように。
また上下の画像は、32px幅以上なら大丈夫なようなので、heightは32px。

.entry_top { background:url(上画像アドレス) no-repeat top; height:32px; }
.entry_middle { background:url(中画像アドレス) center repeat-y; }
.entry_bottom { background:url(下画像アドレス) no-repeat bottom; height:32px; }


1記事テンプレートの方では

<TR class=entry_top>
<TD class=entry_title align=left height=47>
<A id=trackback></A>トラックバック</TD></TR>

のように、画像より大きい高さが書いてあると、線がつながりません。
そういう箇所はheightの部分を消すと良いかもしれません。

ちょっと書き損ねている箇所があるかもしれませんが・・・;;


> 真咲さん

良かったですね〜。
なんだか最近、反映されるのが遅いことがありますよね;;
記事を投稿しても、なかなかサイドバーに載らなかったり(ちゃんとページではひ表示されているのに)。
Posted by:  とーこ → パイナさん、真咲さん   at 2005/05/24 [火] 11:37


 > SANDYさん

こんにちは〜。
この記事の最後の部分にも書いてありますが、(最後にアーカイブ・1記事ページにて、ページ移動のリンクが真ん中にきていないので・・・・という部分です)

entry_layerを増やした分だけ、ここの数値を大きくすればいいのではないでしょうか。

SANDYさんの場合は、520かな・・・?(細かい数値は、調節してみてくださいね)


> orangeさん

こんにちは〜。

えぇと・・・できてます、よね?
夜間の重い時間帯だと、うまく反映できなかったりすることもあるようです。
そのせいかしら・・・?
Posted by:  とーこ → SANDYさん、orangeさん   at 2005/05/24 [火] 10:37


 とーこさま、何度もごめんなさいっ
先ほどのコメントのとおりに直して、もう1回見てみたら
ちゃんと幅が直ってました〜
反映されるのに時間がかかるんですね
あせってビックリしちゃって、ホントすいません
いつも本当にありがとうございます
Posted by:  真咲  at 2005/05/23 [月] 14:17


 とーこさん、さっきはコメントありがとうございました
2カラムにするという記事を参考にさせてもらったんですが、
やっぱり「コメントする」の幅がおかしいまま・・・

記事本文・トラックバックまではちゃんと正しい幅に
なってるんですが、コメントする・コメントプレビューが
なぜか幅が広くなってるんです。
名前・e-mail・urlもなぜか右側に寄っちゃって
もし良かったら、どこを直せば正しく表示されるのか、
教えてくださいませ
Posted by:  真咲  at 2005/05/23 [月] 14:12


 とーこさんこんばんは。
先日はカレンダーでの質問にご丁寧に分かりやすくご説明していただきありがとうございました。
とーこさんのおかげで、だいぶかわいくなってきました。
とっても感謝です。

またまた教えてくださいm(_ _"m)
2カラムがんばって挑戦してみて、
うまくできたぁ!って思っていたのですが、
一記事を見ると、
コメントやトラックバック欄の
枠がめちゃくちゃにずれちゃってました。。。

いろいろといじくりまくってみたのですが、
どうにもこうにもお手上げです。

お忙しいところ申し訳ありませんが、
教えていただけると大変嬉しいです。

よろしくお願いいたします。
Posted by:  パイナ  at 2005/05/22 [日] 19:48


 とーこサン助けてください

2カラムに挑戦しようと思って頑張ってるんですが、全然うまくいきません
私は左のサイドバーを残したいんです。
バナーの位置もちゃんとleftのところにあったし、右サイドバーもちゃんと消しました
(と言うか元々無かったんです
なのにちっとも変わってくれません・・・ 何故でしょうか
初心者なので何をどう触っていいか全くわかりません・・・(;_;)

ご指導くださると、とても助かります
Posted by:  orange  at 2005/05/22 [日] 12:06


 とーこさん、こんばんは
いつも参考にさせていただいてます(*- -)(*_ _)ペコリ

2カラムにしたわけではなく、幅指定で記事の幅を広げたんですが、それ以来、
アーカイブページ・1記事ページにてページ移動のリンクがセンタリングできてません
どうすればセンタリングになりますか
ご教授いただけると助かります ペコm(_ _;m)三(m;_ _)mペコ

Posted by:  SANDY  at 2005/05/22 [日] 02:19


 > 有実さん

・・・あれ・・・ブログ消しましたか・・・?
見れませんTT
Posted by:  とーこ → 有実さん   at 2005/05/09 [月] 14:58


 > HALさん

ああ、そこで治りましたかv
”とか、見逃してしまいますよね〜;;

GWは大変でした・・・ぐったりでした・・・(苦笑)。


> マイさん

いえいえ〜。

特に崩れてもいないし(多分テーブル幅は広がったと思うのですが)、良かったですv
Posted by:  とーこ → HALさん、マイさん   at 2005/05/07 [土] 17:04


 とーこさんお久しぶりです!!

「一記事テンプレート」をいろいろいじってたら、
「つづきを読む」をクリックしても、つづきが読めなくなってしまいました・・・。

原因を教えて欲しいのですが・・・。
いつもいつもすみません。
Posted by:  有実  at 2005/05/01 [日] 13:47


 あ、出来ました!
ほんの少しだけあけたかったので、
書いていただいていた20pxではなく15pxにしました。

本当にどうもありがとうございました!
Posted by:  マイ  at 2005/04/29 [金] 03:15


 (」゚ロ゚)」(」゚ロ゚)」(」゚ロ゚)」オオオオオッッッ
出来ました出来ました。
ありがとうございましたぁ。
”が抜けてたんですね。

いいゴールデンウィークになるといいですね。
Posted by:  HAL  at 2005/04/28 [木] 18:20


 > yasuminさん

いえいえ〜v
良かったです〜。
Posted by:  とーこ → yasuminさん   at 2005/04/28 [木] 11:29


 > HALさん

あれ・・・と思ったら、HALさんが下で書いているのだと、11行目かな・・・。

<td class="side_text style="padding-right:0px;">

で、side_textのあとに”が足りていないようです。
(ダブルクォーテーションの色を変えようとするとうまくいかないので、変えて説明できないのですが;;)

そこを足せば大丈夫ではないでしょうか。
Posted by:  とーこ → HALさん   at 2005/04/28 [木] 11:29


 とーこさん、ありがとうございますぅ

とーこさんの言う通り、tableのwidth変更で解決しましたぁ〜!!
わーいわーい
本当にありがとうございます。私ももっと勉強します。助かりました。

(TдT) アリガトウ
Posted by:  yasumin  at 2005/04/28 [木] 11:26


 > あかさん

あ、あれ?
前にコメント書かれた方と一緒かしら・・・?

えぇと、ちゃんと表示できているようで、良かったですv


> マイさん

こんにちわ〜。

外のテーブル幅とあわなくなるかも、ですが(ちゃんと小さくしているようなので・・・)。

.entry
{
BORDER-RIGHT: #989793 1px solid;
BORDER-TOP: #989793 1px solid;
MARGIN: 10px 20px 10px 10px;
BORDER-LEFT: #989793 1px solid;
BORDER-BOTTOM: #989793 1px solid;
PADDING-TOP: 10px;
width: 460px;
}

で右の隙間が大きくなります。
数字は順に、上・右・下・左の空きです。
20pxではなくって、違う数値でも大丈夫ですよ〜。
Posted by:  とーこ → あかさん、マイさん   at 2005/04/28 [木] 11:15


 > ルラさん

あ、私もTiametなんですよ〜(ロキ→バルダー→ティアメットの移住組)。
どこかで会っているかも・・・とか(笑)。

htmlは、”とか、閉じタグ</div>とか、スタイルシートだと;とか・・・。
ちょっとした部分でおかしくなってしまいます。
忘れやすい部分でもありますが;


> yasuminさん

こんにちわ〜。

えぇと、多分「blog_description」の外側のtableの幅を治せばいいのではないかと思います。

<H1>
<DIV class=blog_title><A href="{$BlogUrl$}">{$BlogName$}</A></DIV></H1>
<TABLE cellSpacing=0 cellPadding=0 width=750 border=0>
<TBODY>
<TR>
<TD class=blog_description>

900以上のようなのですが・・・ちょっとちゃんと確認してないので、その辺の数値は自分で試してみてください〜;
Posted by:  とーこ → ルラさん、yasuminさん   at 2005/04/28 [木] 10:42


 いつもすみません〜。
えと、サイドバーの間隔はキレイになりました。
ありがとうございます。

でもMy Blog Listは治りません〜(丿;Д;)丿。
一応 ブログリストのHTMLかいときます。
何かわかるでしょうか?。
よーく見るとスクロールバーはほかのとサイズあってるような・・・・。
むしろ周りの囲んでいる物がずれているような気がします。

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="side"><img src="{$BlogTmplUrl$}img/side_title_header.gif" align="absmiddle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td class="side_title"><font color="#66CCFF">My Blog List</font></td></tr>
</table>
<div align="center"><img src="{$BlogTmplUrl$}img/side_title_footer.gif" align="absmiddle"></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="side_text style="padding-right:0px;">
<div style="overflow: auto; height: 250px;width: 140px;">
<script language="javascript" type="text/javascript" src="http://list.myblog.jp/list/js?code=d0f39175ef5126928a05e93fc5cfcb3d" charset="EUC-JP"></script></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div align="center">
<img src="{$BlogTmplUrl$}img/spacer.gif" align="absmiddle" width="5" height="10">
</div>

いつもお手数ですがまたよろしくです〜。
Posted by:  HAL  at 2005/04/28 [木] 09:02


 初めまして。
いつも参考にさせていただいています。

随分前に2カラムにしたんですが、
ブログ本文とサイドバーの間をもう少しあけたいんです。
たぶんpaddingかmarginをいじればいいと思うんですが…。
自分なりに色々試したつもりなんですけど、
どうしても分からないので方法を教えていただきたいです。
よろしくお願いします。
Posted by:  マイ  at 2005/04/27 [水] 23:03


 アドバイスありがとうございます!簡単に直す事が出来ました
返事も早くって本当に助かりましたミ゚Д゚,,彡ありがとうございました。
Posted by:  あか  at 2005/04/27 [水] 20:34


 初めまして!毎度毎度sanpling.sysさんには助けられていて、勝手に感謝してます.+゜(・∀・)゜+.゜
今回 初めてのコメント(質問)なのでドキドキ物なのですが...。
"2カラムにする"という記事を読んでマイ・ブログを2カラムにしたのですが、どういう訳か上手く表示されてるのはメインページだけのようで;;
追記を見たり最新記事をクリックして1記事を見ようとすると何故かタイトル(画像)の横に記事が表示されてしまって(x x)
もし良かったらコノ初心者σ(・ω・`)に何か思いあたることがあれば教えてください!!!お願いしますorz
Posted by:  あか  at 2005/04/27 [水] 15:38


 > HALさん

おかえりなさい〜(遅いって?:笑)

えぇと・・・そうですね・・・・。
あとは右サイドバーのMyblogListとBBSも、ちょっとはみだしているようなので、

まず、MyblogListの一部をこのようにしてみて

<td class=side_text style="padding-right:0px;">
<div style="OVERFLOW: auto; WIDTH: 140px; HEIGHT: 250px">
<SCRIPT language=javascript src="スクリプトアドレス" type=text/javascript charset=EUC-JP></SCRIPT>
</div></td>

その下のBBSも、overflowの値を小さくします。(150pxになっているようですが、140pxに)
スクロールバーの位置がずれるのですが、これはどうやったら治るかわかりませんが・・・;

<DIV style="OVERFLOW: auto; WIDTH: 140px; HEIGHT: 250px">


そしてスタイルシートを

.side_left
{
MARGIN-TOP: 10px;
WIDTH: 150px;
padding-right: 5px;
}
.side_right
{
MARGIN-TOP: 10px;
WIDTH: 150px;
padding-right: 5px;
}

としてみてはいかがでしょうか。
Posted by:  とーこ → HALさん   at 2005/04/27 [水] 12:36


 とーこさん、いつもお世話になってます。

この記事を参考に記事幅?(スタイルシートの.entry部分)を変えて見ました。他のサイドバーとかはどこもいじってないので単純に真ん中の記事部分の幅が広がりました。
ここまでは私のやりたかったことなので大満足です。
でも・・・上のブログの説明部分(ピンク色)が前の幅のままで右側途切れてます・・・
なんとなく.blog_description部分かなとも思いますが、widthなんてないし。
お手数かけますが、教えていただけませんか?
Posted by:  yasumin  at 2005/04/26 [火] 18:02


 ありがとうございました 治りました。
”を入れないだけで、こんなに変わってしまうなんて(ノ(ェ)'。)助かりました><
ROもリアルもごちゃまぜ風味な日記になってしまってるのですが、とーこさんもROやっていると効いて嬉しかったです☆ミ いっしょに遊びたいですね(ぉ
また、こちらにちょくちょくお世話になるかもしれません。ここが無かったら、ブログのスタイルシートをいじってみようなんて自分で思いもしなかったので、本当に感謝しています♪ とーこさんのブログのように、もっと素敵になるように勉強したいです^^ ありがとうございました。また遊びにきます(≧∇≦)
 
Posted by:  ルラ  at 2005/04/26 [火] 17:52


 > あかさん

はじめまして、こんにちわ〜。

アーカイブテンプレートと1記事テンプレートで、以下のような赤字がありませんか・・・?
たぶん、この辺で余分にテーブルタグを閉じているのだと思います。
うまくいっているメインテンプレートを、見比べてみてください〜。

<tr>
<td valign="top" width="175">
<div class="side_left">
<!-- sidebar-left -->
{$BlogSidebarLeft$}
<!-- sidebar-left -->
</div>
{$Banner$}
</td></tr></table>
<td valign="top" width="400" align="center">


> ルラさん

はじめまして、こんにちわ〜。
うわぁ、、ROのブログですねv
(私もROをたまにしたりするのです♪)

えぇと、アーカイブテンプレートと1記事テンプレートで、以下のようになっています。
(抜粋部分が短すぎますか・・・?Postedで探してみてください〜)

<tr class="entry_bottom>
<td class="posted"> Posted at 〜

entry_bottomを囲っている、”が足りないみたいです。
それを足してみてはいかがでしょうか。
Posted by:  とーこ → あかさん、ルラさん   at 2005/04/26 [火] 14:08


 帰ってきました〜。

早速やってみたところ、ピッタシほかのとサイズが合いました。
ありがとうございますぅ〜。

で、ソレがやっぱしくっついてる・・・。
今度は全体的にくっついてます。
多分コレが元々の間隔なのでしょうね。
ソレがランキングのところだけ広かったからほかの部分は開いてた・・・というところでしょうか。

すみません今度は全体的に少し広げられればと思います。
お時間あるときに教えてください。
Posted by:  HAL  at 2005/04/25 [月] 17:18


 はじめまして。こちらのお力を借りて見よう見まねで、やっていたのですがどうしても、解決できない部分がありまして、もしよろしければコメント頂けるとありがたいですm(。>(エ)<。)m 
カテゴリーなど記事を選ぶと、上部の方が↓こんなふうになります。(大きい文字で)
Posted at 22:48 / Others / この記事のURL
コメント(0) / トラックバック(0)
小さく枠の中に入れたいのですが、どうやってもこのままなのです;; どうかお力を貸して下さい。
。・°°・(>(ェ)<)・°°・。
Posted by:  ルラ  at 2005/04/24 [日] 19:16


 初めまして、いつもsanpling.sysさんに助けられてます!!!
今回 初めての質問なのでドキドキ物なんですが…
つい最近、2カラムにするっていう記事を参考に2カラムにして見ました!
上手く行ったと思ってホレボレしてたのですが、どうやらメインページしか上手く表示されないみたいで(xдx)
"この記事のURL"や追記のページを表示するとタイトル(画像です)の横に記事が表示されてしまって、デザインが崩れてしまうんですuU
自分では何が原因かも分からないのですが…
良かったらこの初心者に是非、教えてください><!!!
Posted by:  あか  at 2005/04/24 [日] 13:18


 > ここきさん

こんにちわ〜。

えぇと、ここでの2カラムは、サイドバーは1列なのです。
ここきさんのおっしゃるようなのですと・・・ 「テーブルレイアウト【No.21】」のようになるでしょうか。
コメントも見てみてください。

リブリーの部分だけは横に連結する感じになります。

ちょっとややこしいので、バックアップをとってからやってみてくださいね。
Posted by:  とーこ → ここきさん   at 2005/04/18 [月] 10:20


 こんにちわ。
サイドバーを二列にしたいのですが、
他の方のコメントやレスを見ても全然わからなかったので、
質問させていただきます。
リンクを見ていただければわかると思いますが、
1列のままなんです。
一番下のリヴリーだけは今のまま、
他の二列分の広さにして起きたいのですが。
どうすればいいのでしょうか?
Posted by:  ここき  at 2005/04/17 [日] 19:17


 > HALさん

いえいえ〜。

ゆっくり時間を取れるときにやった方が良いですよね〜v
またやってみて、うまくいかなかったら他の方法を考えましょう。
Posted by:  とーこ → HALさん   at 2005/04/14 [木] 15:43


 ありがとうございます。
とりあえず、明日からしばらく実家に帰るので、
帰ってきてからゆっくりやってみますね。
いつも感謝です〜。

今日はお礼まで。
Posted by:  HAL  at 2005/04/14 [木] 12:14


 > HALさん

いえいえ〜♪
こちらこそ見つけられなくってスミマセンTT

で、隙間ですが・・・ランキングの部分だけなのですね。
他の左サイドバーのと揃えることを考えると、ランキングのを以下のように書いてみたらどうでしょうか。

うまくいくかなぁ。。。


<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr><td class="side">
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr><td class="side_title"><img alt="link" src="タイトル画像アドレス"></td></tr></table>
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tr><td>
<div class="side_text" style="text-align: center;">
<font size=1>3つの〜</font><br>
<a href="アドレス" target="_blank"><img alt="○" src="画像" border=0></a>
<a href="アドレス" target="_blank"><img alt="○" src="画像" border=0></a>
<a href="アドレス" target="_blank"><img alt="○" src="画像" border=0></a>
</div>
</td></tr></table></td></tr></table>
<div align="center">
<img src="{$BlogTmplUrl$}img/spacer.gif" align="absmiddle" width="5" height="10">
Posted by:  とーこ → HALさん   at 2005/04/13 [水] 15:32


 ヽ(´Д`;≡;´Д`)丿アワワ
失礼しました。
アドレス書いてないのに気付いて、今頃になって戻ってきたんですが、間に合いませんでした。
アドレス入れておきます。
よろしくお願いします。
Posted by:  HAL  at 2005/04/13 [水] 15:09


 > HALさん

おお、それはちょっとややこしいのですよね、お疲れさまです〜。

多分、side_left あるいは side_right にpaddingを取れば直るのではないかと思うのですが。

えーと、すみませんが以前のコメントが見つけられません;;
アドレスがわからないので、詳しくはわからないのです〜;;
Posted by:  とーこ → HALさん   at 2005/04/13 [水] 14:42


 こんばんわ
いつもお世話になってます。

今度は変形3カラムに挑戦したのですが。
(しかも珍しく一発で出来た!!)
元レフト側とライト側がくっついちゃうんですヽ(TдT)ノアーウ・・・。
どうしたらいいんでしょう?。

すみません時間のあるときでいいです。
Posted by:  HAL  at 2005/04/12 [火] 21:45


 > kamiさん

良かったです〜♪
「余計なことをっ」とか言われたらどうしようかと思ってました・・・(小心者)。
人によって考え方は違うので、最後は自分の思うようにすれば良いと考えていますが、色んな意見を聞くのは無駄ではないと思います。
色々なサイトを彷徨ってみると、その辺りも面白いかも、です。

ああ、背景のを白地にしたのですね。
うんうん。
その方が良いと、こっそり思ってましたv


> すずたんさん

アチコチを変更しなければならないのですよね〜。
全体の構成をはじめに考えて(どれくらいの幅にするか、とか)から、少しずつやればできると思うのですが・・・。

まぁ、バックアップさえ取っておけば、「どうなっても良いや〜」とできるので、もしチャレンジされるときには、忘れずに〜。
Posted by:  とーこ → kamiさん、すずたんさん   at 2005/04/08 [金] 10:07


 結構難しいんですね(汗
まだまだ私は初心者の部類ですので
もうちょっと勉強してからにして見ます!!
Posted by:  すずたん  at 2005/04/06 [水] 23:40


  お忙しい中、早いお返事誠にありがとうございます!!

的確なアドバイスもいただいてしまい感無量です!!

 パソコンをやり始めて、まだ時間もあまりたっていないし、インターネットのこともさっぱりわからないことが山ほどあって、本当に助かります!

>あと余計なことかも知れませんが一応・・・。

 全然余計じゃありませんよ!!むしろ、どんどん指摘してください!本当に何もわからないことばかりなので、いろいろご指摘いただければ幸いです!

 これからも、色々とHP拝見及び質問等させいただきたいので、どうぞよろしくお願いします!
Posted by:  kami  at 2005/04/06 [水] 19:45


 > kamiさん

はじめまして、こんにちわ〜。

えーとですね、記事でこんな書き方↓をしている部分があります。

アーカイブテンプレート・1記事テンプレート  25行目付近〜

<td valign="top" width="575" align="center">
<!-- archive navigation -->
<table width="575" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="center" class="prevew">
〜略〜</td>
</tr>
</table>
<!-- archive navigation -->

kamiさんの場合は、この575が670になっているのですが、これを600にすると大丈夫だと思います。
(多分、私が見たところでは、この値じゃないかと・・・)


あと余計なことかも知れませんが一応・・・。
初めてなら知っておいた方がいいかもしれませんので。

誰もが大きなディスプレイで、フルスクリーンでブラウズしているわけではないです。
例えば私は1024*800ディスプレイを使用していますが、ブラウザは大体800*600で開いています。
他のウィンドウも沢山開いているからなのですが。

そういう環境で見ると、少しブログの横幅が大きいなぁとは感じます。
勿論、作っている人の好みですから、それでも良いと思います。
が、「そういう人もいる」のだと知っておくだけでも、違うと思いますよ〜。
Posted by:  とーこ → kamiさん   at 2005/04/06 [水] 15:51


  はじめまして!プログ歴たった2週間で、パソコンだめ男のkamiと申します!

いつも、ここのサイト様にはプログを改造する際にはお世話になっております。

今後もここのサイトをメインにプログ改造に励んで生きたいと持っております。

毎日更新、様々なコメントが多い中、大変お忙しいでしょうが、これからもがんばっていってほしいと思っております!

最後に1つ質問なのですが、2カラムにして、アーカイブ・1記事ページにて、ページ移動のリンクが真ん中にきていないので、参考にさせていただいたのですが、なぜかセンタリングされないのです・・・。

できる限りでよろしいので、お答えいただければ幸いです。どうぞ、よろしくお願いします。

Posted by:  kami  at 2005/04/05 [火] 21:01


 > すずたんさん

うぅ〜ん。
テーブルレイアウト【No.21】」という記事に書いていますが、全体的にテンプレートをいじるので、かなり大変かもしれません。

配布スキンでもそういうのはあるのですが・・・これはこれで落ちやすいので、慣れていないと難しいかも。
(しかも全体の色などは変更やり直しだし)

どちらにせよ、テンプレートとスタイルシートのコピーを保存しておいてから、はじめた方が良いですよ〜。
(駄目でも、もとに戻せるように・・・)
Posted by:  とーこ → すずたんさん   at 2005/04/05 [火] 16:07


 こんにちわ
今度はこれに挑戦してみました。
とーこさんみたいに、全体にブログが来て、
サイドバーが2列にするにはどうしたらいいのでしょう??
すみませんが宜しくお願いします。
Posted by:  すずたん  at 2005/04/05 [火] 14:26


 > えりかさん

こんにちわ〜。

えーと、まず1記事テンプレートの、以下の赤字の辺りに、(ちょっと違うかもしれませんが)こういう感じの閉じタグがありませんか?
それを消してください。

 <td valign="top" width="175"> <div class="side_left">
   <!-- sidebar-left -->
   {$BlogSidebarLeft$}
   <!-- sidebar-left --></DIV></TD></TR></TBODY></TABLE>
   {$Banner$}
 <td valign="top" width="400" align="center">
   <!-- archive navigation -->

その後に、ちょっと消したのと被っていますが、改めて黄土色の部分を足してみて下さい。

 <td valign="top" width="175"> <div class="side_left">
   <!-- sidebar-left -->
   {$BlogSidebarLeft$}
   <!-- sidebar-left -->
 </div>
   {$Banner$} </td>
 <td valign="top" width="400" align="center">
   <!-- archive navigation -->

こんな感じだと思うのですが、いかがでしょう。
Posted by:  とーこ → えりかさん   at 2005/04/04 [月] 16:55


 初めましてvv
以前から、ブログを見させてもらってます。
いつも、詳しい解説で凄いなーって思ってるんですが、ブログ初心者でバカな私には、どうしても理解しきれない事もあって…汗

えっと、このNo,36の事を試してみたんです!
…でも、メイン?の画面の記事の幅は良いんですが、「続きを読む…」を押したりコメントの部分を押すと、なぜか変な構成になっちゃって…
過去のコメントとかも読んでいろいろいじってはみたんですが、全然直らなくて…

私もこちらのような素敵なブログにしたいな…と思い、もしお時間があったら教えてください^^
Posted by:  えりか  at 2005/04/02 [土] 20:17


 > Saoさん

いえいえ〜。

ちょっと足りないだけで、全く変わってしまうんですよね;
テンプレートが3つもあるので、どれかだけ忘れたりってのは結構あることみたいです。
でも、1つ上手くいっているなら、スタイルシートは大丈夫なはずなので、各テンプレートを見比べてみると良いですよ〜。
Posted by:  とーこ → Saoさん   at 2005/04/02 [土] 16:02


  colspan=2入れてなかっただけとは・・・;
お世話騒がせ申し訳ありません。
お忙しいところ、ありがとうございました。
Posted by:  Sao  at 2005/04/01 [金] 20:47


 > 有実さん

良かったですv

rangeの背景色をけして、entryに白背景を付けた方が良いのかもしれませんね。
ああ、でも・・・タイトル画像は透けないか・・うぅむ。


> Saoさん

こんにちわ、はじめまして。

アーカイブと1記事がおかしいのは、どうやら以下のcolspan=2が足りていないからのようですよ〜。

 <!-- archive navigation -->
 <!-- entry -->
 <BlogEntries>
  <table class="entry" width="400" cellpadding="0" cellspacing="0">
  <tr>
   <td class="entry_title"> {$BlogEntryTitle$}</td>
  <td class="date" align="right"><nobr>{$BlogEntryDate format="%Y年%m月%d日(%a)" language="jp"$}</nobr>
   </td>
  </tr>
  <tr>
   <td class="entry_text" colspan=2><div class="entry_layer">{$BlogEntryBody$}</div>
   <br> <BlogEntryIfExtended><a href="{$BlogEntryPermalinkUrl$}#BlogEntryExtend">続きを読む...</a></BlogEntryIfExtended> 
   </td>
  </tr>
  <tr>
   <td class="posted" colspan=2> Posted at 以下略

メインテンプレートは、これがちゃんと入っているので大丈夫みたいです。
Posted by:  とーこ → 有実さん、Saoさん   at 2005/04/01 [金] 17:03


 メインは出来たんですが、
アーカイブと1記事だけなんだか
タイトル画像と記事のテーブル幅が合いません;;
でも1記事は、コメントやこの記事のURLなどの
テーブル幅は合ってるようでして・・・
見直してもタグは合ってると思うのですが・・・
どうでしょうか?違うところあったら教えて下さい。
Posted by:  Sao  at 2005/03/31 [木] 18:11


 ありがとうございました!!
Posted by:  有実  at 2005/03/31 [木] 10:19


 > めぇこさん

いえいえ〜。
直って良かったですね♪
Posted by:  とーこ → めぇこさん   at 2005/03/30 [水] 19:49


 出来ましたぁぁ
本当にありがとうございました
今、見直したら書いてある事ですね
その二つをやってなかったみたいで・・・。
忙しい中くだらない質問してしまい(汗)
ありがとうございました
Posted by:  めぇこ  at 2005/03/30 [水] 18:18


 > なおさん

はじめまして、こんにちわ〜。

自己解決されているようで、なによりです。
tableが入り組んでいるので、原因を探すのは大変ですよね〜。

とにかく、良かったですね♪


> めぇこさん

上の記事にも書いているのですが、1記事テンプレートアーカイブテンプレートから、以下の部分を消してみてください〜。

<TD vAlign=top width=175>
<DIV class=side_left>
<!-- sidebar-left -->
{BlogSidebarLeft}
<!-- sidebar-left -->
</DIV></TD>

面倒なのですが、3つのテンプレートで同様にしないと、アーカイブやコメントのページに移動したときに、表示が変わってしまうのです。
Posted by:  とーこ → なおさん、めぇこさん   at 2005/03/30 [水] 17:33


 初めまして
私は本当にブログ初心者で難しくて難しくて
一見普通に2カラムに出来ているようですが、
『コメントする』に行くと全体が大きくなってしまう
というか
何も分からなくて・・・
教えて頂けたら嬉しいです
Posted by:  めぇこ  at 2005/03/29 [火] 21:08


 の質問したなおです
線は何とか消えました
しかし…幅があっていないのか
下のスクロールが出てしまいます
行き詰ってしまいました…ぐはー
Posted by:  なお  at 2005/03/29 [火] 16:04


 初めまして
ブログをカスタマイズする事にして
本を参考にイロイロやってたんですが
コチラの説明の方が分かりやすくて
今や大変お世話になってます

こちらの記事を参考にカスタマイズしてみたんですが
途中で何かをイジってしまったらしく
気が付いたらタイトル部分の囲み線(?)と
サイドバーの囲み線が右側にオーバーしてました
自分なりに頑張ってみたんですが
どうしても原因が分からないので
もし宜しければアドバイスお願いしますm(_ _"m)ペコリ
Posted by:  なお  at 2005/03/29 [火] 15:14


 > 有実さん

うわわ、遅くてすみません;
下の方は解決されたようでなにより、です。

で、左側にスペースを取りたいということですが・・・。
スタイルシートにこんな感じで追加すると、できます↓
(赤字が足した部分、黒字は有実さんのです)

BODY {
background-color: #------; background-image : url(背景画像);
background-repeat: repeat-y; background-attachment: fixed;
padding-left:200px;
}


以下は余計なことかもしれませんが、一応・・・。

かなりブログの方の幅が広いようです。
私のディスプレイ幅は1024pxなのですが、左に200pxとってしまうとフルスクリーンでも画面に納まりません。
「閲覧される」というのを前提にすると、あまり幅は開けない方が良いかな、とは思います。
Posted by:  とーこ → 有実さん   at 2005/03/28 [月] 15:29


 ごめんなさい。
下記事の問題は解決しました。
あともう1つ教えてください

全体的に左に寄りすぎてるんです。
なので、左に固定した背景が見えなくなってしまいました。
もうちょっと全体的に右にしたいのですが(真中ではないです)
どうすればできますか?
教えてください。

何かいろいろとすみません。
HTML初心者なので・・・
Posted by:  有実  at 2005/03/27 [日] 13:29


 えっと、全体の枠は消しました!てか消えました!
なので、解決しました。
「日記枠の大きさがその日によってバラバラ」
というのは、記事をかこってある線(枠)の幅が日によって、バラバラということです。
わかりにくくてごめんなさい;
Posted by:  有実  at 2005/03/26 [土] 13:25


 > みいこさん

いえいえ〜。
横スクロールバーって、気になりますよね〜。
ブログ表示には影響なくても、ですね。
Posted by:  とーこ → みいこさん    at 2005/03/25 [金] 16:59


 ありがとうございましたっ!!
とーこさんのゆうとおりに設定したら、直りました!!
ほんとに助かりましたまた参考にさせていただくと思いますが、その時はよろしくお願いします(o*。_。)oペコッ
Posted by:  みいこ  at 2005/03/23 [水] 19:14


 > 有実さん

こんにちわ〜。

すみません、随分見させていただいたのですが、「日記枠の大きさがその日によってバラバラ」というのが、わからないのですが・・・。
メインテンプレートでは大丈夫なのでしょうか?
アーカイブや1記事では、バラバラですか?

とりあえず、有実さんのスタイルシートでは以下の様になっているようですが、カッコ({)の位置が入れ子になっているのが、ちょっと気になります。

  .entry { WIDTH: 700px;
  {

    BORDER-RIGHT: #ffc0c0 1px dotted;
    BORDER-TOP: #ffc0c0 1px dotted;
    MARGIN: 10px;
    BORDER-LEFT: #ffc0c0 1px dotted;
    BORDER-BOTTOM: #ffc0c0 1px dotted;
    width: 600px;
  }

同様に.entry_layerの部分も、少し・・・?

あと右側の線は、色の指定がされていないようですが、これは故意にでしょうか?
色をつければ、少し離れたところにちゃんと出そうです。
Posted by:  とーこ → 有実さん   at 2005/03/23 [水] 14:57


 > みいこさん

こんにちわ〜。

750pxより小さくしたい場合には、変更する箇所が多くなるというのは記事に書いた通りです。
それも見ていただけたようですが、一番最後のフッター部分だけがまだで、そのせいでテーブルが広がっているようですね。

600px幅のようなので、それで書いてみるとこんな↓でしょうか。(行数は目安程度で。1記事テンプレートだと、もっともっと下になります。各テンプレートの一番下の方です)

L68-74
  <table width="600"><tr>
    <td width="400"><img src="http://〜" alt="〜"></td>
    <td width="185" class="footer_jp"><a href="#">▲</a></td>
    <td width="15"><img src="space.gif"></td>
  </tr> </table>

L73
  <table width="600">
Posted by:  とーこ → みいこさん   at 2005/03/22 [火] 14:56


 > tayuさん

良かったです〜。

というか、私も突っ込んでもらわないと気付かなかったりするのです;

これからもよろしくです〜。
Posted by:  とーこ → tayuさん   at 2005/03/22 [火] 10:12


 連続投稿失礼します。
もう1つハプニングが・・・。
今までちゃんと全体の枠が表示されていたのに、
今いろいろいじっていたら、右の縦線だけ消えてしまいました。
たぶん、中のサイズと外のサイズが合わなかったと思うんですけど・・・。
原因、分かったら教えてもらえませんか??
頼ってばかりですみません。
お願いします。
Posted by:  有実  at 2005/03/21 [月] 11:58


 また変なことになっちゃいました;;
ケアレスミスでしょうか・・・。
私のBLOG の、日記枠の大きさがその日によってバラバラになってしまいます。
どうしてでしょうか?
いろいろ調べてみたのですが・・・。
アドバイスをいただけると嬉しいです。
よろしくお願いします。
Posted by:  有実  at 2005/03/21 [月] 11:49


 はじめまして!いつも参考にさせてもらっていて、スッゴく助かってますっ
でもちょっと質問したいことがありまして・・。
2カラムにして、HP内で読めるように、もう少しブログ全体の幅をせまくしたいんです。
左サイドバーを削除したら、右側が余白が出ちゃったのでそれをなくしたいんですが、今センタリングしてある状態なので、両方の余白をとりたい場合はどうすればよいのでしょうか
Posted by:  みいこ  at 2005/03/20 [日] 12:32


 ありがとうございます!
できました
本当に助かりました。
これからも活用させていただきます!
Posted by:  tayu  at 2005/03/19 [土] 18:54


 > tayuさん

こんにちわ〜。

ああ、そうか、なるほど・・・。
記事を修正した方がよさそうですね。

tayuさんの場合は、下のようにすれば良いかと思います。

スタイルシート 91行目〜

  .entry
  {
    〜略〜
    margin: 10px;
    width: 555px;
  }

赤い字の部分を
     margin: 10px 20px 10px 0px;
にします。
Posted by:  とーこ → tayuさん   at 2005/03/18 [金] 14:49


 はじめまして!
とても丁寧にカスタマイズのやり方が書かれてあって本当に助かっています。
ありがとうございます。

質問させていただきます。
プログを2カラムにしてみたのですが、タイトルの画像の端と右側の本文記事のテーブルの端が微妙に揃わないのです。
いろいろ見て考えてみたのですが、ちゃんと揃わなくて
揃える方法を教えてください。
Posted by:  tayu  at 2005/03/17 [木] 16:56


 > お二人に

カスタマイズを続けていくなら、超初心者のためのスタイルシート講座さんなどを見てみるといいですよ〜


> 有実さん

そうなんですよ〜。
ちょっと余分なものがはいっているだけで、表示されなくなったりするのです。
ケアレスミスって、見つけるのが難しいのですよね;


> さっちnさん

良かったです〜。
スタイルシートを読んでいくと、いろいろ変えられるようになりますよ♪
Posted by:  とーこ → 有実さん、さっちnさん   at 2005/03/17 [木] 11:30


 できました!!
本とにありがとうございます><;;
またわからないとこがあったらお願いします;
Posted by:  さっちn  at 2005/03/17 [木] 00:02


 ありがとうざいます!!
無事線、復活しました。
簡単なことだったんですね。それにしても、}が
終わりの印なんて知りませんでした。
すっごい助かったので、ほんの気持ちで、リンク&WEB拍手しておきました。

また困ったことがあったらよろしくお願いします。
それでは失礼しました。
Posted by:  有実  at 2005/03/16 [水] 18:06


 > 有実さん

こんにちわ〜。

質問の、ですが。
(場所はおっしゃる通りの91行目〜)

  .entry { WIDTH: 500px;
  {
    BORDER-RIGHT: #000000 1px dotted;
    BORDER-TOP: #000000 1px dotted;
    MARGIN: 10px;
    BORDER-LEFT: #000000 1px dotted;
    BORDER-BOTTOM: #000000 1px dotted;
    width: 600px;
  }

↑は、有実さんのスタイルシートそのままです。
が余分に入っているんですね。
(で、ここまでが.entryということになっているので、この下の線の指定部分が無視されてます)

そこを消せば、ちゃんと表示されると思いますよ〜。


> さっちnさん

スタイルシートから、以下の部分を探します。

  .side_title
  {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 5px;
    OVERFLOW: hidden;
    COLOR: #fff; ←ここがフォント色
    WORD-BREAK: break-all;
    PADDING-TOP: 5px;
    LETTER-SPACING: 1px;
    BACKGROUND-COLOR: #f99
  }

そして、#fffを好きな色に変えます。
さっちnさんの場合は、#999999かしら・・・。。
Posted by:  とーこ → 有実さん、 さっちnさん   at 2005/03/15 [火] 10:54


 ぇとできましたありがとうございます!
本とに助かりました!

ぁと、、もぅ少し質問なんですけど良いですか?
ぁたしのプログのカレンダー【2005年3月】とマイブログリストと書いてある所あるじゃないですか??
そこの色を白から別の色に変えるにはどうすればいいのでしょうか??
Posted by:  さっちn  at 2005/03/13 [日] 18:22


 初めまして有実です。
いつも、ヤプログのスキン変更時に必ずこのサイト様を見て研究してます。
すっごい助かってます。ありがとうございます!

今日は質問があってコメントさせてもらいました。
わたしのヤプログで、その日の記事(日記枠)を囲む線がいつのまにやら無くなってしまいました↓↓
一応、スタイルシートの91カラの[enrty]の[solid]は[dotted]にして、
色も、黒(000000)にしました。
でもなぜか消えちゃってるんです・・・。
いじくる前までは、ちゃんと点線で囲まれていました。

原因などもし良かったら教えて欲しいです。
忙しい中、もっと仕事を増やしてしまってすみません。
よろしくお願いします。
それでは失礼します。
Posted by:  有実  at 2005/03/13 [日] 16:40


 > さっちnさん

あれれ、すみません;;
名前の最後はnのままなのですね、失礼しました;

.entry
{
  border-top: #c0c0c0 1px dotted;
  border-right: #c0c0c0 1px dotted;
  border-bottom: #c0c0c0 1px dotted;
  border-left: #c0c0c0 1px dotted;
  width: 555px;
  margin: 10px;
}

とすれば良いと思いますよ〜。
ここだけ書き足すと、記事(点線で囲ってあるところ)の上下左右に10pxの隙間が空きます。

例えば、(サイドバーとの間)と(次の記事との間)だけ空けたい場合は

margin: 0px 10px 10px 0px;

とかもできます。
順に、上・・左の隙間幅の指定になります。
Posted by:  とーこ → さっちnさん   at 2005/03/10 [木] 14:51


 ぇっと.entry{ 〜略〜 }のどこらへんにいれればいいんでしょうか??あといれるのは一箇所だけですか??
Posted by:  さっちn  at 2005/03/09 [水] 18:47


 > さっちんさん

はじめまして、こんにちわ〜。

すたいるしーとの中から、.entry{ 〜略〜 }という部分を探してください。
2カラムにするときに、触った部分ですね。
そこの中に、
  MARGIN: 10px;
と足せば良いかと思います〜。
Posted by:  とーこ → さっちんさん  at 2005/03/08 [火] 16:54


 ぇっと質問してもぃぃでしょうか??
記事とサイドバーがくっつぃちゃってるんですが
どうやったらhttp://yaplog.jp/abcabc/みたぃに空白ができるんでしょうか??
あと記事の一つ一つもくっついちゃうんです・・;
Posted by:  さっちn  at 2005/03/07 [月] 23:38


 > 銀子さん

いえいえ〜v
アーカイブだけおかしいとかの場合、他の(うまくいっている)テンプレートと見比べてみると良いですよ〜。
Posted by:  とーこ → 銀子さん  at 2005/03/07 [月] 15:52


 > 柑乃さん(の頃の投稿でしたので;)

うわぁ〜。
2カラムになってますね。
今回は1記事の方も大丈夫だし・・・良かったですv

質問の方は、また後ほど・・・。
Posted by:  とーこ → 柑乃さん  at 2005/03/07 [月] 09:01


 お返事ありがとうございます!
ご指摘の通り、そこだけ抜け落ちていました…

とっても分かりやすくて助かりました。
ありがとうございます☆
Posted by:  銀子  at 2005/03/05 [土] 18:24


 > 銀子さん

はじめまして、こんにちわ。

仰るとおり、アーカイブテンプレートがおかしいようです。

<td class=blog_description>
<h2><font size=1>{$BlogDescription$}</font></h2></td></tr></table>
<table cellpadding="0" cellspacing="0" border="0" width="750">
<tr>
<td vAlign=top align=middle width=575><!-- archive navigation -->

赤字の部分のタグが、抜けていませんでしょうか?
その周辺を、1記事テンプレートと比べてみてくださいませ〜。


> 亀蔵さん

はじめまして〜。

お役に立てて何よりです♪
気になる部分があったら、是非突っ込んでやってくださいませ。
Posted by:  とーこ → SR27さん、亀蔵さん  at 2005/03/05 [土] 10:02


 最後の、ページ移動のリンクをするのをやめました♪
私は、あまり気にしないのでいいかな…と思いまして〜。
有難うございました☆
Posted by:  柑乃  at 2005/03/04 [金] 20:35


 本当に迷惑をおかけしました;
申し訳ないです
今度からはきちんとしますね;

はい、いまからカスタムるので
少しずつプレビューしながらしてみたいと思います
Posted by:  柑乃  at 2005/03/04 [金] 20:08


 はぢめまして亀蔵と申します
参考にさして頂き、見事成功しました。
解りやすく説明それておりオレでもなんとかできました
ホンマありがとうございますた。
またお世話になると思いますが宜しゅう
Posted by:  亀蔵  at 2005/03/04 [金] 09:19


 初めまして!
お手本を見ながらやっていたはずが
カテゴリをクリックするとサイドバーと記事の幅が大きく空いてしまうのです。
多分アーカイブテンプレに問題があるような気がするのですが。
初歩的な問題であったらすみません!
どうすればいいのか困っています;
Posted by:  銀子  at 2005/03/04 [金] 00:48


 > 柑乃さん

ちょっとずつ、プレビューしながらしていくと良いかもしれません。
「何が原因か」がわかると、対処しやすいので。

たまたまメモが残っていたのですv
普段は、そうそううまく見つけられません;;
ですので覚えていてもらえると助かります〜。
Posted by:  とーこ → 柑乃さん  at 2005/03/03 [木] 15:33


 有難うございます。
いれるのとかはちゃんと出来てるはずなんですけど
上手くいってないんですよね;
今もとのじょうたいなので明日にでもカスタムしたいと思ってます♪
では、今度また質問しますね…><

追記のほう、答えてくれて有難うございました;
わざわざ探していただいたんでしょうか?申し訳ないです…
あっています!では、明日に全部カスタムしてみます☆いろいろお世話になっててすみません;
Posted by:  柑乃  at 2005/03/02 [水] 18:00


 > 柑乃さん

あ、もしかしてコレかもしれません。
いかがでしょう。
Posted by:  とーこ → 柑乃さん(追記)  at 2005/03/02 [水] 15:34


 > 柑乃さん

そうですか・・・残念です;
どこがわかりにくいとか、わかりますか・・・?
教えていただけると嬉しいです(直したいので)。

追記のですが・・・すみません;
私にもわからないのです・・・。
私の方でも把握しきれなくなっているので、良い方法はないかと思っているのですが・・・。
質問内容とかがわかれば、探せる(or探せなくても答えられる)と思います。
Posted by:  とーこ → 柑乃さん  at 2005/03/02 [水] 15:17


 やってみたんですが…
できませんでした・゚・(ノД`;)・゚・
とーこさん、すみませんっ
でも、本間に有難うございました
もう一回最初の状態に戻して、したいと思います…
そして再チャレンジ!したいと思います☆
ありがとうございました
P.S. 前書き込んだサイドバーの事(お分かりになりますか?)の
説明場所が不明になっちゃったんですよ;
とーこさんがコメントしてくれたんだと思うんですけど、
違う記事もコメントしていらっしゃったので多分コメント欄から流れちゃったみたいなんです
なのでおぼえているようでしたら教えてくださいね♪
説明が下手ですみません;お世話になりました
Posted by:  柑乃  at 2005/03/01 [火] 18:09


 > 柑乃さん

おおっと。

えーと、記事でいうと、一番最後に書いてある部分ですね。
柑乃さんの1記事テンプレートでは、

  <td valign="top" width="575" align="center">
  <!-- archive navigation -->
    <table cellSpacing=0 cellPadding=5 align=centre border=400>
    <tr>
      <td align="center" class="prevew">
      〜略〜</td>
     </tr>
     </table>
  <!-- archive navigation -->

となっているようです。
align=centreはスペルミス。(centerです)
border=400は、width=575です。これが原因ですね。

ここを直せば大丈夫じゃないかと思いますよ。
Posted by:  とーこ  at 2005/02/28 [月] 19:43


 あと、一番上のタイトルと説明のところが
左にくっついているのですが、下で言っていることと何か関係があるのでしょうか?
心配でたまりませんとーこさんよろしくお願いします!
いつも迷惑かけてすみません( ノД`)
Posted by:  柑乃  at 2005/02/28 [月] 18:58


 記事などの移動はうまくいきました!
しかし・・・問題がひとつおこりました
のサイトをみていただいたら分かると思うんですけど
コメントページに行くと上のほうが何か変になっているんですよ;
http://yaplog.jp/chomekanno/archive/4#commentsのように…なってしまうんですが
どうしたらいいでしょうか?何か間違っている点があるんだと思います;
よろしくお願いします>< 上手くいくと嬉しいです♪
Posted by:  柑乃  at 2005/02/28 [月] 18:56

▲ TOP   
P R
 このブログは
大部分は子供との日記です。
ヤプログのカスタマイズについても書いてあったりします。
(一部は、ドリコムブログにも使えたりします)
 
   
S M T W T F S
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
 
 カテゴリー
 
 最新記事
 



励みになります。
 カスタマイズ関連
 
移転しました。→sampling.sys
そっちの最新記事は以下。

 コメント
 
 トラックバック
 
 お役立ちリンク
 

 書いてる人
名前: 高野とーこ


ほぼ更新停止の素材屋

バルビレッジ: らぱん
(まんまるアイコンは、キオクノテチョウさんにお借りしました)
 
 TBP

 
http://yaplog.jp/material/index1_0.rdf

 ブログ内検索

 

 
Global Media Online INC.
ブログヤプース!ヤプログ! このページ内における「ラグナロクオンライン」から転載された全てのコンテンツの著作権につきましては、運営元であるガンホー・オンライン・エンターテイメント株式会社と開発元である株式会社グラヴィティ並びに原作者であるリー・ミョンジン氏に帰属します。(C)2004 Gravity Corp. & Lee Myoungjin (studio DTDS),All Rights Reserved.(C)2004 GungHo Online Entertainment, Inc. All Rights Reserved.
なお、当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。

・ 『barvillage』は、株式会社GWEBで提供しているサービスです。
・このサイトは『バルビレッジ』および株式会社GWEBとは一切関係がありません。

Copyright c MicroAd, Inc. c yoshiyasu/icca