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

<< analogueのメニューの問題点 + main + iframe 擬似フレーム内でホイールスクロールが効かない >>

よくある質問集

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


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


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


■具体的カスタマイズ

スポンサーサイト

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

| | Comment 0 | - |

カスタマイズ用5

analogueのメニューの仕様により
1カラムの窓つきテンプレで上部メニューが
不具合になっちゃうのでスクリプトを差し替えようと
考えていたところ、ふみの方で
上部メニューをクリックすると本文と差し替わるように
したいという方がいらっしゃったので
それらを足して作りました。


小窓を解除したい場合はcssで
#contents #main .padの
overflow:auto;と
height指定を削除すれば通常になりますです。


カスタマイズ用3と4を足して作りました。
タイトル画像と両脇背景は
簡単に差し替えられるようにしてあります。
DLはこちら(プレビュー機能してない)
サンプル

| 20:05 | Comment 40 | - |

スポンサーサイト

| 20:05 | Comment 0 | - |

Comment

コメント失礼しますm
えっと、質問なのですが…
今、このテンプレを使わして頂いているのでが、
左右の縦の枠?(縦ライン)のを変えたいのですが、
CSSを見ても良く分らないので;
変え方教えて下さいm

| 理子 | 2007/12/20 8:02 PM |

両脇の背景画像と横幅はcssの#layoutで変更可能です。
とcssに書いてあるので

#layoutを探してそこの画像URLをご自分の用意した画像のURLに書き換えてください。

| tk | 2007/12/20 8:26 PM |

ありがとう御座いました!!
詳しくありがとう御座いますm

| 理子 | 2007/12/20 8:48 PM |

また何か御座いましたら仰ってください。
ありがとうございました。

| tk | 2007/12/21 10:42 PM |

はじめまして!
質問させていただきます。
両脇の背景画像(#layoutで設定したもの)
を固定することは出来ないのでしょうか?

よろしくお願いします><

| あいこ | 2007/12/23 3:36 PM |

IEでは固定はbodyにしか効かない為できません。
body背景と両脇背景をあわせた画像をつくって
#layoutではなくbodyの中央に配置しfixedすることはできます。

| tk | 2007/12/23 5:25 PM |

お久しぶりです。
この間は、とても丁寧に教えていただき、ありがとうございました!


何度も質問してすみません、、、

このテンプレを使わせていただいてるのですが、
タイトル画と記事にすごく隙間が開いてしまうのですが…
どうすればいいのでしょうか??


いろんな数字を減らしてみたのですが、よく分かりません。

よろしくお願いします。

| 美咲 | 2008/03/01 8:02 PM |

htmlを編集した時に間違った編集をしてしまっているようです。

<!-- タイトル画下のメニューのクリックして表示される部分です。
 メインカラムに出力されます-->
の下に本来ないはずの
</div>
</div>
があります。
(おそらく開始タグだけ削除して閉じタグを削除しなかったとか
 そういう系の手落ちだと思います)

これらを削除してなおらなかったら
出力後しか見れない私では分かりませんので
再DLしてカスタマイズしなおしてください。


| tk | 2008/03/01 8:33 PM |

ありがとうございます!
早速やってみたら、見事直りました。

分かりやすい説明、本当にありがとうございました!!

| 美咲 | 2008/03/01 9:10 PM |

こんにちは。

いきなりなのですがtk様からは私のブログ見えてますかね?
友達に広告がかぶって見えないと指摘されたのですが、私自身は見えるのです。
もしデザインが崩れているのならば解決法を教えていただきたいです。
ずうずうしくて本当にすいません。

友達からはこう見えてるようなのです;;;
http://xx2239xx.img.jugem.jp/20080407_129722.png

p.s.いつもとっても使いやすいテンプレートとても助かっております。
これからもがんばってくださいね!

| ちゃこ | 2008/04/17 11:12 PM |

うーん、JUGEMの広告の仕様が変わったせいですかね。
元テンプレを再DLしてやりなおすのが早いと思います。

| tk | 2008/04/18 7:31 PM |

またみさです;
次はカスタマイズ5の方の
質問なんですが
私のブログの
「promise」という画像を
左や下に動かしたいんですが
どうすればできますか?

| みさ | 2008/05/18 6:59 PM |

これ6の方ですね。
正直これを動かすにはhtmlとcssの知識がかなり必要です。

下の方に移動させるだけなら

<div id="menu">

<!-- メニューはデフォルトでは
 フリースペースを表示になっています。
 ・プロフィールページなどにリンクさせたい場合は
 href="プロフィールページのURL"に変更します。

 ・リンク項目を画像にしたい場合は
 {freescape_title★}をimg srcタグにしてください

 ・カテゴリリストなどを表示したい場合は
 http://nous.jugem.jp/?eid=13を参考に書き換えてください-->


<h2 class="linktitle">
<a href=".">
Top</a></h2>



<h2 class="linktitle">
<a href="javascript:GetMenu('free1');">
{freespace_title1}</a></h2>



<h2 class="linktitle">
<a href="javascript:GetMenu('free2');">
{freespace_title2}</a></h2>



<h2 class="linktitle">
<a href="javascript:GetMenu('free3');">
{freespace_title3}</a></h2>



<h2 class="linktitle">
<a href="javascript:GetMenu('free4');">
{freespace_title4}</a></h2>



<h2 class="linktitle">
<a href="javascript:GetMenu('free5');">
{freespace_title5}</a></h2>


<br class="clear" />

</div>

を切り取って
<!-- メインカラム内終了 -->
の下に移動させ
cssの#menuで細かい位置を調節します。

| tk | 2008/05/18 7:13 PM |

こんにちは。
質問なんですけど・・・

http://berrys-xxx.jugem.jp/?tid=12
↑まだ作りかけなんですけど、、
広告を横に移動したら
adminの下からピンクの部分が切れてしまったんです。
これを下までずっとつながるようにしたいんですが
無理でしょうか?

よろしくお願いします><

| あゆみ | 2008/05/30 11:18 PM |

これ、普通には無理なので

まず背景を背景色指定ではなくて
横500pxの背景画像を用意します。

でbodyのcss部分で
background-image:url(その背景画像);
background-position:center top;
background-repeat:repeat-y;

ってすればokです。

| tk | 2008/05/31 12:18 AM |

そうなんですか!
わかりました。やってみます♪
ありがとうございました!

| あゆみ | 2008/05/31 10:02 AM |

はじめまして。こちらのテンプレートを使わせていただいています。
質問があるのですが、
カスタマイズ5のタイトル下のメニューの色はどこで変えたらいいのでしょうか;
自分なりに色々やってみたのですがよくわかりませんでした。
お暇であればご回答お願いします。

| 匿名 | 2008/07/13 2:17 PM |

メニューの下の文字のピンクですか?
あれはリンク色依存なので
a系のcssで指定されています。

| tk | 2008/07/13 2:57 PM |

フリースペースのとこクリックしたら
エラーが発生するんですけど。

| あや | 2008/07/13 4:33 PM |

カスタマイズ用5はデフォルトではフリースペース非表示ですが
何か間違った操作をしていませんか?

いずれにせよ、自分のURLも使用テンプレ名もかかず
おそらく初対面にも関わらずその書き方は人に物を尋ねる態度ではありません。

| tk | 2008/07/13 4:40 PM |

 初めまして、カスタマイズ用5を使用している律音です。

とても説明が上手で初心者だった私もわかりやすくて助かりました。

突然ですが、私のブログ、フリースペースで文章などを書くと、なぜだか文字が太く、大きくなってしまいます。いろんなところをいじってみたのですが、解決しませんでした。

この解決法、教えてください><

あと、私、説明下手なんで言ってる意味がわからない場合はもう一度投稿します・・・

| 律音 | 2008/10/25 11:08 PM |

記事などはcssでfont-size:10pxになってますが

フリースペースは<FONT style="font-size:11px;">と11でタグが挿入されてますね。そのせいかもしれません。
もしだったらこのフォントタグは全部消して
.getlistのcssにfont-sizeやcolorを追加するといいですよ。

| tk | 2008/10/25 11:29 PM |

やってみたらできました!

指摘、ありがとうございます!!!

| 律音 | 2008/10/26 7:34 PM |

この前質問したばっかりなのにまた質問してすいません orz

今回、カスタマイズ5のテンプレートを使用させていただきました。
質問なんですが記事部分の背景を白くするやりかたはどうすればいいのでしょうか??

| | 2008/12/14 10:10 PM |

cssを読んで白くしたいところに
background:#fff;
ってかきこめばいいです。

| tk | 2008/12/14 10:29 PM |

できました!!!
本当にいつもご迷惑をおかけしています;

ありがとうございました★

| | 2008/12/14 11:14 PM |

こんばんは
いつもお世話になっています><

あの、今真ん中にあるヘッダーと本文まとめて
左端によせることはできるのでしょうか?

やり方を教えてください
お願いします

| 律音 | 2009/01/06 11:59 PM |

cssをよく読んでください。
中央寄せをやめたい、という記述が二箇所にされているはずです。

| tk | 2009/01/07 12:03 AM |

できました

ご迷惑おかけしました;;

ありがとうございます

| 律音 | 2009/01/07 10:42 AM |

こんばんは

突然ですが、記事のコメントを表示するところが太文字になって
しまうのですが、直すにはどうすればいいのでしょうか?

ご迷惑だと思いますが、指摘、よろしくお願いします

| えな | 2009/03/06 6:25 PM |

htmlの
<h3 class="comment-title"><h3>
これもともとは
<h3 class="comment-title"></h3>
だったはずです。
/をつけたすか
<h3 class="comment-title"><h3>自体を消しちゃうか
好きなほうを選んでください。

| tk | 2009/03/06 6:41 PM |

できました!!!
うっかり、/の部分を消してたみたいです;;

ありがとうございました!!!

| えな | 2009/03/06 7:00 PM |

今カスタマイズ用5を使ってリニューアルをしている者です。
質問よろしいでしょうか?
メニューを増やしたいのですが、
そのメニューをフリスペース1を使いたいのですがー・・。
どうすればよいのでしょうか??

| りりあ | 2009/03/23 2:17 PM |

すいません。
できました><
なので↑コメントはスルーして下さい。

ありがとうございました。

| りりあ | 2009/03/23 2:23 PM |

はじめまして!。
カスタマイズ5を使っている、
はるヵです!。
あの、スクロールバーの色を、
最初変えたんですげど、
変わんなくて、いろいろいじってみたら、
スクロールバーがいまのじょうたいになってしまって…。
自分では、スクロールバーの色を、
四角いまわりの部分と、矢印の部分を
#ffc0c0 ←この色にしたくて、
ほかのところを
#ffffffにしたいんですけど…。
どうか回答お願いします><

| はるヵ♪+。 | 2009/08/02 1:26 PM |

うーん、私自分はスクロールバーの色が変わらないブラウザを使っているんで説明しづらいんですよね。

http://www.est.hi-ho.ne.jp/gaia/hp/css/scrollbar.html

このページの一番下の例が似てますか?
色コードの前に半角スペース二つ入れてるのが効かなくなった原因かもしれません。あとカラーコードの後ろには;があったはずです。これ消しちゃうとえらいことになりますよ。文章の「。」にあたるものです。ちゃんと全部の行に戻してください。

| tk | 2009/08/02 1:39 PM |

あっなおりました!
ごめんなさい><

| はるヵ♪+。 | 2009/08/02 2:07 PM |

はじめまして、カスタマイズ用5のメニューjsが公式analogueのメニューより使い勝手がよさそうなので
こちらのメニューjsを利用させていただきたいと思っているのですが
メニューjsとそれに関するCSSソースのみ利用といったことは可能でしょうか?
可能でしたらクレジットの表示方法など、どのように行えばいいか教えてくださると幸いです。

| CHELL | 2009/10/04 1:03 PM |

このスクリプト、公式「compact」のスクリプトです。
基本的にこちらの配布テンプレートでは、私は自作のjsを組み入れていなかったはず、だと思います。
ちょっと昔のことで記憶が曖昧なのですが。
ので、そちらから直接持っていかれた方がいいかと思います。

なお、スクリプトやhtml/cssにはよほど個性的なものでない限り著作権がないというのが一般的らしく、ここで配布しているものにクレジットをつけてあるのは「解説つきテンプレート」である為に著作権が発生しているということが主です。
(著作権と別問題で、ローカルな規約としてクレジットの削除は禁止させて頂いているのですが)

ので、一部の仕組みを参考にされる分にはクレジットの記載は必要ないかと思っております。
お問い合わせありがとうございました。

| tk | 2009/10/04 1:18 PM |

早速のお返事ありがとうございます。
公式「compact」のスクリプトなのでしたか!
おっしゃられる通り、そちらを参考にさせていただこうと思います。
とても丁寧なお返事ありがとうございました!

| CHELL | 2009/10/04 4:05 PM |

Submit Comment