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

<< カスタマイズ用(プルダウン) + main + ふみでのお返事 >>

よくある質問集

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


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


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


■具体的カスタマイズ

スポンサーサイト

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

| | Comment 0 | - |

flat whiteの横線を画像にする

定期的にあがる話題なので、ちょっとエントリにしてみます。


幅を変えたい場合は阿檀様が記されたこちらのエントリも参照下さい。


1、横240px 横460pxの壁紙を2種類用意する
(両脇に画像線が入ってるやつです。
 縦は繰り返しが可能なように好きな高さで用意してください)
 阿檀様が配布されてますよ! 狂喜乱舞してお使い下さい。


2.htmlの
<td width="240" class="back">

<td width="460" class="back">
を探して


<td width="240" class="back1">

<td width="460" class="back2">
に書き換える。


3.cssに


.back1 {
margin: 0px;
padding-bottom: 10px;
background-color:#fff;
background: url(240pxの方の壁紙のURLをいれます) center repeat-y;
}
.back2 {
margin: 0px;
padding-bottom: 10px;
background-color:#fff;
background: url(460pxの方の壁紙のURLをいれます) center repeat-y;
}

と最後の方に追加。


4.cssで
.entryの


background: #ffffff;


.back {
margin: 0px;
padding: 0px 0px 10px 0px;
background-color: #ffffff;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9

}

を削除。


5.壁紙の模様が本文と重なるようでしたら
cssで
.entryや
.linktitle/.linktextの
marginを調節してください。


margin: 0px 10px 20px 10px;

の場合2番目の10pxが右、4番目の10pxが左です。

| 20:21 | Comment 128 | - |

スポンサーサイト

| 20:21 | Comment 0 | - |

Comment

あのすみません。
これそっくりにやったのですが、何処か間違ってるようで240pxの壁紙?が表示されません
もう1この壁紙は表示するのですが。。

| ちょこ | 2007/09/07 7:26 PM |

えーと、それは見ないと分からない類のご質問です。
何処かが間違っているのでしょうが
私もさすがに見ないと分かりませんので
もしご自分で解決できないようでしたら
URLを添えてコメントなさってください。

| tk | 2007/09/07 7:57 PM |

あ、お願いします
すみません、アドレス載せるの忘れていました。
サイドバーのところだけ変えても出来ないんです。
教えてくれませんか??

| ちょこ | 2007/09/07 9:13 PM |

拝見しましたー。
cssのback1の前に.がないのが原因です。
ピリオドですね。
これをつけちゃってください。

| tk | 2007/09/07 9:41 PM |

ありがとうございます!出来ました!!
tkサン天才ですかあ!!??
違うのも教えてくれませんか??
私のテンプレ?はなんかよく分からないのですが、
フリースペースにバナーとか貼ってるのに、映らないんです。
どうしたらいいんでしょうか??無理だったら分かりませんと言ってくださいッ

| ちょこ | 2007/09/08 12:23 PM |

あ、治ってよかったです♪
お使いのテンプレはflat whiteでしょうか。
このテンプレは割りと古いものなので
フリースペースタグが入っていなかった気がします。

http://nous.jugem.jp/?eid=63
に解説エントリもありますが

<!-- BEGIN freespace1 -->
<div class="linktitle">{freespace_title1}</div>
<div class="linktext">{freespace_contents1}</div>
<!-- END freespace1 -->
みたいなタグをサイドバーにいれていけば
表示できますよ。
2を使いたい場合は4つある1を全部2に書き換えてください。
3の場合は3に、ですね。

| tk | 2007/09/08 12:29 PM |

前やったときは出来なかったんですが、教えてもらった通りにやったら出来ました!!
ありがとうございます。
あの・・まだあるのですが、いいですか??
私のブログのサイドバーにABOUTあるじゃないですか?
文字がつめてあって、ちゃんと段落?みたいのつけてるのですが、くっ付いちゃうんです。
直す方法とかありますか??

| ちょこ | 2007/09/08 12:59 PM |

フリースペースを使ってますか?
フリースペース内は自動改行がきかないので
<br />
を改行したいところにいれてあげてください。

| tk | 2007/09/08 1:17 PM |

ありがとうございます
出来ました!!
あと、、もう1つなのですが・・
スクロールバーです。
借りてるのですが、
<style type=text/css>
<!--
body{
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:skyblue;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#C4E1FF;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:skyblue;
scrollbar-track-color:#ffffff;
}
-->
</STYLE>
↑のをCSSに入れてるのですが、バナーの簡単リンク?のところしか変更されていません。。

| ちょこ | 2007/09/08 1:36 PM |

んーとまずcssにかくなら
<style type=text/css>
<!--

-->
</STYLE>
は要りません。
これはhtmlしか編集できない人がhtmlに
cssを書く時に使うものなので。

でそれを削除したらbodyを*
に書き換えてみてください。

| tk | 2007/09/08 1:37 PM |

出来ました!!ありがとうございます
tkさま天才ですーッ!!
本当にありがとうございます
何かお礼させてもらいたいのですが・・。
何かお願い事とかありますか??

| ちょこ | 2007/09/08 1:55 PM |

お役に立ててよかったです♪
いえいえ、趣味でやってることなので
お礼とかは特にいいですよ^^
お気持ちだけありがたく頂いておきます。
もし同じjugemで分からなくて困ってる方が
いらっしゃったら、今度はちょこ様が
教えてあげてください♪

| tk | 2007/09/08 1:58 PM |

そうですか!!優しい人ですね。
はいッ困っている人がいたら教えに行きますー

| ちょこ | 2007/09/08 2:02 PM |

あのまた質問なのですが、記事のフォントとか・・サイドバーの文字のフォントとか変えられるんでしょうか?
変えられたら何処を変えればいいか教えてくれませんか??

| ちょこ | 2007/09/08 2:42 PM |

う、気づくの遅れたすいません。
cssにfont-family:"なんかかいてある";
ってところを探して
なんかかいてある のところを
お好きなフォント名に変えればいいですよー。

| tk | 2007/09/08 3:45 PM |

font-family:"なんかかいてある";
っていうところたくさんあるのですが全部変えるのですか?

| ちょこ | 2007/09/08 4:03 PM |

使ってないのもありますが
少なくとも
entryなんとか は記事関係のもので
linkなんとかはサイドバー関係のものなので
記事やサイドバーをかえたいなら
ここら辺は全部変えないと駄目です。

| tk | 2007/09/08 4:06 PM |

font-family: "Osaka", "Osaka‐等幅", "Verdana", "MS ゴシック";
↑のようになってるのですが、別にいいんですよね?消しちゃっても。

| ちょこ | 2007/09/08 4:10 PM |

出来ました!!

| ちょこ | 2007/09/08 4:14 PM |

消しちゃってもいいとおもいますよー。
出来てよかったです^^

| tk | 2007/09/08 4:14 PM |

ふみで聞いてもわからなかったので
ここで質問させてもらいます。
テンプレはflat whiteなんですけど
サイドバーの左と記事の右だけが
もこもこの枠にできたんですけど
サイドバーの右と記事の左にもつけるには
どこをいじればいいのかわからないんです;
わかりやすく説明していただければ嬉しいです!

| みか | 2007/09/17 12:42 PM |

基本的に背景画像自体が両脇に絵柄がついているものを
用意します。
( )
( )
( )
って感じの背景を
横240pxのサイドバーの分と
横460pxの記事本文の分と二つですね。
なので今みたいに片側だけ模様が入っているのじゃなくて
素材をいじって丁度いいサイズで両脇にもこもこが
入っている素材に変えてみてください。

| tk | 2007/09/17 8:25 PM |

()
()
()
()
って感じの、もこもこを
記事は460×460で
サイドバーは240×240で
作ったんですけど
記事はぴったりになったんですけど
サイドバーはぴったりにならなくて
最新記事、こめんと、月別の所が急に
空白?みたいな感じになってしまって
どこを直せばいいのかわからないんですけど
どこを直せばいいですか?
それとここでこの質問をしていいのか
わかりませんが、りんくやその他の所に
スクロールバーをつけたいんですけど
教えていただけませんか?
もし無理でしたらいいです!

| みか | 2007/09/18 1:12 PM |

htmlでサイドの一番上のプロフィールの最後が
<img src="http://id47.stg.neo.jp/data/41/jys2i/pri/32.gif" border="0">

</div></div>
ってなってますが</div>が一つ多いです。
削除してください。

スクロールバーはスクロールバーで囲みたいところの前後に

<div class="sidewindow">←こっちが前
ここを囲みたい
</div>←こっちを後ろに書く
とhtmlタグを追加して
cssに
.sidewindow {
width:●●px; /*好きな横幅*/
height:●●px; /*縦の高さ*/
padding:5px;
overflow:auto;
}
とでも追加すればスクロールの中に収納されます。
サイズはご自分で調整してください。

| tk | 2007/09/18 1:32 PM |

</div>をひとつ削除しました!
まだ、もこもこがずれていて
かれんだーの下の点線が
はみ出ているんですけど
どこを直せばいいですか?

その他の所に
スクロールバーできました!
ありがとうございました!!
りんくはフリースペースを使っているんですけど
<!-- BEGIN freespace1 -->

<!-- END freespace1 -->
を囲んだんですけど
できませんでした;

何回もすいません・・

| みか | 2007/09/18 4:08 PM |

まず枠が変なになってるのは
cssでulに
list-style-image: url(http://id47.stg.neo.jp/data/41/jys2i/pri/34.gif);
って枠線のアドレスをいれちゃってるのが原因みたいですね。
ここにいれるのは各行の頭に出すアクセントアイコンをいれるので
枠線などのアドレスを入れては駄目です。崩壊します。

スクロールバーですが
その他のところはちゃんとなってましたよ。
りんくのところは<div class="sidewindow">と</div>が入っていません。

| tk | 2007/09/18 4:32 PM |

サイドバーの枠
直りました!
ありがとうございました★
記事のこめんと3通を
押すと枠がずれるてるんですけど
これはどこを直せばいいですか?

<div class="sidewindow"><!-- BEGIN freespace1 -->
<div class="linktitle"><IMG SRC="http://id47.stg.neo.jp/data/41/jys2i/pri/8.gif" BORDER="0">りんく<IMG SRC="http://id47.stg.neo.jp/data/41/jys2i/pri/5.gif" BORDER="0"></div>
<div class="linktext">
{freespace_contents1}
<STYLE TYPE="text/css">
<!--
Body{
scrollbar-3dlight-color:#ff00ff;
scrollbar-arrow-color:#ff00ff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ff00ff;
scrollbar-track-color:#ffffff;
}-->
</STYLE>
</div>
<!-- END freespace1 --></div>
って入れたんですけど
スクロールバーできません;

| みか | 2007/09/18 4:55 PM |

りんくの所
スクロールバーできました!
すいません;

| みか | 2007/09/18 5:05 PM |

コメントでずれるのはコメント枠が大きいからです。
htmlの
<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:400px;">
の400を減らしてください。

| tk | 2007/09/18 5:08 PM |

直りました!
またなにかあったら
質問させてもらいます!
本当にありがとうございました!

| みか | 2007/09/18 5:52 PM |

無事できてよかったです♪
またいつでもいらしてください。
ありがとうございました。

| tk | 2007/09/18 7:27 PM |

私のブログを見てください。
(urlからどうぞ)

記事のほうの枠はもこもになってるんですが、
サイドバーのほうの枠はもこもこになってないんです。
どうすればなおりますか?

| あかり | 2007/09/23 2:06 PM |

用意されている画像の横幅が違います。
サイドバーの横幅にあわせて、
記事部分とは別にもっと狭い画像を用意し
そのURLをback1の方に書き込んでください。

| tk | 2007/09/23 2:30 PM |

ブログがちょっとおかしいんで
またきました!
記事を書いた最初の日の位置から
どんどん左に寄ってってるんですけど
どこを直せばいいですか?
それとカテゴリーを編集で
カテゴリーを追加したんですけど
表示されないんです・・

| みか | 2007/09/23 6:59 PM |

それと
URLのブログみたいに
≪old | new≫
ってやりたいんですけど
どうしたらできますか?

| みか | 2007/09/23 7:04 PM |

htmlで
{trackback_auto_discovery}
の上に</div>を書いてください。

でカテゴリですがサイドバーに表示したいなら
サイドバーのところに

<!-- BEGIN category -->
<div class="linktitle">
CATEGORIES
</div>
<div class="linktext">
{category_list}
</div>
<!-- END category -->

というタグは入っていますか?

カテゴリはそのカテゴリに属する記事が
1個は書かれていないと表示されませんが
それも確認してみてください。

| tk | 2007/09/23 7:04 PM |

ページ送りは
http://nous.jugem.jp/?eid=62
を見てください。

oldとかnew表記にしたかったら
{prev_page_link}を
<a href="{prev_page_url}">old</a>

{next_page_link}を
<a href="{next_page_url}">new</a>
にすればいいです。

| tk | 2007/09/23 7:09 PM |

カテゴリが選択されてなかったので
表示されなかったみたいです;
ありがとうございました!

それと
old / 1/1PAGES / newって
なったんですけど
1/1PAGES / を消したいんですけど
どこをいじればいいですか?

URLのブログみたいに
1ページにひとつの記事を
表示させるときは
どうすればいいですか?

| みか | 2007/09/24 3:42 PM |

/ {page_now}/{page_num}PAGES /
を消せばいいです。
ソースと展開後を見比べれば
何が何に対応しているか分かると思います。

1ページあたりの記事の表示数は
テンプレの問題ではないので
JUGEMの設定でご自分で設定してください。

| tk | 2007/09/24 4:05 PM |

イラっとさせたみたいで
すいません・・

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

| みか | 2007/09/24 4:55 PM |

ありゃ、イラっとしてたわけではなく
別の作業をガタガタしながらだったので
答だけのあっさり目のレスになっていました。
こちらこそすいません。

上手く変更できたならよかったです。
お疲れ様でした♪

| tk | 2007/09/24 4:58 PM |

テンプレはカスタマイズ用flat
を使わせていただいてます。
説明付きで
とっても編集しやすいですっ♪

でも1つだけ分からないことがあって…
横の線をもこもこにしたくて
↑の説明を見ながら編集してたんですが、
CSSの.entryのbackground: #ffffff;と
.back {
margin: 0px;
padding: 0px 0px 10px 0px;
background-color: #ffffff;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9

}
が見当たりません。
どうすればいいですか??

| ちえ | 2007/12/01 4:25 PM |

初めまして ちえ様。
コメントありがとうございます。

ええと、ここの説明はflat whiteや公式flat用に
書いておりまして
カスタマイズ用flatでは最初から、そういう手間を省く為に
問題の箇所は削除しちゃってあります(笑)

ですのでcssの.back1と.back2に画像URLを入れるだけで
okです。
ただcssを拝見したところ
画像URLの()の後ろに;
が元々合ったと思うのですが、それがないために表示されなく
なってしまっているようです。
他の行と同様に、行の区切りには;を入れてあげてください。

| tk | 2007/12/01 4:37 PM |

;を入れたんですが、
もこもこが表示
されません。
他に間違っている部分が
あるのでしょうか??
何度も質問すいません;

| ちえ | 2007/12/01 4:53 PM |

そうですね。
まず第1にback1の方は、画像が大きすぎます。
htmlでwidthを200にした場合は
画像も横200pxのものを用意してください。

同様に2の方も370にした場合は370pxの画像を。
今は460もあるので表示されません。
あとurlの後ろには;をつけないでください。
background-image:url(画像URL);
です。

| tk | 2007/12/01 4:57 PM |

200px 
370px
の画像を探せばいいんですか??
tk様が↑で紹介してくれている
阿檀様意外に
そういう画像を提供している
サイトを知りません;;
どのように調べたら良いでしょうか??

| ちえ | 2007/12/01 5:08 PM |

ご自分で画像処理ソフトで幅を縮められるか
23のその他の素材を作ってもらう板で
横pxを指定してもこもこを作って下さいとお願いすれば
作ってくださる職人さんがいらっしゃると思いますよ。

| tk | 2007/12/01 5:15 PM |

職人さんがいらっしゃるんですか!
では、職人さんにお願い
したいと思います。
あっ、それと
「23」とはサイト様の名前ですか??

| ちえ | 2007/12/01 5:25 PM |

23って
ふみコミュ
のことですか??
1度そこで頼んでみますっ!!
分かりやすく
答えてくれて
ありがとうございました。

| ちえ | 2007/12/01 5:36 PM |

サイズを小さくして
編集したんですが
何も変化がありません;
どうすればいいでしょうか??

| ちえ | 2007/12/02 12:12 PM |

cssを見ましたが
.back1と.back2に
background:#fff;
という記述がありますがこれは何故いれられたのでしょう。
元々はbackground-color:#fff;
だったきがします。

もともとはサイズを合わせた画像URLをいれるだけになっているので
なんかおかしいなと思ったら再DLしてみるのも手ですよ。

http://jugem.jp/utf/?mode=src&act=view&jtid=4735
に元のhtmlとcssが書かれているので
.back1と.back2を比べて何を変えてしまったのか
確認して戻してみてください。

| tk | 2007/12/02 12:52 PM |

もこもこに出来ました。
私が変にいじっていたせいで;
すいません;;

それと、カスタマイズ用テンプレートは
カーソル変更出来ないんでしょうか??
色々と質問してごめんなさい;
迷惑でしたら
コメント無視してOKです。

| ちえ | 2007/12/02 1:59 PM |

カーソルはどのテンプレでも変えられますよー。
cssに
body{cursor:url(カーソルのURL);}
a{cursor:url(カーソルのURL);}

を書き込むだけです。
ただJUGEMではカーソルをアップロードできないので
ご自分のプロバイダスペースなどにアップして
それをリンクするか、
直リンクokな素材屋さんなどを探されるとよいかと思います。

http://www.fumi23.com/to/l07/h/21182.html
でいろんな方がアドバイスしているので
参考に見てみるといいかもしれません。

| tk | 2007/12/02 2:18 PM |

ありがとうございます。
カーソル変更出来ました。

| ちえ | 2007/12/02 2:42 PM |

コメントを打つスペース
の文字サイズって
どうやって変えればいいですか??

Submitで表示された
コメントのサイズは「9」
なんですが、
打っているときのサイズも
「9」にしたいんです。

これで最後にしますっ。

| ちえ | 2007/12/02 2:52 PM |

cssの

input, textarea {
border: 1px solid #666;

}

にfont-sizeの指定を入れるといいですよ。
書き方は他の場所に入っているfont-sizeを見てください。

| tk | 2007/12/02 3:28 PM |

こんにちは。なんか幅狭い画像を作って、強引に入れた後で、ふみコミュで、「ずれた」と啼く方があるんで(←誤字w)、ここにURLを産みつけていっていいですか? (私はカッコウか?)

これです。
http://adan.noor.jp/f/etc/flat-habakae.htm
(URL欄にも貼ってあったり)
中身ひきとってくださったら嬉しいんだけども、それはいくらなんでも甘えすぎですか?

お邪魔だったら、さっくり消してください。

他にも書きたいことがあったりなかったりなのですが、JUGEMって秘コメがないのですよね。

……ひそかに応援してます、がんばってください。

| 阿檀 | 2007/12/02 5:02 PM |

引き取ってみました!
ものさしだけは移せず・・・・・・申し訳ありません。
なかなか#wrapperの横幅まで気が回る方って
いらっしゃらないようですね(苦笑)
わざわざありがとうございます!
私もそろそろ山ほどついたコメントを捨象して
エントリに仕上げた方がいいかなと思いつつ
ここに持ち込まれるのは特殊事例も多くてorz

お話って現在進行形のアレでしょうか(笑)
いやもう無駄に話が大きくなってて。。。
応援ありがとうございます!
忍者にもブログを持ってるのでそっちは秘コメが
あるのかな、と思ったらアリマセンデシタ!
http://twces.blog31.fc2.com/
に二次創作でもしようかなと思って借りたきり
忘却しているブログもあったりするので
何か御用事があったらお使い下さい(笑)
いい加減何か書こうかな。
ではでは、本当にありがとうございました!

| tk | 2007/12/02 6:30 PM |

ありがとうございました。
これからも更新
頑張ってください。
では、失礼します。

| ちえ | 2007/12/03 12:24 AM |

ちえ様、こちらこそありがとうございます。
またご縁がありましたらよろしくお願い致します。

| tk | 2007/12/04 9:06 PM |

又質問に来てしまいました;
ブログ見て頂いたら
分かると思うんですが
記事部分のもこもこが何か変なんです;
初心者のくせにリニューアル何て
考えるからですよね…;;
本当お手数かけてすいません。
よければ返事お願いします。

| ちえ | 2007/12/27 10:45 PM |

これ310pxはちょっと狭すぎるからだと思います。
タイトル画の大きさとあってませんし、
今日の昼間
http://www.fumi23.com/to/l07/h/21774.html
で320pxにするのをお手伝いしたんですが
この時でかなりぎりぎり感があったので
ここを参考にしてタイトル画も縮小して
限界まで頑張られるか
もうちょっと幅を広げちゃうかのどちらかですね。

| tk | 2007/12/27 10:49 PM |

http://www.fumi23.com/to/l07/h/21774.html
を参考にCSSを編集してみたら、
http://xxkiralaxx.jugem.jp/
こんな感じになってしまいました;;
画像のサイズは310なんですけど、
もっと縮小するべきですか??

| ちえ | 2007/12/28 11:14 AM |

タイトル画がでかいです。
横310pxは小さすぎなので、調整するのは大変ですよ。

箱の蓋と箱本体が同じ大きさだと蓋はしまりませんよね。
それと同じでタイトル画とtdやもこもこの横幅が同じでは
収まらないわけです。

とりあえずタイトル画の横幅は290pxくらいにはおさめたいですね。

| tk | 2007/12/28 11:35 AM |

何度もすいません。
画像のサイズを290にしたんですが、
上手くいきません・・・
どうすればいいでしょうか??

| ちえ | 2007/12/28 11:51 AM |

http://www.fumi23.com/to/l07/h/21774.html
のNo.8は試してみましたか?
勿論これよりwidthは減らしてください。

| tk | 2007/12/28 12:13 PM |

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

あの、何かもこもこの画像が
違うくなったんですけどこの画像
使ってもOK何でしょうか??

それと、もこもこの下に
白い背景?があって、
サイドバーも記事部分の方も
もこもこの形にならないのですが
これって直りますか??

| ちえ | 2007/12/28 12:24 PM |

今まで見えてなかった部分が見えるようになっただけです。
白い部分は.back1と.back2の
background-color:#fff;
の行を消せばいいです

| tk | 2007/12/28 1:26 PM |

私はジュゲム初心者なのですが^^;
もこもこ枠とタイトル画をつけたのですが、ふたつとも表示されないんです…
ここのサイトで一応調べてみたんですけど、どこを直したらいいのか分かりません;

URLを見ていただくと分かるかと思います…


どうか教えてください><

| ありす | 2007/12/28 2:05 PM |

できました!
本当に
ありがとうございます!
Closed Eyes様のバナーを
貼らしていただいてもいいですか?
今、もう貼ってるんですけど、
ご迷惑なら外します。

| ちえ | 2007/12/28 3:18 PM |

大掃除してました。

>ありす様
拝見すると表示されているようですが
直ったのでしょうか。

>ちえ様
わあ、できましたか。よかったです。
リンクはお好きに張ってください。
ありがとうございました!

| tk | 2007/12/28 3:59 PM |

はい><
なんとか直りました!!!

ご迷惑をおかけしてすみません;

| ありす | 2007/12/28 4:36 PM |

おはようございます。
朝早くからごめんなさい

http://3698369.jugem.jp/?tid=21
↑のメニュー部分や、記事部分が背景色?になってしまっています。
直すにはどーしたらいいでしょうか??

| 羅葵 | 2007/12/30 8:29 AM |

.back1や.back2に
background-color:#fff;を戻すか
それだともこもこの外にまで白い線がつくので
画像を加工して中を塗るかです。

| tk | 2007/12/30 10:25 AM |

こんにちは。
カッコ内の中を塗ってもらったことで
改善することができました!
で、ですね
MENUの「きす」だけが
もこもこからはみ出てしまうんです。
なんだか左寄りになってしまっているんです。

直し方ありませんか??

| 羅葵 | 2007/12/30 2:36 PM |

トップページではありませんが
http://nous.jugem.jp/?eid=81
と同じだと思います。
中身が横大きすぎなんですね。
適度にバナーは改行してください。

| tk | 2007/12/30 2:43 PM |

ありがとうございました!
直りました!
そして(←また
今度は、コメントがかなりはみ出てしまっているんです・゚・(つД`)・゚・
かなり迷惑かけっぱなしでごめんなさい

それと、全体的に文字を小さくすることってできますか?

| 羅葵 | 2007/12/30 3:56 PM |

↑に張ったエントリの


更に駄目な場合は.back2に
padding:0 10px;
を追加して左右の内側余白を取り、
background-color:#fff;を削除。
width:●●px;←tdの幅より20数字を減らしてください。
を追加してみるという手も。

をためしてください。
フォントはcssのフォントサイズで調整。

年末につき以後レスできなくなりますが
ご了承下さい。

| tk | 2007/12/30 8:10 PM |

あけましておめでとうございます(遅
またもや参上してしまいました。

http://3698369.jugem.jp/
もこもこを普通の縦線に戻してたら、
リニューアルのロゴの背景?が水玉になってしまっているのです(>ω<)Uu
なぜでしょうか、、直す方法はありますか??

| 羅葵 | 2008/01/19 9:34 AM |

はて、何ででしょうね。IE6だけみたいですけど。
関係なさそうではあるんですが
cssの最後の*のfilter: chroma(color=#222222); を
試しに削除してみるか(不要なので)

あとはロゴが透過処理されているなら
それをやめてみるかのどっちかですね。

| tk | 2008/01/19 11:09 AM |

ななな直りました!!
tkさんはほんとに天才です!!(>ω<)


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

| 羅葵 | 2008/01/19 11:23 AM |

一番最初にもこもこ枠を付けたときはちゃんと表示されていたのですが、最近、文字がはみ出したり、460pxのほうが、表示されなかったり、ということが多いです。どうすれば良いでしょうか?

http://music121212.jugem.jp/

| 由紀 | 2008/02/10 9:03 AM |

とりあえず今ははみ出ていないので原因は分かりません。

http://nous.jugem.jp/?eid=81
にかいてあることが原因かと思いますので
ご自分で調整なさってください。

| tk | 2008/02/10 9:16 AM |

ありがとうございます。やってみますねww

| 由紀 | 2008/02/10 10:15 AM |

はじめまして、私のブログなのですか、
もこもこがサイドバーの方は無事表示されましたが、
記事の方が表示されません。
どうすれば、記事のほうも表示されるようになりますか?
よろしくお願いします。

| あかね | 2008/02/25 10:42 PM |

すみません、上のものですが、
カレンダーを消したら表示されました。
ありがとうございました><
がんばってください><、いつもありがとうございます。

| あかね | 2008/02/25 10:51 PM |

初めまして。

もこもこをつけてみようとしたのですが

何か表示されなくて 背景と一緒になってしまいます。゚(゚´Д`゚)゚。

どうすればいいでしょうか?

| ノωヾらイ...★! | 2008/03/29 11:25 PM |

なんかhtmlがガタガタになってますね。
このサイトの上の方の配布テンプレ&利用規約
からカスタマイズ用flatをDLしてそれにすると
cssの該当部分にもこもこURLをいれるだけで済むので
そっちのがおすすめです。
今この状態から手直しするのは大変ですよ。

| tk | 2008/03/29 11:38 PM |

もこもこが表示されません(;_:)

どうしてでしょうか?

| さゆ | 2008/04/04 1:38 PM |

もこもこの
gif)center

ここ
gif) center って
もとはスペースがあいていたとおもうんですが。

あとはロゴの横幅が大きすぎるのが怪しいかな

| tk | 2008/04/04 1:45 PM |

できました(^O^)/!
ありがとうございました(^ω^)
本当に感謝です!

また今度来ます 笑

| さゆ | 2008/04/06 9:46 PM |

CSSとはどこにあるんでしょうか??

場所がわかりませんっ;

| いく | 2008/07/21 9:07 AM |

JUGEMのマニュアルを読んでください。

| tk | 2008/07/21 11:07 AM |

.back {
margin: 0px;
padding: 0px 0px 10px 0px;
background-color: #ffffff;
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9

}

上のようなタグをずっと探してるんですけど、ないんです><;

更新してしまったので.. 元通りにはできないんです...

どうしたらよいのでしょうか? できたらやっていただけますか?

| 莉侑 | 2008/08/05 9:17 AM |

なんとかできました><;


 すいません><

| 莉侑 | 2008/08/05 12:24 PM |

すいません
教えて欲しいんですが、
りにゅーあるしたらもこもこがなくなってしまいました;
どうすればいいでしょうか?

| きのこ | 2008/09/06 12:04 PM |

もともとback1 back2という項目があるのに何故cssの最後に

.back1 {
margin: 0px;
padding-bottom: 10px;
background-color:#fff;
background: url(http://hh-mm.img.jugem.jp/20080716_334448.gif) center repeat-y;
}
.back2 {
margin: 0px;
padding-bottom: 10px;
background-color:#fff;
background: url(http://hh-mm.img.jugem.jp/20080716_334449.gif) center repeat-y;
}

とかいたのでしょう。
この画像は存在しないみたいですよ。

| tk | 2008/09/06 12:09 PM |

すいません!解決しました!

| きのこ | 2008/09/06 12:19 PM |

はじめまして。
いつも参考にさせて頂いてます

上のコメントの中にフォントの変更について
書いてあったので私も試してみたのですが
変更されません;
どうしたらフォントが変わるのでしょうか?
助けて頂けると嬉しいです。

| のぞみ | 2009/01/13 6:45 PM |

まずOsaka‐UIというフォントはちゃんとお使いのPCに入っていますか?
これはどんなに指定してあっても、そのフォントはPCにインストールしてある人にしかそう見えません。
現に私はOsaka‐UIは入れてないので、そう見えません。
このフォントが入っているのか、フォント名はこれで正しいのかを確認してみてください。

| tk | 2009/01/13 6:55 PM |

できました!
フォント名が間違ってたみたいです
ありがとうございました

あともう一つ質問いいですか?
サイドバーのフリースペース?のところを使って
リンク集を作りたいのですが
タグを入れても表示されません…
どこが間違っているんでしょうか?
何度もすみません;

| のぞみ | 2009/01/14 6:08 PM |

↑できました!
お手数掛けました;

| のぞみ | 2009/01/14 6:28 PM |

何故か、もこ枠が反映されません
同じ様にやったはずなのですが;

| かるほ | 2009/02/10 8:53 PM |

何処が同じようにやってあるのでしょう。
htmlもcssもこの記事に書いてある変更を何一つやってありません。
違うテンプレなら、そのテンプレが見られるURLを教えて下さい。
今使われているテンプレは何も変更されてませんよ。

| tk | 2009/02/10 8:55 PM |

一応変更できました。
URLなんですが、駄目だったでしょうか?
あと、このように文字がもこ枠と重なってしまい、
entry.などを変更しても重なったままです。
これは、もこ枠を変えて方が良いのですか? 
他に対処法はありますか?

| かるほ | 2009/02/15 8:52 PM |

記事の方は重なっていないように見えます。
サイドバーの方でしたら

http://nous.jugem.jp/?eid=77
を参考にside1のpaddingを調節してください。

| tk | 2009/02/15 9:18 PM |

やってみたのですが、0px.1px極端に、30px.60pxにしてもだめでした。
このまま何か書き方を変えてみるべきですか?
それとももこ枠(サイド)の大きさを変えてみるとかしないと駄目ですか?

| かるほ | 2009/02/17 6:37 PM |

<style type="text/css">
<!--
body{cursor:url(http://sora.poche.jp/chiroru/kasoru12.ani);}
a{cursor:url(http://sora.poche.jp/chiroru/kasoru12.ani);}
-->
</style>

<style type="text/css">
<!--
html,body {
scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #ff33cc;
scrollbar-highlight-color: #ff99cc;
scrollbar-shadow-color: #ff99cc;
scrollbar-3dlight-color: #ff99cc;
scrollbar-darkshadow-color: #ff99cc;
scrollbar-track-color: #ff99cc;
}

cssに
<style type="text/css">
<!--

-->
</style>

を書き込んでは駄目ですよ。
これはhtmlにcssを書くときの書き方です、参考サイトをちゃんと読み返してみて下さい。
その上でちゃんとpaddingを0以外にしてからもう一度聞きにきて下さい。
ちなみに
0px.1px
って書いたりしてませんよね? .はいりません。

| | 2009/02/17 7:15 PM |

わぁ、出来ましたb
ありがとうございましたv

| かるほ | 2009/02/17 7:38 PM |

こんにちは!
参考にさせていただいてるんですが
この通りうまくいかないんです・・・。
左のサイドバーの方は壁紙すら出てきません。
右(記事)の方は壁紙はでるものの大きさがヘン(?)になるんです。

どうしてですかね?

| | 2009/03/22 7:51 PM |

すみません!
自己解決しました。
どうやら240と460の壁紙が反対に入力してたようです。
すみません。

| | 2009/03/22 7:54 PM |

新しいもこもこ作ってもらったんですが
今までの配布されてた画像のURLを
新しい画像のURLに書き換えても表示されません。

どうすればよいですか?

| ★愛 | 2009/03/30 5:55 PM |

画像BBSから直接なんて呼び出せませんよ。
マナー違反だから表示されないんです。
ちゃんと画像を保存してJUGEMにアップロードしてからそのURLを書いてください。

| tk | 2009/03/30 6:00 PM |

はぢめまして∩^ω^∩
じゅげむはぢめてで
わからないので質問です!

もこもこやってみたんだすが…。
表示されません…

それをやったら記事も
でなくなっちゃいました泣;

できればおしえてください!

お忙しい中すいません(´;ω;`)

| みさ | 2009/05/30 8:41 PM |

まずテンプレは
http://jugem.jp/utf/?mode=viewer&act=lookup&jtid=4735
カスタマイズ用のflatです。
これにかえて、htmlとcssの注意書きを丁寧に全部読んでみて下さい。
そうすれば指示通り書き換えるだけです。

| tk | 2009/05/30 9:04 PM |

おしえてくれてありがとうございます∩^ω^∩
さっそくやってみます!

| みさ | 2009/05/31 4:56 PM |

できましたっ∩^ω^∩
ありがとうございました*

あと…。

下のほうの
Copyright (C) 2009 JUGEM Some Rights Reserved.
というところは消せることができますか?

告知?っぽいのでだめなのでしょうか??

| 瑠衣 | 2009/05/31 6:52 PM |

これは消しちゃだめなのです。
blogのどこか一箇所から必ずjugemにリンクしてね、というのがjugemの決まりになってます。
なので、これを消したいなら、自分でリンクにjugemをいれないと、規約違反になります。

| tk | 2009/05/31 8:14 PM |

なるほどです。
ありがとうございました∩^ω^∩

| 瑠衣 | 2009/05/31 9:55 PM |

はじめまして。
カスタマイズ用4のテンプレートを使わせていただいています。

もこもこを別の画像にかえたいのですが、

HTMLに
<td width="240" class="back">

<td width="460" class="back">
が見当たりません。

どうしたら画像を変更できるか教えていただけないでしょうか。

| ぱぴこ | 2009/07/12 7:50 PM |

cssちゃんと読んでください。

一番上に

両脇の背景画像(もこもこ)とカラム部分の横幅はcssの#layoutで変更可能です。

て書いてありますから。
このエントリはテンプレート[flat]についての解説で、[カスタマイズ用4]はまったく違うテンプレです。

| tk | 2009/07/12 8:55 PM |

見当違いな質問をしてしまってすみませんでした。
わかりました。

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

| ぱぴこ | 2009/07/12 11:49 PM |

はじめまして!こんにちは!
横線自体を消すことはできるのでしょうか?

| まちこ | 2009/08/18 4:32 PM |

css .backの
border-left: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9
を消せばいいです。

| tk | 2009/08/18 5:01 PM |

ご親切にありがとうございました(^-^)助かりました☆

| まちこ | 2009/08/18 5:14 PM |


すみません(´・ω・`)・・
もこもこやってみたんですが
サイドバーはできたんですけど、もう1つの方ができませんorz
どうやったらなおりますか?(´・ω・`)

| 小春 | 2009/09/22 11:01 AM |

でかけてました、すみません。
どうやら計算よりも、サイドバーが横に広がってるみたいなんですよ。
で、もう一つの方の背景を押し出しちゃってるみたいです。
一番手っ取り早いのはcssの
#wrapperのwidthを広げることですね。
570pxくらいにしてみてはどうでしょう。

| tk | 2009/09/22 7:22 PM |

おおー*
なるほどっ*
できました(^ω^)
ありがとうございました!

| 小春 | 2009/09/22 10:44 PM |

Submit Comment