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

<< 原因不明に崩れちゃった時(独自タグエリア) + main + positionと擬似フレーム >>

よくある質問集

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


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


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


■具体的カスタマイズ

スポンサーサイト

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

| | Comment 0 | - |

カスタマイズ用4

どノーマルな1カラム。
こういうタイプは既にいっぱい出てると思うんですが
flatのサイドを削ってわざわざ1カラムを作る
とかいう人が結構いるようなので、
そういうのが面倒って人の為に作って見ました。


普段は何も装飾しないんですが
あったほうが分かり易いかと思って
適当な画像を張ってみました。
いつもどおりコメントアウトいっぱいついてるんで
それを見てください。
DLはこちら
サンプルはこっち


タイトル画はhtml
サイドの枠背景はcssで指定してます。
というかタイトル画使うことを意図して
{blog_name}削っちゃいました。
普通のユーザーさんすいません。
そういう方は普通のテンプレ使ってください。


トップメニューでプロフページに飛ばしたい場合は


<a href="" onclick="return buttonClick(event, 'MENU10');">OTHERS</a>

の下にでも


<a href="./?pid=1">mix</a>

って付け加えればokです。
元のメニューが要らないときは
それを使って書き換えても大丈夫。
要らないメニューの削除はちゃんと
<a hrefから</a>まで削除してくださいね。
フリースペースをメニューの一つにしたい場合は
やはり


<a href="" onclick="return buttonClick(event, 'MENU10');">OTHERS</a>

の下にでも


<a href="" onclick="return buttonClick(event, 'MENU11');">ふりーすぺーす</a>

と書き、
更に下の


<div id="MENU10" class="MENU">

の上にでも


<!-- BEGIN freespace1 -->
<div id="MENU11" class="MENU">
<div class="list_text">
{freespace_contents1}
</div>
<div class="list_title">{freespace_title1}</div>
</div>
<!-- END freespace1 -->

とでも書いてください。
元からある


<!-- BEGIN freespace1 -->
<div class="f_t">{freespace_title1}</div>
<div class="f_c">{freespace_contents1}</div>
<!-- END freespace1 -->

は削除でお願いします。
更に増やしたい場合はMENUの後の数字をふやし
フリースペースの各数字も増やしていくといいです。

| 19:21 | Comment 97 | - |

スポンサーサイト

| 19:21 | Comment 0 | - |

Comment

<div id="back">


<!-- BEGIN title -->
<h1 class="site_title"><img src="http://amour2.img.jugem.jp/20070822_28503.JPG" border="0">
</h1><span class="description">{blog_description}</span>
<!-- END title -->


<div class="linkmenu">



一応この様な状態になっていますorz

| 宝華 | 2007/08/22 8:25 PM |

拝見しました。ありがとうございます!
ふみのほうに答?を書いときました。
よろしくお願いします

| tk | 2007/08/22 8:28 PM |

tk様こんにちは!連です^^
ちょこっとずつカスタマイズしてます。
今日はまた気になる事があって
きました!!
サイドバーの文字の色が違うんです。
自分でサイドバーを追加したところの
文字と元からあったところの文字色が
違うんです(´゜ω゜`)

あと元からあったところには
>←こんなのがついてるんですが
なくすにはどうしたらいいでしょうか。
説明よろしくお願いします><

| | 2007/08/23 12:06 PM |

色直りました;;
いつもこんな感じですいません><

| 連 | 2007/08/23 12:12 PM |

こんにちはー!
色治ってよかったです。
>は
cssの
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
list-style-image: url(./template/flat/img/arrow.gif);
}

list-style-image: url(./template/flat/img/arrow.gif);
が原因ですね。
なくしたい場合はこれを削除して
listy-style-type:none;
って代わりに書くといいです。

| tk | 2007/08/23 12:34 PM |

書いた後に直せることが多いですね;;
いつもすいません(´・ω・`)

できました^^
丸になりました☆
可愛いです(っ^ω^)っ
これってもしかしていろんな形に
できますか?

| | 2007/08/23 1:21 PM |

ばたばたしてレスが遅れてスイマセン。
list-style-image: url(./template/flat/img/arrow.gif);
の()内を好きなアイコンのURLにすれば
色んな形にできますよー。

| tk | 2007/08/23 5:30 PM |

tkさんお久しぶりです!
今回のリニュでカスタマイズ4を
お借りしたんですけど
分からないことがあるので
また来ました^ ^
背景をつけたんですけど
もこもこ枠の横が
白くなっていて
そこの白いところにも
背景を付けたいんですけど
背景のサイズが間違っているんですかね?
それと、この(http://catdqisvkj.jugem.jp/?eid=14#sequel)記事の
記事の続きの文は文字がスペースを
あけたようになっているんですけど
上の文はなっていなので
記事の続きに書いた文みたいに
したいんですけどどこをいじればいいですか?


| みか | 2007/11/22 7:32 PM |

お久しぶりです! 
またありがとうございます。
背景は横460pxみたいですね
#layoutのwidthを500から460にしてください♪

続きはcssの.entry_moreで指定になりますので
中身を.entry_bodyと同じにすれば
そろうかと思います。
分からなかったらまた仰ってください!

| tk | 2007/11/22 7:45 PM |

2つとも出来ました!!
ありがとうございます★
| CALENDAR | ENTRY | COMMENT | CATEGORY | ARCHIVE | LINK |
PROFILE | OTHERS
ってなっていて
| CALENDAR | ENTRY | COMMENT |CATEGORY |
|ARCHIVE | LINK | PROFILE | OTHERS|
にしたいんですけど
どこをいじればいいですか?
それとOTHERSに入っているリンクを
LINKに移動したいんですけど
どこをいじればいいですか?
それとリスト前にある・を
消したくてlist-style-type:none;
って入れたんですけど
記事の文が小さくなって
・が消えてなかったんです;
場所が間違っているんですかね?
それとPROFILEに画像を入れたいですけど
どこにURLを入れればいいですか?

質問いっぱいですいません;;

| みか | 2007/11/23 5:22 PM |

えーとまず最初は

htmlの
<a href="" onclick="return buttonClick(event, 'MENU6');">CATEGORY</a> |
<a href="" onclick="return buttonClick(event, 'MENU7');">ARCHIVE</a> |
ってなってるのを

<a href="" onclick="return buttonClick(event, 'MENU6');">CATEGORY</a> | <br />
<a href="" onclick="return buttonClick(event, 'MENU7');">ARCHIVE</a> |
と<br />をいれちゃってみてはどうでしょう。

Othersはフリースペースで
Linkは普通の文字リンクなんですよね。
文字リンクを使わないなら
<a href="" onclick="return buttonClick(event, 'MENU10');">OTHERS</a>

<div class="list_title">OTHERS</div>
のOTHERSをLINKに書き換えちゃって
<a href="" onclick="return buttonClick(event, 'MENU8');">LINK</a>
は削除しちゃったらどうでしょうか。
その方が簡単です。

list-style-type:noneは今は削除したんでしょうか。
cssのulのところに入れてみてください。
ul {
margin: 0px 0px 0px 15px;
padding: 0px;
list-style-type:none;
}
です。これで駄目ならこの状態で見せてください。

プロフィールが何処のことなのかわからないのですが
プロフィールページならユーザーの紹介でしたっけ
そこにいれてください。
PROFILEをクリックしてでてくる

・みか
ってなっているところに入れたいなら
htmlの
<!-- BEGIN profile -->
<div id="MENU9" class="MENU">
<div class="list_text">
{user_list}
</div>
<div class="list_title">PROFILE</div>
</div>
<!-- END profile -->
の{user_list}の下にimgタグで書き込むと
画像が表示されるかと思います。

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

メニューおかしくなりました;
中身も変わってしまって・・
フリースペスも使いたくて
<a href="" onclick="return buttonClick(event, 'MENU10');">OTHERS</a>を
いれたんですけどそれからおかしくなりました。。

list-style-type:none入れました!
・が左にいきました;

プロフィール画を作ったら
やってみようと思います★
ありがとうございます!

| みか | 2007/11/23 7:01 PM |

</div>
<a href="" onclick="return buttonClick(event, 'MENU8');">OTHERS</a>
ってなってますが
</div>の前に
<a href="" onclick="return buttonClick(event, 'MENU8');">OTHERS</a>
を書かないと駄目です。
あとMENUの後の数字は中身の数字と対応しています。

<a href="" onclick="return buttonClick(event, 'MENU1');">PROFILE</a>
を押したらちょっと下の
<div id="MENU1" class="MENU">
の中身が開くということです。
つまり今の状態だとカレンダーですね。
数字を順番につめるのではなく
後ろと同じMENUの数字にするのが肝心なので
それをふまえてなおしてみてください。

list-style-type:noneの後ろには;が要ります。

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

tkさん色々教えてくださって
ありがとうございました!!
全部なおせました♪
いつも分かりやすく説明してくださって
とっても嬉しいです★
また分からない事があったら
質問しにきます^^

| みか | 2007/11/23 8:49 PM |

tkさんお久しぶりです★
いまクリスマスリニュをしていて
メニューをもうひとつ増やしたいんですけど
上のやり方をみたんですけど
わからないので教えてください!!

| みか | 2007/12/09 5:30 PM |

メニューは

<a href="" onclick="return buttonClick(event, 'MENU数字');">リンク名</a>




<div id="MENU数字" class="MENU">
<div class="list_text">
メニューの内容
</div>
<div class="list_title">リンク名</div>
</div>

でワンセットです。

数字は他のものにダブらないようにしてください。

htmlを探すと既に似たようなものがいっぱあると思うので
二つともそれぞれ似たようなものの下にいれてください。

http://nous.jugem.jp/?eid=16

こちらは1からメニューをつくるための解説ですので
cssの記述は書き足さなくても元々ありますが
あわせて読むと参考になると思います。

| tk | 2007/12/09 5:40 PM |

出来ました!
いつもいつもすいません;
ありがとうございました★

| みか | 2007/12/10 1:35 PM |

分からない事があるので
また来ました!

1:スクロールバーの色を変更したら
コメントをするところにも
スクロールバーが付いちゃってそれを消したいです。。
2:全体の文字を小さくしたんですけど
メニューのカレンダーだけが小さくなりません。。
3:壁紙がチェックだからだと思うんですけど
白い背景の所に縦に線が入って見えます;
tkさんは見えますか?

よろしくお願いします^^

| みか | 2007/12/20 7:20 PM |

1 htmlの

<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;" class="form_color">
みたいなのを探して

<textarea tabindex="4" id="description" name="description" rows="10" cols="50" style="width:300px;overflow:hidden;" class="form_color">
とすれば消えるかもしれませんが
長いコメントを書く時もスクロールバーが
なくなってしまうかもしれません。

2 cssに

.cell,
.weekday {
font-size:●●px;
}
というのを最後に足してみてください。

3
言われて見れば見える気もします。。
目の錯覚でしょうか。

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

1:スクロールバーを消したら
おかしくなってしまったので
そのままにしたいと思います!
今コメントのスクロールバーが赤いですけど
色を変更する事はできますか?

2:カレンダーの文字小さくなりました★
ありがとうございました!!
December 2007 の文字だけがまだ大きいので
それも小さくしたいです;

3:tkさんも見えましたか!
そのままでも大丈夫ですかね^^

| みか | 2007/12/22 1:49 PM |

2はでは

.calendar_month,
.cell,
.weekday {
font-size:●●px;
}

という風につけくわえてみてください。

3.多分大丈夫だと思いますよー。

| tk | 2007/12/22 2:29 PM |

直りました!!
tkさんありがとうございました★
また分からない事があったら
質問させてもらいます。

| みか | 2007/12/22 10:31 PM |

またまたすいません;
記事のタイトルの下が
かなり空いてるので
タイトルを点線の上に
したいんですけど
どうすればいいですか?

| みか | 2007/12/26 1:50 AM |

.entry_titleの
heightを24pxにしては。
画像とのバランスは
padding-bottom:3px;

padding-topにして調節してください。

| tk | 2007/12/26 8:00 AM |

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

| みか | 2007/12/26 7:29 PM |

お、よかったですー。
アイコンを背景表示させていらっしゃる方は
珍しいので(私はこっちがお勧め)嬉しかったです。

| tk | 2007/12/27 10:07 AM |

こんにちわ!
今カスタマイズ4を使わせてもらってます^^

記事を小窓にしまおうと、
cssにあったタグを
{
}
内に入れました。
するとモコモコからはみ出してしまいました;
どうやって横幅を狭くするんですか?


あと、コメント欄の文字を小さくしたいんですが
教えてくれませんか?

| | 2008/03/04 5:09 PM |

同じ箇所にwidthを指定するかmarginを指定してください。

コメント欄は

form_colorについて
.form_colorは検索入力窓や
コメントの入力部分のデザイン設定です。

の箇所にフォントサイズ指定でできます。

| tk | 2008/03/04 6:29 PM |


.form_color {
のタグのどこにどうやってフォントサイズを指定するんですか?

| 咲 | 2008/03/05 5:03 PM |

それくらいは基本なので他の箇所を見れば見当がつくところだと思います。

http://nous.jugem.jp/?eid=25#sequel
をどうぞ。

| tk | 2008/03/05 5:05 PM |

ありがとうございます!
できました(*^ω^*)
本当にtk様には感謝です(´Д`)
これからも運営頑張って下さい!

| 咲 | 2008/03/06 8:09 PM |

こんにちは。このテンプレートを使用させていただいていますv

本文を窓に収めることは出来たのですが、
jugemの広告を窓に収めることは可能でしょうか?
もし可能ならやり方を教えてください(・ω・)

よろしくお願いいたします☆

| | 2008/03/24 3:49 PM |

規約違反です。

| tk | 2008/03/24 3:59 PM |

そうですか;
きちんと確認せずに質問してしまいすみません。
ありがとうございました。

| 柚 | 2008/03/24 4:40 PM |

こんちにわ!!
私はカスタマイズ4を
使わせてもらってるんですが
ブログのコメント欄が2個もあります;
解決法を教えてください;

| 美咲 | 2008/04/03 9:09 AM |

当然ながら元は1個しかないので

http://jugem.jp/utf/?mode=src&act=view&jtid=4651

のhtmlとご自分のhtmlを見比べておかしなところをなおしてください。


<!-- ここからコメントフォームです。
 Submit Commentをimg srcタグにすることで画像にできます -->
の下がコメントフォームです。

| tk | 2008/04/03 9:13 AM |

できました!
確認せずに聞いてしまって
申し訳ございませんでした;

| 美咲 | 2008/04/03 9:37 AM |

タイトル画のところを、
半分はタイトル画、半分はメニューにしたいのですが、
どうしたらできるでしょうか?

| もの | 2008/07/13 6:38 PM |

左右に半分ずつ、でいいでしょうか。
タイトル画を左、メニューを右の例を。

カスタマイズ用4を例にあげます。
まずhtmlは

<div id="submenu">

<!-- 公式テンプレanalogueのメニューを使用してあります -->
の上に書き込んでください。



<!-- ここまでメニュー -->
の下に
</div>
<br class="clear" />

と書きます。

次にcssで

#header {
text-align:center;
}
とだけなっているところを

#header {
text-align:center;
float:left;
width:200px;
overflow:hidden;
}

とwidthで横幅を指定して(タイトル画以上の大きさです)
float:left;で左によせます。
次に新しい項目を作り

#submenu {
width:250px;
float:right;
}

とします。
widthはメニュー部分の横幅でfloatは右寄せ、ということです。

メニューを一項目ずつ改行したいならhtmlで

<a href="" onclick="return buttonClick(event, 'MENU1');">CALENDAR</a>
などの</a>のあとに<br />をいれてください。

| tk | 2008/07/13 7:27 PM |

お返事ありがとうございます!!!

やってみたのですが、
上手く行かないみたいで、
こうなってしまいました。

どうしたらよいでしょうか??

| もの | 2008/07/13 7:56 PM |

あれ、html <div id="header">がなくなってtableタグが代わりにはいってますね。
このテーブルタグは何をしているものなんでしょう。

もこもことか横幅はcssの#layoutで指定して、テーブルタグは消してしまうことをおすすめします。

もし、いや意味がある!
ということでしたらhtmlの

<h1 class="site_title"><img src="http://xxx-cube.img.jugem.jp/20080713_5224.gif" alt="site_title" /></h1>
<span class="description"></span>

の前後に
<div id="header">と</div>
を戻してそうなるかみてみてください。

あとテーブルタグで

PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND-COLOR:#ffffff; width:400px;
となっているので
中身に使える幅はpaddingの左右10pxを抜いて 370pxくらいです
これだとタイトル画の290pxとメニューの100pxではみでちゃうので
数字を変えたほうがいいですよー。


| tk | 2008/07/13 8:06 PM |

色々とありがとうございます。
何とか戻りました(汗

テーブルにしたのは、
レース枠を作るのがめんどくさくて
やってたのですが・・・
リンクとか指定してたのに、
ちゃんとできなくなったし、
やっぱりちゃんとしたもこもこ枠を
作ってもとに戻した方が
よいですかね?

| もの | 2008/07/13 8:22 PM |

うーん、このままでも別にいいや! っていうならいいとおもいますよ。
テーブルじゃない方が若干軽いってくらいなので。
また何か直したい箇所があったらお気軽にどうぞー。

| tk | 2008/07/13 8:29 PM |

えと・・・
リンクとか元に戻すには
どうしたらよいでしょうか?
おかしくなってしまったのですが・・・

| もの | 2008/07/13 8:34 PM |

うーむ。元はどんなだったのでしょう。
いまのところ M×M様だけにリンクされてるようにみえます。

| tk | 2008/07/13 8:36 PM |

あっとですね・・
メニューとかのリンクの色とか、
記事タイトルの大きさを指定していたのですが、
きいてないみたいで・・・

| もの | 2008/07/13 8:42 PM |

あー

#header {
text-align:center;
float:left;
width:290px;
overflow:hidden;

のあとに }
がないですね。
これがちょっとおかしくなってるみたいです。

| tk | 2008/07/13 8:47 PM |

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

勉強不足なもので、
たくさん迷惑かけてしまってすみませんでした;

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

| もの | 2008/07/13 8:55 PM |

あ、よかったです。
いえいえお気に為さらず。
お疲れ様でした!

| tk | 2008/07/13 8:59 PM |

すいません;

また大変な事になってしまいました。
バックアップを取ってなかったのですが
どうしたらよいでしょうか?

| もの | 2008/07/14 9:11 PM |

なんだろこれは。
htmlの

<title>excuse<title>

これ本当は

<title>excuse</title>

ですよね。まずここを直して見ては。

| tk | 2008/07/14 9:16 PM |

すみません直りました。
タグがちゃんと打ててなかったんですね;

本当にありがとうございます。
ちゃんとバクアップとっときます・・

| もの | 2008/07/14 9:24 PM |

ああ、よかったです。
また何かあったらどうぞー。

| tk | 2008/07/14 9:28 PM |

たびたびすいません;
リニューアルをしようとしたら、
なぜか幅が広くなってしまって;

収まるように調整したと思うのですが、
どうしたらよいですか?

| もの | 2008/08/18 8:28 PM |

どこをいじったのかわからなければ
width margn paddingのあたりを重点的にみて、もとにもどしてみてください。
中身と外見のwidthは20pxくらい外がおおきくなるように調整したほうがいいです。

| tk | 2008/08/18 8:51 PM |

返信ありがとうございます。

画像の幅が変わったので
元に戻すことはできないのですが、
はまるようにpxは調整しました。

今気づいたのですが、
ABoUTを押すとちゃんとなるのに、
ToPを押すとこんな風になってしまうんです;

| もの | 2008/08/18 9:09 PM |

これ、Tシャツの写真が大きすぎるんですね。
ちょっと削除してみてください。

| tk | 2008/08/18 9:36 PM |

すいません直りました!

恥ずかしいミスをしてしまいました////////

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

| もの | 2008/08/18 9:58 PM |

いつも参考にしています。

分からないことがあったので質問させていただきます!
ブログを見ていただいたら分かるのですが、
とにかくおかしくなってしまいました;;

ブログの背景を変えようと思ったらどこかを削除したのか追加したのかは分かりませんが、
消していたはずのSEARCH BOXなどがいっきにトップページにでてきて、記事を下にしてしまいました。

もう一度テンプレートをダウンロードして作り直した方がいいのでしょうか、教えていただけると嬉しいです。

| | 2009/03/29 2:29 PM |

追加です、ごめんなさい(´;ω;`)
SEARCH BOXは消せました。

| | 2009/03/29 2:35 PM |

正直cssがめちゃくちゃです。
元のテンプレを再DLしてやり直した方が早いと思います。

| tk | 2009/03/29 9:48 PM |

分かりました!
再DLしてやりなおしたいと思います。

すいませんでした orz

| | 2009/03/29 9:50 PM |

ここに質問することじゃないとおもうのですが、
カスタマイズ用4を使わせてもらっているので
ここで質問させていただきます;;
うまく説明できないのですが、
エントリタイトルのところに背景?をつけたいのですが、
つけ方がまったく分かりません...。
テンプレの中に「・背景を表示したい
→backgroundタグをいれてください。
 背景の高さ分のheightを指定するのも忘れずに。」と書いていたのですが
なんだかよく分からなくて。。
よかったら教えてくださいっ><
(本当に説明下手ですみません...。)

| しおり | 2009/09/09 10:19 AM |

んー、どういう背景を入れたいかによるんですが、
他の項目みるとbackgroundから始まる行が入ってるところありますよね。そこを真似するんです。
普通に背景を入れたいだけなら

background:url(画像のURL);
ってかけばいいです。
ただその画像がワンポイント的なものなら更に
繰り返さないように
background-repeat:no-repeat;
ってかいたり、上下が切れないように
height:●●px; (ワンポイント画像の高さ)
とかかいたりします。
詳しい種類はhttp://nous.jugem.jp/?eid=25
によく使うものを書いてありますよ。

| tk | 2009/09/09 10:39 AM |

質問にわざわざ答えてくださってありがとうございます;;
やってみたのですが、
なんだかできなくて・・・。

タイトル(投稿時間?)のところにしたいんですが、
その上に画像が出てきちゃうんです><
どうすればいいのでしょうか?

| しおり | 2009/09/10 5:23 PM |

すみません;;
できました><
ちょっと入れるところを間違えちゃったみたいです><
すみませんでした><
でもありがとうございましたっ;

| しおり | 2009/09/10 5:28 PM |

こんばんは。

私のブログなんですが、
Osakaフォントを使っています。
しかし、サイズ設定をしても、小さくなりません;

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

| のぞみ | 2009/09/10 11:15 PM |

小さくなってると思いますよー。フォントの誤差じゃないですかね。
私はOsakaフォントがインストールされてないので、ちょっと分からないのです。すみません。

| tk | 2009/09/10 11:21 PM |

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

| のぞみ | 2009/09/12 2:05 PM |

2つ質問させてもらってもいいでしょうか?

・下のサイト様のように、
 タイトルや投稿時間の下にライン画像をつけるには
 どうすればいいのでしょうか?
(http://rixxlove.jugem.jp/

・今カスタマイズ4をカスタマイズしてます。
 で、bodyを少し左寄せにしたのですが、できますか??
 少し右寄せにする方法は書いてあるのですが、
 左がわかりません...。
 
 よろしければ教えてください><

| run* | 2009/09/25 2:29 PM |

背景つけたいクラスにcssで
background:url(ライン画像URL) repeat-x left bottom;
って記述いれればいいですよ。

タイトルと日付を横並びにするのは
http://nous.jugem.jp/?eid=80
を参考に調整してください。
divがカスタマイズ用4ではh2やpになってますが、基本は一緒です。

bodyを動かす、の意味が分からないのですが
bodyは土台そのものなので動きようがないです。

cssの注意書き2箇所

/*-------------------------------------------------
bodyについて
全体の背景と構造はbody以下で設定します。

・中央寄せをやめたい
→text-align:center;を削除



/*-------------------------------------------------
layoutについて
#layoutは全体の縦長部分の設定です。

・横幅を変えたい
→width:500px; の500の数値を変更してください。

・中央寄せをやめたい
→margin:0 auto;のautoを削除。
 右寄せにしたい場合はfloat:right;を代わりにいれるか
 margin:0 をmargin-left:左からの余白px;としてください。

は見ましたか?



| tk | 2009/09/25 2:49 PM |


すみません;bodyじゃなくて
記事とかの部分です><

載せてもらった文はちゃんと読んだんですが、
少し左にする方法がわからないんです...


あと、ライン画像を時間とタイトルの下につけるには
どこにbackground:url(ライン画像URL) repeat-x left bottom;を
入れればいいのかわかりません;

**
説明下手ですみません...。

| run* | 2009/09/25 6:14 PM |

左によせるのも同じですよ。
bodyの記述と
layoutのautoを消して

>margin:0 をmargin-left:左からの余白px;としてください。
ここに好きな数字をいれればいいだけです。
とりあえずやってみてから調整してください。


タイトルの方は背景をつける前に
先にタイトルと日付を横並びにしないと駄目です。
もう一回前の記事を読んでやりなおしてください。
あの通りにできたなら、いれるところは.etitleですかね。

| tk | 2009/09/25 6:21 PM |

どこに質問すればいいのかわからなかったのでここに失礼します。

単純かもしれないのですが、
このテンプレートの記事本文の幅を広げるのにはどうしたらいいのでしょうか。
記事を拝見させていただきましたが該当しないようでしたので質問させていただきます。

| ひざお | 2009/09/26 5:39 PM |

どのテンプレですか。
ひざおさんが使ってる「TEMPLATE BY AITETSU 」のテンプレですか?

ぱっと見てみましたが、
なかなかに記述が滅茶苦茶なようです。
bodyタグがないですし、これだとクッキーがきかないかと思います。
1カラムのテンプレは他にもいっぱいあるので、他のテンプレを使うようお勧めしたいところですが、折角なので変更箇所を。

cssの

#back {
width:380px;
background:#FFF;
border-right:1px #fff solid;
border-left:1px #fff solid;
border-bottom:1px #222 solid;
margin:0 auto;
}

#box {
width:400px;
margin:0 auto;
}


.entry {
width: 380px;
margin-bottom: 30px;
}

.entry_head {
width: 380px;
text-align: center;
position: relative;
top: 12px;
}

.entry_headline {
width: 380px;
border-bottom:1px #8B8380 dotted;
margin-bottom:20px;

font-weight: bolder;
}

のwidthをみんな好きな数字にそろえればいいですよ。
ちなみにbackの中にboxが入っているので、今のままだと中身が突き破って矛盾してます。



| tk | 2009/09/26 5:47 PM |

わかりました。
自分でいじってはみた時には解らなかったのですが、
やはりおかしいところがあったのですね。
ありがとうございました。

これを機に、ほかのテンプレートも模索してみようと思います。

| ひざお | 2009/09/27 10:41 AM |


左寄せ試してみたのですが、
右にしか動かなくて真ん中から左に動かないんです...。
どこかおかしくなっているところがあるんでしょうか?
もしかして、背景を固定していることと関係があるとかは
ないのでしょうか><


頑張ってタイトルと日付を横並びにしようと
http://nous.jugem.jp/?eid=80 を参考にやっているのですが、
<div class="etitle">
<span class="entry_date">{entry_date}</span>
<div class="entry_title">{entry_title}</div>
<br class="clear" />
</div>

に変えるところは
最初の<div class="entry_date">{entry_date}</div>
<div class="entry_title">{entry_title}</div> がどこにあるか
わからなくて、
cssの書き換えで.entry_dateもどこにあるかわからないんです...

**
頭わるくてすみません…。

| run* | 2009/09/27 3:23 PM |

なんかが間違ってて左にいかないんだとは思いますが、さすがにそこまでいくと見てみないとわかりません。
普通はbodyとlayoutの記述をいじると左端に寄るはずですので。

横並びの方ですが私ちゃんと
>divがカスタマイズ用4ではh2やpになってますが、基本は一緒です。
って書いてますよ。

<div class="entry_date">{entry_date}</div>
<div class="entry_title">{entry_title}</div>
じゃなくて


<h2 class="entry_title">{entry_title}</h2>
<p class="entry_author">{entry_date} | author : {user_name} </p>
ってなってます。
ですんで、cssで弄るのは.entry_authorですね。

もう本当初心者! まったくわからない!
っていう状態なら、URL張るのが一番早いです。見ないで指示してくっておでんコントみたいなところがありますので。

| tk | 2009/09/27 3:39 PM |

こんにちは。
はるヵといいます。
カスタマイズ用4をつかっています。

ひとつ質問なんですが、
ひとつのページに、たくさんの記事ではなくて、
記事を、ページ1ページずつに、
記事ひとつにすることはできませんか?。
回答、お願いします><

| はるヵ♪+。 | 2009/11/07 9:18 PM |

これ、JUGEMの設定で出来るはずですよ。
管理画面のどこかに設定箇所があったはずです。
表示件数を選べるところがblogの設定でないか探してみて下さい。

| tk | 2009/11/07 10:28 PM |

すみませんッ。
私のミスでしたね・・・。

あと、2つ質問いいですか?
.織ぅ肇覯菫のうえに、少し、空白を
作りたいのですがどうすればいいですか?

▲屮蹈阿梁衞召髻一回消してしまって、
また、表示させるようにするにはどうすればいいですか?

| はるヵ♪+。 | 2009/11/08 3:26 PM |

すいませんッ!
↑の△亮遡笋蓮▲屮蹈阿梁衞召任呂覆、
ブログの記事の題名です><
間違いました><。

| はるヵ♪+。 | 2009/11/08 3:30 PM |

出かけてましたすみません。

1はcssの.site_title
のmarginの上を増やしてください。
margin: 0px 0px 10px 0px;


なってるのの一番最初の0pxを増やします。

2はhtmlで
{entry_title}みたいな独自タグを、元テンプレみて戻してください。
<h2 class="entry_title">{entry_title}</h2>
とかそんな感じです。うろ覚えですが。

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

ありがとうございます!!
なりました(>ω<)
本当にありがとうございます(∀)

| はるヵ♪+。 | 2009/11/14 5:50 PM |

すいませんっ!
また質問です・・・。
もこもこ枠を変えたかったので、かえたら、
記事の真ん中に表示されてしまって・・・。(今は、消しています。)
どうすればいいですか?。

| はるヵ♪+。 | 2009/12/22 6:12 PM |

むむむ。
もこ枠って、blogの横幅にあわせて
(     )
(     )
みたいに両端にもこもこが描かれてる背景を用意しないと駄目なんですよ。
素材屋さんによくある



ってだけの壁紙用意しても駄目です。
自分で加工したり、加工依頼してぴったりのサイズの作って下さい。

| tk | 2009/12/22 6:22 PM |

ありがとうございます!!助かりました><

| はるヵ♪+。 | 2009/12/22 8:14 PM |

はじめまして。
はじめてなのに質問って
ちょっとダメだったらすみません・・・
2カラム(左メニュー)にする方法が分かりません。
http://real777.img.jugem.jp/20091224_911067.png
↑のような2カラムにしたいです。
タイトルが画像で・・・という感じに。
見れなかったらすみません。

| 福/ | 2009/12/24 1:40 PM |

↑の者です!!

画像小さすぎてすみません(^_^;)

| 福/ | 2009/12/24 1:41 PM |

これ、元テンプレをカスタマイズ用flatにすればいいですよ。
htmlとcssにカスタマイズ方法が書いてあるのでみてみてくださいね。

| tk | 2009/12/24 2:16 PM |

ありがとうございます。
さっそくしてみますね!!

| 福/ | 2009/12/24 2:47 PM |

こんにちは。

カスタマイズ用 flatを使用させていただいてるんですが、
サイドバーの報告を、サイドバーの中の真ん中に場所を移したいんですが、
できますか?

| のぞみ | 2010/01/05 5:23 PM |

URLを提示しないでご自分のblogにしかない「報告」ってコンテンツのことを仰られても、「知らんがなー」としか言えません。
その報告がなんなのか分かりませんが、html弄って、<!--BEGINタグから<!--ENDタグごとコピペして移動させればいいんじゃないでしょうか。

| tk | 2010/01/05 9:04 PM |

ありがとうございます。

| のぞみ | 2010/01/08 5:13 PM |

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

質問させていただきたいのですが、OTHERSのAdmin(私のブログで言うとMake up)のところが何故か太字になってしまいます。
文字を変えてみたりもしたんですが、直りません…。
文字を太くしないためにはどうすればいいでしょうか?
使用させていただいているテンプレートはflatです。

説明が分かりにくいと思いますが、よろしくお願いします。

| 水樹 | 2010/02/10 6:20 PM |

その上のフリースペース? の表記のAuto Boardですが、<b>があって</b>がないようです。
これをちょっと閉じてみてくれますか?

| tk | 2010/02/10 6:48 PM |

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

| 水樹 | 2010/02/10 7:12 PM |

Submit Comment