はじめに // 配布テンプレ&利用規約

<< カスタマイズ用2 + main + 配布テンプレのサポート >>

よくある質問集

えーコメントをつける方は最低でもよくある質問集はチェックしてください。この記事にコメントつけてるのに、ここに書いてある項目を見ていないとか???ってなってしまいます。 今後はここに書いてあるのに、っていうコメントを頂いた時はコメント数の氾濫を防ぐためにも解答後そのコメントを削除させて頂きます。


ユーザー助け合い掲示板にもあるんですが
目次の意味も兼ねて。随時追加予定。
自分のスキルを上げたい、1から身につけたいって人は
まずcss講座xhtml講座を見てください。


■基本的なことである色換えや背景、文字装飾などは下のcss。
アイコン追加、不要項目削除などはhtmlと独自タグを見てください。


■具体的カスタマイズ

スポンサーサイト

一定期間更新がないため広告を表示しています

| | Comment 0 | - |

カスタマイズ用3

カスタマイズ用2を少し手直しして構造を変えました。
少し前のエントリでてとらさんに作ったのと同じで
ヘッダーにタイトル画をはって
その下に左にメニュー、右にiframe風記事で
メニューを押すと記事のほうに中身が出るようにしてあります。
今回は面倒なのでカスタマイズ見本はなしで。。
すいません。てとらさんのところでも見てください。


メニューと記事部分の左右を入れ替えたい時は
cssの#contentsと#side1のfloatの
leftとrightをいれかえてください。


DLはこちら。

| 16:30 | Comment 45 | - |

スポンサーサイト

| 16:30 | Comment 0 | - |

Comment

DLしたのですが
縦になっちゃってるんです

http://love-and-cute.jugem.jp/

横にできますか?

| くるみ | 2007/07/21 5:03 PM |

何が縦になってるのでしょう。
ちょっとどこが縦なのかわからないので
もうちょっと説明をお願いします。

あとそれはカスタマイズ用2ですね。
くるみさんの希望ですと、
3の方がいいかもしれません。

| tk | 2007/07/21 5:15 PM |

説明不足で
ごめんなさい;;

おねがいします


http://www4.fumi23.com/up/03/g/136397.gif

| くるみ | 2007/07/21 5:34 PM |

あれ、cssのside1の記述を
消しちゃいました?

#side1 {
float:left;
width:140px;
padding-top:10px;
}

というものがあったはずですが。

ちなみに私が今
こんなのが御希望なのかなぁ・・・?
と思って作ったのは
http://nous.jugem.jp/?tid=31
です。

これを見て変更希望の点を教えてくださいな。

| tk | 2007/07/21 5:46 PM |

そうです!!
その感じがいいです!!

#side1 {
float:left;
width:140px;
padding-top:10px;
}
いれてみたんですけど
これでOKでしょうか??

http://love-and-cute.jugem.jp/

| くるみ | 2007/07/23 9:06 AM |

あ、戻ってますね!
私が変更したcssを
新しいエントリに描きましたので
http://nous.jugem.jp/?eid=26
の窓内を全部コピーしてから
cssの全部に上書きして保存してみてください。
そうすると、あの感じに変更されます。

| tk | 2007/07/23 9:24 AM |

やってみます!!!
できたああああ!!!!!!
ありがとうございます!!!
本当に!!!!!!!
どんだけ優しいんですか???!!

なんかコメントが
表示されないみたい
なんですけど
原因わかりますかね??

| くるみ | 2007/07/23 9:35 AM |

ちゃんと変わってよかったです!
コメントですが、

えーと、まずコメントは来てますか?
コメントが何もない状態だと
押しても表示されません。
管理画面の記事の編集と削除の
コメントリストで確認するか、
自分でコメントしてみてください。

で、コメントがあるにもかかわらず表示されない場合は
html編集で何かを弄ってしまった可能性があるので、
http://jugem.jp/utf/?mode=src&act=view&jtid=4529
ここのhtmlをコピーして
張りなおしてみてください。

TRACKBACKSなども、ない場合はクリックしても表示されないので、
メニューで要らない項目があったら
htmlで
<li class="linktitle"><a href="javascript:GetMenu('tbks');">TRACKBACKS</a></li>
みたいなところをさがして
<li class="linktitle">から</li>
までの要らないところを消してください。

| tk | 2007/07/23 9:51 AM |

はい、コメントは
来てるみたいなので・・

コピーしてやってみます!!

| くるみ | 2007/07/23 9:55 AM |

コメントは
書いてもらってる
はずなんですけど;;

いっそのこと
コメント欄を
なしにできますか?!!


いろいろと
すみません;;

| くるみ | 2007/07/23 10:01 AM |

あれ。私がコメントさせてもらいましたが
ちゃんと表示されてるようです。
でも、コメント欄の横幅が大きくて
IE6だと下に落ちちゃいますね。設計ミス!すいません。
公開しているのは修正しときました。

コメント欄の削除はhtml編集で
<a href="{entry_permalink}#comments">こめんと {comment_num_only}</a>
という部分をまず削除し、

<!-- ここからコメントです -->

<!-- コメント欄は終了です -->
までをばっさり削除してください。

もしコメントが見えるようになったから残したいということでしたら、
htmlをもう1度はりなおして
cssの
#layoutと#headerのwidthを
520pxくらいに広げといてくださいorz
お手数でスイマセン。

| tk | 2007/07/23 10:14 AM |

新規エントリのほうの#layoutと#headerのwidthは
修正しときました!
本当ニスイマセン;;

| tk | 2007/07/23 10:17 AM |

でhtmlの修正箇所は
<textarea tabindex="4" id="description" name="description" rows="7" cols="50" style="width:270px;" class="form_color"></textarea><br />
のrowsの7とwidth:270の数字です。
html再DLするのはちょっと! て言う時で
コメント欄を残したい場合はここを修正してください。

| tk | 2007/07/23 10:21 AM |

ありがとうございました!!
もう削除しちゃいました

コメントしても
私のパソコンには
表示されませんでした;;

なぜでしょう?

えっと
記事の横幅を
広げたいんですけど・・
どうすればいいでしょうか?
あと文字の大きさも
変えたいです!

| くるみ | 2007/07/23 10:24 AM |

うーん何ででしょう。。
私はwinXPのFx2とIE6で確認しましたが
両方ちゃんと表示されてました。
キャッシュが残っていたのかもしれませんね。

記事の横幅はcssで
#layout # header #contentsのwidthの数値を
同じだけ増やしていってちょうどいいところでとめてください。
文字の大きさは
cssのあちこちに
font-size:●●px;
というのがあるので、好きなところを好きなだけ増やしてくださいね。

ちょっと出かけないといけないので、お返事できなくなりますが
大抵の修正箇所はcssに注意書きをつけてあるので
読んで見て下さい。
よろしくお願いします♪

| tk | 2007/07/23 10:28 AM |

丁寧に教えて
下さってありがとう
ございました!

後は注意書きを見て
がんばります!!

本当にありがとうございました★!!

| くるみ | 2007/07/23 10:32 AM |

帰ってきましたー。
何かあったらまたお気軽に聞いてください♪
こちらこそありがとうございました!

| tk | 2007/07/23 2:56 PM |

はじめまして。切川彩也と申します。
現在、カスタマイズ用3を使わせて頂いてるのですが、
enterページをつけることって可能でしょうか?
可能でしたら、どうすればつけれるのでしょうか。

お忙しいなかすいません。
よければ教えてください。

http://dearyou-fromi.jugem.jp/

| 彩也 | 2007/11/23 2:03 PM |

彩也様初めまして。コメントありがとうございます。
エンターページをカスタマイズ用3につけるのは
少々調整がいりまして
もともとつけたものをご用意させて頂きました。

htmlはscriptの追加
bodyに{index}属性の追加。
エンターページの記述まるまる
id=layoutにクラス属性を追加。
をし、
cssは下の方に関係する記述を追加してあります。
これとカスタマイズ用3,カスタマイズ用enterつき
をみくらべながら調整して頂いてよろしいでしょうか。

http://end.gonna.jp/tmpl/enter3.zip
からDLなさってください。
よろしくお願い致します。

| tk | 2007/11/23 2:34 PM |

わわ!わざわざすみません。
ありがとうございます。
頑張ってみます!!

| 彩也 | 2007/11/23 4:39 PM |

ご不明点があったらまた仰ってください。
よろしくお願いいたします。

| tk | 2007/11/23 5:45 PM |

何度も何度もすいません!
enterページは無事、完成したのですが、
今度は次のページに行くと、上のほうにenterページが表示されてしまいます。

どうしたらいいのでしょうか。

http://dearyou-fromi.jugem.jp/

| 彩也 | 2007/11/23 6:21 PM |

あ、しまった。
一番肝心の記述をかきもらしてました。すいません。

.getlist_view {
display: none;
}


cssの
#ads {
width:90%;
text-align:center;
margin-top:30px;
}
の下に書いていただけますでしょうか。
よろしくお願い致します。

| tk | 2007/11/23 7:13 PM |

ち、ちがった。
.egetlist_view {
display: none;
}
です。e大事!

| tk | 2007/11/23 7:20 PM |

ほんと、何度もすいませんでした!
無事、完成いたしました。

色々と教えてくださりありがとうございます。
tk様が居なければ、わたしのブログどうなってたか・・・って感じです。

本当にありがとうございます!!

| 彩也 | 2007/11/23 11:22 PM |

こちらこそミスって二度手間をさせてしまい
申し訳ありません。
使って頂きありがとうございました!

| tk | 2007/11/23 11:54 PM |

http://hajikerobaby.jugem.jp/?tid=4

初めまして質問があったので
おききにきました〜!
上のサイトを見てみてください
1024×768だと正常に
記事(小窓)が真ん中のピンクの
四角い中に入ってるんですね
でもF11や画面サイズがでかいパソコンで見ると
崩れて上やしたとかにずれちゃうんです。
すっぽりと中に収めることはできませんか??

下のブログ様のように・・・すいませんアドだしです。
http://llclumsyll.jugem.jp/
しかもこのブログさんは広告も動いてないんです・・・
どうしてでしょうか??

| 魔血 | 2008/03/04 9:13 PM |

背景画像を左上固定にしては? 今右上になってるから動いちゃうんです。

広告が動かないのは別に特別なことをしているわけではありません。
魔血さんも動いていないでしょう?
それと同じです。
画面の大きさによってずれるのは背景であって、中身ではないのがポイント。

ちなみにマルチポストはお断りしていますので
ふみの方は削除なり閉めレスなりしてきてください。
それをなさらない場合には申し訳ありませんが、こちらの方を削除させて頂きます。

| tk | 2008/03/04 9:47 PM |

できました!!
ありがとうございます♪

ちなみにマルチポストはお断りしていますので
ふみの方は削除なり閉めレスなりしてきてください。
それをなさらない場合には申し訳ありませんが、こちらの方を削除させて頂きます


よくわかりませんが削除音目害します。

| 魔血 | 2008/03/05 6:22 PM |

できてよかったです!

マルチポストというのは複数の掲示板で同じ質問をすることで
回答者の二股をかけているからやめた方がいいと言われている行為です。

こちらで解決してもふみにスレが残ったままだと
回答がだぶってしまったり、色々と
むこうの回答者様に失礼になってしまうので
こちらに同じ質問をする時は、ふみのスレを
終わらせてからきてください、というお願いでした♪

今はもうスレがないようですので、このままで構いません。
(一度こっちで回答したのに、同じ質問をふみで あげ とやられて
 非常に嫌な思いをしたことがあるのでorz)
わざわざありがとうございました!

| tk | 2008/03/05 6:44 PM |

こんばんは^^
またお世話になります。

http://rm9xx.jugem.jp/?tid=8
現在このような形になっています。

cssにスクロールバーの透過はbackbround系で指定する、
と書いてあるのですが、
何を指定すればいいのか分からないんです。
よろしければ教えていただきたいのですが..

| ちか | 2008/10/29 9:07 PM |

これは私、IEしかきかないのと重くなるので余りお勧めしたくないので
よくある質問のhttp://nous.jugem.jp/?eid=38
を参考にご自分で調べるか例のようにするかなさってください。

| tk | 2008/10/29 9:53 PM |

IEでしか効かないんですか・・・
なら見る方のことも考えて透過はやめておきます。
重くなると見たくなくなるのは私もなので^^

教えた下さったのにすみませんorz
どうもありがとうございました。

| ちか | 2008/10/31 8:02 PM |


tkさん、はじめまして。小春といいますっ。
ちょっと質問させていただきたいのですが、
下にある広告は右側に動かすことは可能ですか?
動かすことができなかったらいいのですが。。
よかったら教えてください。

| 小春 | 2009/10/24 5:49 PM |

css一番下の

#ads {
width:90%;
text-align:center;
margin-top:30px;
}



#ads {
position:absolute;
right:0px;
bottom:0px;
}
に変更でいけませんかね。

あ、ちなみに記事の右にってことだったらテンプレ変えた方がいいです。
カスタマイズ用の7だか8だかがそういうつくりだった気がします。

| tk | 2009/10/24 5:56 PM |


tkさま、お返事ありがとうございます。
7、8のような場所に広告があるのがいいのですが、
私はこのカスタマイズ用3のデザイン(横にメニューがあるのが)
いいんです。
なのでカスタマイズ用7,8でメニューを横につけることは
できますか?
質問ばかりですみません><

| 小春 | 2009/10/28 11:17 AM |

これ、ちょっと面倒くさいです。

カスタマイズ用7をDLして
cssの注意書き通り、#sideの記述を弄ってメニューを表示。
htmlの

<div id="auto">
<!-- ここのアドレスを自分のレンタルしたBBSなどに書き換えてください -->
<iframe src="http://www5.rocketbbs.com/651/nekodama.html" width="170" height="300" frameborder="0">このフレームはiframeで表示されています。</iframe>

</div>

を削除して掲示板部分をなくします。

その後
#contentsのwidthを減らしたり#layoutのwidthを増やしたりして
上手く横並びになるよう調整してください。
(#contentsからは掲示板部分の横幅pxを削らないといけません。
 ただ記事+広告よりも数字を小さくしちゃうと、記事が下におっこちます)



| tk | 2009/10/28 11:49 AM |

わかりました!できましたっ。ありがとうございますっ。
何度もすみませんが、またまた質問させていただいてもいいでしょうか?

中央寄せをやめて、左寄せにして上からの隙間も開けたい場合は
#layoutをどうやって書けばいいのかわかりません。

float:left; を代わりに入れたら上からの隙間のを
何処にいれたらいいのか…。
もしかしたらそれは不可能ですかね...?

| 小春 | 2009/10/31 4:08 PM |

うーん、質問する時は主語を抜かないで下さい(笑)
中央寄せをやめるのは全体ですか?
右にやりたい時にはfloatがいりますが、
左にする時には、cssに説明がある2箇所の記述の削除をすれば自動で左にいきます。

marginはどちらかの方角から指定したかったら
margin-top:●●px;
みたいに書けばいいですよ。
このblogにもcssの基礎解説のエントリはあるので、そっちを見てみて下さい。

| tk | 2009/10/31 4:14 PM |

こんにちはwのぞみと申します。
えっと、記事下(コメントの0通などのすぐ上かすぐ下)に、
画像リンクを設置したいんです。
どうすればいいのでしょうか?

| のぞみ | 2009/11/02 4:49 PM |

htmlの該当箇所に直接
<a href="URL"><img src="画像URL" /></a>
って書き込めばいいんじゃないでしょうか。
htmlにも注意書きがあるんで、どこがどの部分に該当するのか大体見当がつくはずです。

| tk | 2009/11/02 9:45 PM |

ありがとうございます*

| のぞみ | 2009/11/02 9:46 PM |


お返事遅くなってしまってすみません;
あと主語も抜いてしまって本当にすみません...。

前の質問の左寄せ、できましたっ。
ありがとうございますm( _ _ )m

これで最後で最後の質問です><(何度もすみません。。)
さいきほど窓画をtkさまのこのブログの
iframe(もどき) 窓画有という記事を
参考に貼ったのですが左にあるメニューがなくなってしまいました。
どうしたらいいのでしょうか><

あと、窓画を貼ったら背景はつけられないのでしょうか?

| 小春 | 2009/11/08 4:21 PM |

そういう失敗系の話はURLみないと分かりません。
人によってどういう失敗してるか分かりませんから。
でもこの手のテンプレは、記事じゃなくてcssの説明みたら書いてないでしょうか。
あの記事はカスタマイズ用6以降を作る前に書いたもので、6以降はあのやり方をやらなくても出来るようになってますし
例の記事には「メニューなしです」とちゃんと明記してあるはずです。

基本はcssの
#layoutのbackgroundに背景指定で窓画
bodyに背景を指定すればいいと思います。

| tk | 2009/11/09 9:31 PM |



毎度お疲れ様です。。

カスタマイズ用3を使わしてもらっています。

今回、広告を右上に持ってきたくて、カスタマイズ用7のダグを
引用したのですが・・・・、

広告が右上に来たはいいものの、
記事の部分が下がってしまいました・・・。

私の希望としては、

メニュー、記事、広告の順番で並べたかったのですが・・・・。

urlをお貼りしますね。

http://kissandlove.jugem.jp/

| のん | 2012/11/11 11:25 PM |

Submit Comment