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

<< iframe(もどき) 窓画有 + main + スクロールバーの変更 >>

よくある質問集

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


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


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


■具体的カスタマイズ

スポンサーサイト

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

| | Comment 0 | - |

JUGEM独自タグ

厳密にはxhtmlではないのですが
JUGEMのカスタマイズをするには避けて通れないのが
この独自タグ。
はい独自タグリストはここにありますよ


独自タグとはブログサービスによって異なる
html出力のための記述です。
MTなんかだと普通の<>で囲まれたタグですが
JUGEMは{}で囲まれます。ロリポも一緒ですね。


テンプレの編集をすると、html編集とcss編集がありますが
html編集には{}で囲まれたものがいっぱいあるはずです。
でも実際のブログのソースを表示させると{}はない。
これは{}内の独自タグが、貴女のブログに対応した内容に
変換されるからです。


例えば{blog_name}
これは実際のソースでは
<a href="http://[id].jugem.jp/">ブログタイトル</a>
となります。
つまりhtml編集で{blog_name}と書けば
勝手に貴女のブログタイトルを調べて、
そのトップにリンクを張ったものを出力してくれるわけです。
便利だー。


マニュアルの見方は一番左の{}はhtml編集フォームに
書き込む記述。真ん中は実際のソースではどうなるか
一番右は普通の説明ですね。ここまでokですか?


ただJUGEMの独自タグにはある決まりがあります。
それはものによって決められた
<!-- BEGIN なんとか --> 〜 <!-- END なんとか -->
の間でしか動かないというものです。
htmlのソースを見るとこういうものが
いっぱいありますよね。
どの独自タグがどのエリア内で動くかというのは
マニュアルに書いてあるのでチェックしてみてください。
またこのエリアがhtml内に同じものが2個ある場合
正しく動作しなかったりしますのでそれも注意。


ではどのように使うかですが、
例えば


1.タイトルを画像にしたい
大抵元々は<h1 class="site_title">{blog_name}</h1>
みたいになってるんじゃないでしょうか。
なのでこの{blog_name}をimgタグに置き換えてみます。
でもそれだけじゃリンクは張られませんよね。
{blog_name}はこれだけでリンクサービス付きの
優れものだったのです。


だから
<h1 class="site_title"><a href="ブログURL"><img src="タイトル画URL" /></a></h1>
とaリンクタグを足してやる。
これでタイトル画をクリックするとトップに飛ぶようになります。


2.recent commentをすっきりさせる。(上級)
このブログみたいにエントリ名を省いてみます。
まず普通は


<!-- BEGIN recent_comment -->
色々
{recent_comment_list}
色々
<!-- END recent_comment -->

みたいになってますね。
{recent_comment_list}はこれだけでリストを10件表示し
エントリタイトルと投稿者名と日付を2行で表示します。
これをすっきりさせるには{recent_comment_list}を
使わないでリストをださないといけません。


それにはrecent_commentのエリア内に
さらにrecent_comment_itemsのエリアを作って書き込みます。
このrecent_comment_itemsのエリア内は
コメントの数だけ(最大10回)繰り返すようになります。


<!-- BEGIN recent_comment -->
<ul>
<!-- BEGIN recent_comment_items -->
<li><a href="./?eid={recent_comment_item_entry_id}#comments"> 〔{recent_comment_item_date}〕 {recent_comment_item_name}</a>
</li>
<!-- END recent_comment_items -->
</ul>
<!-- END recent_comment -->

こんな感じですね。
{recent_comment_list}には元々リストを作成する
ul liタグが含まれていたんですが
これを使わないため自分でulとliを書かないといけません。


リンクを張る頁を実際ブログ側で見てみると
http://ブログURL/?eid=エントリID#comments
ってなってますよね。ブログURLは.だけででるので
エントリIDを独自タグ{recent_comment_item_entry_id}
で置き換えてやります。
何だか数学の方程式みたいになってきましたよ。


続いてリンクを張る文字部分に
{recent_comment_item_date}で日付を
{recent_comment_item_name}で投稿者名を出力します。
[]は見やすいように入れてるだけです。
で</a>で閉じ、この項目を</li>で閉じ出来上がりです。


こっちはそれなりにhtmlの知識がある人じゃないと
中々すぐには理解できないかもしれません。
特にulとliとかはリファレンスを見てみてください


独自タグが分かると色んな改造が簡単にできるので
まずはバックアップをとってあちこち書き換え
html編集内のhtmlと実際のソースを比べて研究してみてください。

| 09:23 | Comment 173 | - |

スポンサーサイト

| 09:23 | Comment 0 | - |

Comment


こんにちは!お久しぶりです!!
今回も相談があって来ました。

まず、↓のページを見てください。
http://3698369.jugem.jp/?tid=21

タイトル画が右側にいってますよね。
真ん中にすることはできるでしょうか??

お返事待ってます。

| 羅葵 | 2007/12/27 5:39 PM |

こんばんはー

cssの
.site_title {
font-family: "Osaka", "Osaka‐等幅", "Verdana", "MS ゴシック";
font-size: 20px;
font-weight: bolder;
color: #808080;
margin: 10px 0px 10px 20px;
}

.site_title {
font-family: "Osaka", "Osaka‐等幅", "Verdana", "MS ゴシック";
font-size: 20px;
font-weight: bolder;
color: #808080;
margin: 10px 0px 10px 0px;
text-align:center;
}
にするといいですよ

| tk | 2007/12/27 5:54 PM |

こんにちはでなくてこんばんはでしたね(笑)

毎度毎度ありがとうございました!
やってみますね!

| 羅葵 | 2007/12/27 5:56 PM |

できました!
tkさんありがとうございます!
もーほんとに感動しました!><。

| 羅葵 | 2007/12/27 5:58 PM |

またまたすいません;;
http://aair.jugem.jp/
を見てもらったらわかると思うんですが
記事全体がすごく下にいってしまって...
タイトル画の場所はわざとなんですけど
(自分で思ってる)上余白のタグなどはいじってないんですが...。
↓こうなってるんですけど...。
.site_title {font-size: 13px;
font-family: "Osaka", "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-weight: bolder;
color: #666;
margin: 600px 900px 0px 0px;
}
.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,{
color:#666;
text-decoration:none;
}
.site_title a:hover {color:#ccc; text-decoration:none;}

.description {
font-family: "Osaka","Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #666;
margin: 0px 900px 0px 0px;
}
.entry {
background: #---;
margin: 0px 0px 0px 700px;
padding: 20px;
}

| れあ | 2008/01/05 12:32 PM |

margin: 600px 900px 0px 0px;

marginの1番目の数字は上余白です。

| tk | 2008/01/05 1:15 PM |

記事の上余白のとこは
.entry {
background: #---;
margin: 0px 0px 0px 700px;
padding: 20px;
}
で0じゃないんでしょうか?

| れあ | 2008/01/07 11:31 AM |

いや、ですから
記事はタイトルの下にあるものとして認識されとるのです。
なのでタイトルを下げれば記事もさがります。
タイトルと記事を横並びにさせたいなら
むしろ2カラムの構造になってくるので
html,cssのかなりの書き換えが必要ですね。

| tk | 2008/01/07 11:47 AM |

こんにちは。
タイトル画がページ上ギリギリに
表示されます。
タイトル画をもう少し下に下げる方法とかあるんですか?

| ちえ | 2008/01/08 4:09 PM |

css .site_titleにmargin-topをとるといいです。
margin:● ● ● ●;
となっていたら一番最初の数字ですね。

| tk | 2008/01/08 4:21 PM |

.site_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-weight: bolder;
color: #000000;
text-align:center;
}


.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
color:#000000;
text-decoration:none;
}


.description {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 12px;
font-weight: bolder;
color: #000000;
margin:10px 0px 20px 20px;
}

1番下のmargin:10px 0px 20px 20px;の
10pxを消すんですよね??
消したんですけど変化がありません;

| ちえ | 2008/01/08 4:37 PM |

色々間違ってる!
>.site_titleにmargin-topをとるといいです。
とかいてあるので
.descriptionは全く関係ありません。

margin-topがないなら、それを加えてください。
あと減らすんじゃなくて増やすんです。余白ですから。

margin-top:10px;
みたいに。

| tk | 2008/01/08 4:43 PM |

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


あの、ブログ見て頂いたら
分かると思うんですが
記事部分の右側のもこもこが
何か変です。
サイズもちゃんと合わせている
はずなのに・・・
原因教えて下さい。
何度もごめんなさい(´ー`)

| ちえ | 2008/01/08 4:48 PM |

.back2の
padding:0 10px;
の10を増やしてみては。

| tk | 2008/01/08 4:50 PM |

増やしてみたら
さらにおかしくなってしまいました・・・
すいません;

| ちえ | 2008/01/08 4:57 PM |

あ、減らしたら出来ました。
でも記事全体が左に寄ってるけど・・・
やっぱり記事部分の幅が
狭いんですかね;

| ちえ | 2008/01/08 5:00 PM |

増やした状態で見せていただかないとわかりません。
今減らしてますよね?

| tk | 2008/01/08 5:00 PM |

うーん、何をおかしいとおもってらっしゃるのか
わからないんです。
widthは横幅です。
paddingは中身からの余白、両脇です

全体幅は310pxですよね?

なので
width+padding×2=310px
じゃないといけないわけですよ。
ここまで分かりますか?

もこもこにかさなるというのなら
paddingを増やさなければいけませんが
その分cssのwidthを減らさないといけないわけです。

| tk | 2008/01/08 5:05 PM |

何かごちゃごちゃになってきました・・・
全体幅って記事部分のですか??
記事部分の全体幅なら310pxで間違いないです。

width+padding×2=310px
の「width+padding」は
記事部分の横幅+中身からの余白って事ですよね??
そうだとしたら、
記事部分の横幅=310なんですが、、

何かややこしいこといっぱい言って
すいません・・・><

| ちえ | 2008/01/08 5:28 PM |

うーん
変数を使った数学はやられたことがありますか?

両脇に余白をとってもこもこから距離をとりたいのなら
paddingの数字を増やす必要があります。

そうすると.back2のwidthをxとし、
paddingを10pxに増やした場合た場合

x+20px(paddingが10pxで2をかける)=310px
にしないと駄目ですよね?
足し算と掛け算が並んでいる場合は掛け算優先ですよ。
widthとpaddingを足して2をかけるのではなく
paddingに2をかけてからwidthと足すわけです。
中学でやった気もしますが、かなり昔なので今とは勉強内容がちがうのかも。

つまりpaddingをふやすならば、幅がtdで設定した数字を溢れないようにxを減らす必要があるわけです。

| tk | 2008/01/08 5:45 PM |

あ〜!!!
出来ました!!
本当ありがとうございます><
何か色々頭使うんですね;
アホな私には相当難しいです・・・
足し算と掛け算の仕方も間違ってたなんて・・・
掛け算優先ですよね。普通。笑
私がこんな事出来る何て…
奇跡に近いです。笑
これも全部tkさんのおかげです!
本当にありがとうございました。
又質問しに来てしまうと思いますが、
その時はよろしくお願いします;

長くなってすいません;

| ちえ | 2008/01/08 6:07 PM |

flatはテーブルレイアウトなので結構計算が面倒ですorz

他のはもっと楽だったりするんですが::
お疲れ様でしたー!

| tk | 2008/01/08 7:37 PM |

わかりました!ありがとうございます...
と言いたいところなんですが
2カラムにした場合
両方centerにしたいんですが
どこをかえればいいんでしょうか??

ほんとにすいません...

| れあ | 2008/01/08 10:57 PM |

2カラムなのに両方centerとはこれいかに。

両方とも真ん中にあるなら自然と
タイトルの下が記事なんじゃないでしょうか・・・・
centerってどういう意味で仰ってるんでしょう。

ちょっと理想図が見えてこないので
図にでもしてください。

| tk | 2008/01/08 11:06 PM |

すいません!!
両方じゃなくてサブ?というか
カテゴリーとかの記事じゃない方だけを
真ん中寄せにしたいんです。

それと普通記事タイトルをクリックしたら
その記事全体がでてくるじゃないですか。
それができないとき(タイトルがクリックできない)は
どうすればいいんでしょうか??

| れあ | 2008/01/08 11:44 PM |

すいません、全然分かりません。

       サイドメニュー 本文
タイトル画

こんな感じですか?
これだと3カラムだと思うんですが。
真ん中寄せって字を真ん中寄せですか?
配置を真ん中にするってことですか?
やっぱり図にしてください。

あと今お使いのテンプレだと
テーブルレイアウトの1カラムなので
これを2カラムや3カラムにするのは大変ですよ。
少なくとも私はやりたくないです。
1からhtml書き換えと同じくらいの手間なので。
UTFからもっと近いテンプレを探してください。

タイトルはタイトルの独自タグを探して
<a href="{entry_permalink}">{entry_title}</a>
でもしてやればいいです。
ちなみにJUGEMは普通タイトルクリックできないテンプレがほとんどです。
出来るテンプレはわざとそうしてあります。

| tk | 2008/01/08 11:50 PM |

字だけを真ん中寄せってことです。
テンプレは2カラムのをつかうつもりです。

        タイトル画
  本文           サイド
  あいうえお       あいうえお


こんな感じです。わかりづらくてごめんなさい。

タイトルクリックできない方が多いんですか!!
わかりました。ありがとうございます。

| れあ | 2008/01/09 12:07 AM |

おおおお、ようやく分かりました。ありがとうございます。

cssの最後に

li {
text-align:center;
}

って書いてください。

| tk | 2008/01/09 12:16 AM |

すいませんorz そして始めまして・・

ここのサイト様をみながら編集などさせていただいておりました!!

そしてやっとここまで・・・・

が!

見て分かるとおり、タイトル画でトップに飛べるようにまではできたんですが、

枠線がーーT_T泣

どうしても直りません・・
よろしければ教えてほしいです><


http://iovext.jugem.jp/

| br.asa | 2008/01/09 2:25 AM |

http://nous.jugem.jp/?eid=48
をご覧下さい。

| tk | 2008/01/09 5:09 AM |

それを消してもなおりません;;

| br.asa | 2008/01/09 8:32 AM |

仰っていることが分かりません。
cssに書き足せというエントリなのですが
何を消されたのですか?

| tk | 2008/01/09 9:12 AM |

わああ(´;ω;`)

すいませんorz

なんか勘違いしてました;;
直りました!

ほんとにほんとに有難うございました;;

| br.asa | 2008/01/09 12:31 PM |

久しぶりですいません;;
li {
text-align:center;
}
を最後にいれてみたんですが
やっぱり上手くいきませんでした...
どこか違うところで設定させてたりするんでしょうか??

| れあ | 2008/01/12 5:49 PM |

li {
text-align:center;
}
がcssにありませんが・・・・・。
駄目だったら駄目だったで、入れた状態で
見せていただかないとわかりません。

あとcssに
<STYLE>

-->
</STYLE>

<style type=text/css>
などのhtmlを書いては絶対にいけません。

| tk | 2008/01/12 5:56 PM |

まだ編集中の設定なので
見れるかどうかわからないですけど...

http://aair.jugem.jp/?tid=30

こんな感じです。

| れあ | 2008/01/14 1:59 PM |

ああ、サイドってカテゴリーとかのことじゃなかったんですか。
最初拝見した時はそういうのだけだったので
リストの中央寄せを紹介してしまいました。

フリースペースの中央寄せなら
.linktitleや
.linktextに
text-align:center;を挿入です。

| tk | 2008/01/14 2:11 PM |

できました!!
長々とすいませんでした。
ありがとうございます。

また質問にくると思いますが
よろしくお願いします;;

お世話になりっぱなしなので
せめてリンクはらせてもらってもいいでしょうか?

| れあ | 2008/01/14 2:39 PM |

いつでもどうぞー!
リンクはどちらでもいいです。
張っていただけたら嬉しいですし
面倒ーってことでしたら別に構いません!
ありがとうございました。

| tk | 2008/01/14 3:20 PM |

タイトル画が左寄りになります。
中央にするにはどうすればいいですか?

| c | 2008/02/15 8:58 PM |

カスタマズ4についてなんですが、
もこもこ背景の画像と
記事部分の幅を同じに設定しているのに
白い余白がもこもこからはみ出てしまいます。
どうすれば良いでしょうか?
2度も質問すいません。

| c | 2008/02/15 9:21 PM |

もこもこのずれは
css #layoutの
background-color:#fff;の行を削除。
それでなおらなかったら
タイトル画や本文に横幅が大きすぎるものがある。

タイトル画は普通なら中央に来るよう設定されているので、実際の様子を見てみないと分からない。
もこもこのずれと関係があるのかも。

| tk | 2008/02/15 9:40 PM |

あれ、名前cってなってる;
ごめんなさい;
ちえです。

カスタマイズ6の挑戦してみました。
tk様にも色々分からない所教えて貰い
ました。
けど、初心者の私にはまだアイフレは
難しすぎるかな,と…
ゆっくり時間をかけてカスタマイズ6を
使いこなせるように頑張ります!!

って事で、カスタマイズ4をDLさせて頂きました。
何個もDLして本当にごめんなさい;
tk様にも申し訳無いことしました。
アドレス載せときましたので
良かったらお返事お願いします。

| ちえ | 2008/02/16 11:46 AM |

css #contentsの
margin:0 15px;

margin:0;
にしてください。

htmlタイトル部分の
<P align="center">は削除で。

| tk | 2008/02/16 12:10 PM |

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

あと、entry_titleで
題名の前に画像をおきたいとき・・・

background-imageでアイコンのURLを指定し
 background-repeatでno-repeatに
 height:○○px;で画像の高さ分高さをとり、
 最後にpadding-left:○px;でアイコンの横幅よりちょっと大きく
 右にエントリタイトルをずらしてください。
 エントリタイトルを下にずらしたい場合は
padding-topを指定してください。

とありますが自分で追加するんですか?


| ちえ | 2008/02/16 1:17 PM |

そりゃなかったら自分で書き入れます。

http://nous.jugem.jp/?eid=82
flatが元ですが、これを参考にまずやってみて
それでおかしかったらその時また聞いてください。

| tk | 2008/02/16 1:21 PM |

参考にしてやってみました。
画像は表示されたんですが、
題名のすぐ横に画像を移動するには
どうすれば良いですか?

| ちえ | 2008/02/16 1:31 PM |

あー、これは無理ですね。
タイトルは中央に来るようになっているので
text-align:center;を削除してタイトルを左によせるか、

cssの背景でアイコンをいれるのをやめて
htmlの{entry_title}の前にimgタグでアイコンを挿入するかのどっちかになります。

| tk | 2008/02/16 1:40 PM |

ありがとうございます!
出来ました・

繰り返し質問すいません。
メニューを画像に変えることは出来ますか?

| ちえ | 2008/02/16 2:19 PM |

違うテンプレの注意書きですが

html側

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

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

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

と同じですので、参考にしてください。

| tk | 2008/02/16 2:32 PM |

<!-- BEGIN freespace2 -->
<div class="f_t"> <img src="http://xxkiralaxx.img.jugem.jp/20080213_243971.gif" alt="Menu" /></a></div>
<div class="f_c">{freespace_contents2}</div>
<!-- END freespace2 -->

としたんですが、変化がありません;

| ちえ | 2008/02/16 2:58 PM |

うーむ。
このテンプレですと

<a href="" onclick="return buttonClick(event, 'MENU8');">Top</a> |
<a href="" onclick="return buttonClick(event, 'MENU10');">About</a> |
<a href="" onclick="return buttonClick(event, 'MENU9');">Mix</a> |
<a href="" onclick="return buttonClick(event, 'MENU1');">Calendar</a>

こっちに相当ですよ。
aboutとかmixはご自分で書かれたんでしょうから
分かるかと思います。

| tk | 2008/02/16 3:36 PM |

あ!本当だ!
出来ました!
ありがとうございます。

あの、それぞれの文字サイズの事なんですけど、
・コメント欄の文字サイズ
・カレンダーの文字サイズ
この2つです。

コメント欄の方は、

.comment-title {
font-size: 9px;
font-weight: normal;
color: #999999;
margin: 10px 0px 10px 0px;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;
}の下に

input, textarea {
border: 1px solid #666;
font-size:10px;
color:#000000;
}

と入れてみたんですけど、
サイズは小さくなっても
文字色が指定出来ませんでした;

カレンダーの方は全く分かりませんでした。

方法を教えて下さい。

長文すいません。

| ちえ | 2008/02/16 3:43 PM |

カレンダーはhtmlをみるだに

.calendarか
.weekdayか
.cellじゃないですかね。
この項目がない場合は自分で追加してください。

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

・枠線の色や太さを変えたい。
→border部分を変更してください。
 1pxが太さ、 solidが直線 #000が色です。

・文字色を変えたい
 colorのカラーコードをかえてください。

・背景色を変えたい
→backgroundのカラーコードをかえてください。

-----------------------------------------------------*/

.form_color {
border:1px solid #ff99cc;
color:#b9b9b9;
background:#ffffff;
font-size: 10px;
}

っていう項目があるかと思いますが、
ここは調整してみましたか?

| tk | 2008/02/16 4:53 PM |

コメント欄のサイズ何とか出来ました!

.calendar
.weekday
.cell

を加えたらサイズ小さくなるんですか?



もう1つ分からないことがあって;;
上のメニューをクリックすると
小窓で表示されますよね?
一部だけ小窓表示無しで
そのままeid=●のページに
移動する方法教えていただけますか?

本当しつこく質問してすいません。
お返事はいつでも結構です。

| ちえ | 2008/02/16 5:31 PM |

そういう項目がなかったら作ってその中でフォントサイズしてくださいってことです。

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


<a href="いどうしたいとこ">Top</a>
にすればいいのでは。

| tk | 2008/02/16 5:50 PM |

ありがとうございます。
出来ました。
今日は色々とありがとうございました。

| ちえ | 2008/02/16 6:04 PM |

お久しぶりです。こんにちは。
画像の上の余白をなくしたいのですが...
どこのmarginを変えればいいんでしょうか?

| れあ | 2008/02/23 2:14 PM |

#wrapper {
padding: 30px 25px;

}

の30を0にすればいいです。

| tk | 2008/02/23 3:11 PM |

tkさん、こんばんは。
検索して記事に載っていなかったようなので質問します♪

記事のタイトルを点線の上に、
日付を点線の下に置きたい場合...
どうすれば良いのでしょうか。

よろしくお願いします(>_<)

| ちょこ | 2008/02/23 9:46 PM |

えーと

<div class="entry_date">独自タグ</div>

<div class="entry_title">独自タグ</div>

ってなってるのを
<div class="entry_title">独自タグ</div>
<div class="entry_date">独自タグ</div>

上下逆にしてcss
.entry_dateにあるborder-bottomの行を
.entry_titleの方に移せばいいです。

| tk | 2008/02/23 9:58 PM |

タイトル画を設定しようと思い、

<!-- BEGIN title -->
<h1 class="site_title"><a href="h★ttp://greed-days.jugem.jp/"><img src="h★ttp://greed-days.img.jugem.jp/20080501_189530.png" /></a></</h1>
<!-- END title -->

にしたんだですけど、画像がうつりません!

そうしたらうつりますか?

| なりち | 2008/05/01 8:57 PM |

http://nous.jugem.jp/?eid=49
の3に該当かな。
{blog_description}を削除していたとしたらそれが原因です。

あと
</a></
の</ はなんですか。消しといてください。

| tk | 2008/05/01 9:26 PM |

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

| なりち | 2008/05/01 10:35 PM |

こんばんは。

早速質問なのですが、
ブログのタイトルを画像にしたのですけれど
私のPCからはちゃんと画像が表示されているのに
友達のPCからは見えてないらしいんです。
原因は何でしょうか?

| みい | 2008/05/11 7:48 PM |

直リンク禁止なところにupして張ってるからだとおもいますよ。

| tk | 2008/05/11 8:34 PM |

ご解答ありがとうございました。
直リンク禁止なところにupして張っても
自分には正常に見えるんですね(´・ω・`)

直リンクokな所にupしました。

| みい | 2008/05/11 10:16 PM |

見えるようになりましたー

| tk | 2008/05/11 10:19 PM |

はじめまして!!!!
私もブログのタイトルを画像にしたのですが・・・
ぜん見えなくて・・・
変な文字までてきてるんです↓↓
見てもらえませんか?!

| miley love | 2008/07/22 11:48 AM |

間違い

<center>
<h1 class="site_title"><a href="http://forever21asin.jugem.jp/"><<a href="http://forever21asin.jugem.jp/">shining</a></h1><"img src=http://forever21asin.img.jugem.jp/20080627_295679.jpg" /></a></h1>
<div class="description"></div>
</center>

正解

<center>
<h1 class="site_title"><a href="http://forever21asin.jugem.jp/"><img src="http://forever21asin.img.jugem.jp/20080627_295679.jpg" /></a></h1>
<div class="description"></div>
</center>

| tk | 2008/07/22 1:21 PM |

ご解答ありがとうございます!!!
まだ見えないのですが・・・
HTML編集フォームの<!-- BEGIN title -->と<!-- BEGIN title -->
の間に付け足すんですよね・・・・
画像が大きすぎるのでしょうか?!(498×399)
お返事よろしくお願いします。

| miley love | 2008/07/23 12:47 PM |

http://nous.jugem.jp/?eid=49
これの3番後半が該当すると思われます。

| tk | 2008/07/23 2:18 PM |

http://teddy-pink.jugem.jp/
今日からJUGEM作ったんですが

タイトル画をつけたら、画像の周りに紫の枠が出来てしまいました。
枠を消すにはどうすればいいでしょうか…??;;

教えて下さい><

| 梨沙子 | 2008/07/28 10:07 PM |

よくある質問集
http://nous.jugem.jp/?eid=48
を参照下さい。
あとふみにアップロードした画像に直リンクしていると、いずれ消えちゃいますよ。JUGEMにアップロードしなさなければいけません。

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

ジュゲムでアップロードしようとしたら、
大きすぎますってなってしまいました;;

| 梨沙子 | 2008/07/28 10:22 PM |

↑すみません;
解決しました。

| 梨沙子 | 2008/07/28 10:29 PM |

すみません。
この記事と関係ないんですが、
「flat white」というテンプレートって削除されたんですか?

| ちな | 2008/07/29 1:28 PM |

さぁ……。さすがに知りません。検索してなかったらそうじゃないでしょうか。大分古いテンプレですし。

| tk | 2008/07/29 6:30 PM |

そうなんですか!
探してもなかなか出てこなかったんで…
古いテンプレだったんですね!

もう1つ質問しますが、
サイドバーや記事の背景(?)の色って変えるのはどうすればいいですか?
http://xoxojam.jugem.jp/様みたいな、茶色の部分です。
(アドだしすみません)

説明ヘタですみません;;

| ちな | 2008/07/30 5:08 PM |

cssの

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

}

のバッググラウンドカラーが直訳ですが背景色です。
ここのカラーコードを書き換えてください。

| tk | 2008/07/30 6:24 PM |

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

あの、記事の場合はどうすればいいんですか??
ほんと、なんかいもすみません;;

| ちな | 2008/07/30 6:51 PM |

あれ、
background: #ffffff;
が原因ですね。.entryかな。
カレンダーのところも同じ記述があるせいのようです。
#ffffffか#FFFFFFで検索して、その左がbackgroundかbackground-colorになってるならそれが犯人ですよ。

| tk | 2008/07/30 7:10 PM |

はい、
background-colorになってました。
何かに書き換えたらできるんですか?

| ちな | 2008/07/30 8:30 PM |

#ffffffは白です。
なので変えたい色に書き換えるか、その行ごと削除、です。

| tk | 2008/07/30 8:58 PM |

変えたい色に書き換えたんですが、
できなかったんです、、、

| ちな | 2008/07/30 10:02 PM |

変わってませんよ

.entry {
margin: 0px 10px 20px 10px;
padding: 0 5px;
background: #ffffff;
}

って#ffffffのままですが。

| tk | 2008/07/30 10:14 PM |

できました!!!
なんかいろいろ質問して、、、
ありがとうございました!

| ちな | 2008/07/30 10:30 PM |

あの、タイトル画つけてみたんですけど
こんな風になってしまったんです..
http://xx-mami-xx.jugem.jp/
上みたいな.. 左よりなんです...


直していただけますか?

| 莉侑 | 2008/08/05 2:03 PM |

元テンプレはなんですか?
カスタマイズ用flatなら、ちゃんとどこにタイトル画をいれるか指示がかいてあるので、使いやすいはずです。

タイトル画は{blog_name}の独自タグを置き換えるものですが
あなたは{site_title}とかきかえてあります。
この二つは全然違うものです。
おちついて変更前の元テンプレと見比べながら直して下さい。

| tk | 2008/08/05 2:17 PM |

分かりました

 

| 莉侑 | 2008/08/05 7:52 PM |

あの、元のテンプレ消してしまったので
新たに作り直したんですけど、やはり意味が分かりません..

さっきとシステムが変わってて 余計意味不明になってしまって..

今とてもパニくってるんです...


タイトル画はどうやって貼りつければよいのでしょうか?

imgタグとかの意味がまったく分からなくって...

すいません>< ご迷惑をおかけして

| 莉侑 | 2008/08/05 8:22 PM |

JUGEMは最低限のhtmlを分かっていない方にはカスタマイズしにくいと思います。
まずは
http://jugem.jp/utf/?mode=viewer&act=lookup&jtid=4735
のテンプレをDLして、htmlとcssを全部読んで下さい。
そうすれば書き換え方が分かるはずです。

| tk | 2008/08/05 9:41 PM |

ありがとうございます><;

 やっぱり分からなかったので お友達にやっていただきました><


何か すいません><

| 莉侑 | 2008/08/05 9:50 PM |

はじめまして○┓
質問なんですが、
タイトル画が左よりになっていて、
直そうと思っても直らないんです;
よければお助けお願いします!

| はづき | 2008/08/13 1:56 PM |

タイトル画が左になっているというより、
何か大きいものを入れすぎて記事部分が右に広がっちゃってるみたいですね。
体力測定のロゴがあやしいかな。

.entry {
margin: 0px 10px 20px 10px;
padding: 0 20px;
}

のpaddingの20を減らすと、余白が狭くなってちょっと改善します。
それでも収まりきらない場合はロゴの画像をちっちゃくしてください。
今の状態では横が300pxを越えてるとまずいですね。

| tk | 2008/08/13 2:06 PM |

画像消しちゃいました!
そしたら元通りです☆
素早い対応、ありがとうございました!!

| はづき | 2008/08/13 2:16 PM |

すみません…
またひとつ問題ができて;
コメント書くところが大きいのか
わからないんですけど、
コメント見る画面になると、
右に大きく広がってしまうのですが;
これは直りますか?

| はづき | 2008/08/13 3:23 PM |

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

よくある質問の
http://nous.jugem.jp/?eid=75
を参照ください。

| tk | 2008/08/13 4:27 PM |

こちらこそすみません;
よくある質問のところにありましたね…
無事解決いたしました!
本当にありがとうございました!

| はづき | 2008/08/13 5:02 PM |

あの、タイトル画を貼ってみたのですが
タイトル画が左よりでそして小さくなってしまってるのですが

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

教えてください

| 莉侑 | 2008/10/01 9:49 PM |

カスタマイズ用flatかと思ったら違うようですね。
UTFのどれかでしょうか。

<table><tr><td class="right_top" valign=middle>

<h1 class="site_title"><a href="/?eid=6"><img src="http://xxerihoxx.img.jugem.jp/20080928_270706.png" /></a></h1>
<div class="description"></div>

</td></table>

htmlがタイトル画部分はこうなってますが、色々要りません。

これ全部消して
<h1 class="site_title"><a href="/?eid=6"><img src="http://xxerihoxx.img.jugem.jp/20080928_270706.png" /></a></h1>
<div class="description">独自タグはそのまま</div>

って感じにしてください。

でcssの
.site_title {
font-family: "verdana";
font-size: 10px;
color: #FFA500;
font-weight: bold;
text-align: left;
margin: 20px 20px 5px 20px;
}




.site_title {
font-family: "verdana";
font-size: 10px;
color: #FFA500;
font-weight: bold;
text-align: left;
margin: 20px 0px 5px 0px;
text-align:center;
}

に変更で。

| tk | 2008/10/01 9:56 PM |

変更してみました

<table><tr><td class="right_top" valign=middle>
の部分は消したら記事が消えてしまったので とっておいています

まだ小さいような気がするのですが
この際、カスタマイズ用のプレートに変えた方がよろしいですか??

| 莉侑 | 2008/10/02 11:03 AM |

エントリ消えたのは
<td width="470" class="back2">
まで間違って消しちゃったんじゃないでしょうか。
ちょっと変わったつくりのテンプレですね。
タイトル画部分を意味なくテーブルで囲ってあるようです。
小さく見えるのはそのテーブルのせいだと思いますよ。

どうしても上手くテーブルタグをはずせないなら
テンプレを変えるのもありだとは思いますが、
まずカスタマイズ用flatとhtmlを見比べて
タイトル画付近のタグを直してみるといいかもしれません。


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

そうなんですかっ☆ 

分かりましたっ


ちょっと一旦テンプレート変えます

| 莉侑 | 2008/10/02 1:26 PM |

こんにちは><*

今リニューアルをしてるのですが、タイトル画ともこもこが
かぶってしまって その上記事ももこもことかぶってしまうのですが
どうしたらいいでしょうか??
タイトル画を軽く右にやろうと思っても、どうやっていいのかが分からないので...

| れう | 2008/11/02 8:42 AM |

うーん、もとのテンプレが他所様のなので説明しにくいんですが

.back1と.back2に

padding:0 ○○px 10px ○○px;

っていれて余白をとってみてはどうですか。
○○はもこもこの柄がある部分の幅です。

| tk | 2008/11/02 8:52 AM |

やってみたのですが、ブログを見ていただければ分かると思うんですが
あんな感じになってしまいました..

もうちょっと具体的に教えていただけませんか??
ごめんなさい><;

| れう | 2008/11/02 8:59 AM |

○○の部分がでかすぎる。
「もこもこの柄がある部分」であって、「もこもこ全体」の幅じゃないです。
画像を作ったのは私じゃないので、自分でどれくらいか調整してくださいね。
これ以上具体的には教えようがありません。

| tk | 2008/11/02 9:24 AM |

tk様こんにちは!

質問いいですか!?

あたしのぶろぐを見てくれればわかるんですが
記事が表示されるのを1つにしたいんです…
でもHtmlとかCssみてもないんです…
どうすればいいでしょうか?

| しょこ | 2008/12/06 2:26 PM |

公式マニュアルを読むか管理画面のJUGEMの設定かなんかをみましょう。
htmlやcssの問題ではなく、表示記事数を決めるところがあるはずです。

| tk | 2008/12/06 2:33 PM |

こんにちは!
こんな例がなかったのでこちらに書かせてもらいます><

ブログを見ていただけるとわかるんですけど
サイドバーが二つにわかれて、タイトル画も二つあるんですよ・・・ 
左側のタイトル画がいらないんですけど
どうやったら取り外せますか??
よければ教えてください!

| なのは | 2009/02/19 6:14 AM |

URLからとんだ先は普通に見えます。
仰るような状態にはみえません。

| tk | 2009/02/19 9:41 AM |

こんにちは。

タイトル画を見ていただくと分かるのですが、
実際のサイズよりかなり小さくなってしまっているのですが、
どうすれば良いのでしょうか?

よろしくお願いします。

ps.既出だったらすみません・・・。

| yukinko | 2009/03/15 12:04 AM |

htmlのタイトル画タグ内の

width="90" height="60"

がそれぞれ 横 と 縦のpxです。
本当の数字にかきかえてください。

(ただ本当の数字にかきかえると大きすぎますが。横330pxくらいにした方がいいですよ)

| tk | 2009/03/15 12:13 AM |

おお!
出来ました!!!

ありがとうございます!
初歩的な事ですみませんでした。

もう1つ質問したいことがあるのですが、
タイトル画をクリックすると、
そのページが更新されるようにしたいのですが、
今は新しいページが開いてしまうんです。

どうすれば良いのでしょうか。
続けて質問すみません。

| yukinko | 2009/03/15 1:17 AM |

<a href="http://mizuiroron.jugem.jp/" target="_blank">
から
target="_blank"
を削除します。今日はもう寝てしまいますー。

| tk | 2009/03/15 1:29 AM |

http://aisiterulove.jugem.jp/

でブログやってる舞です。

まだ記事など投稿してませんが・・・。

はい。

えっと本題に入ります!

二つ聞きたいことがあります!

*ブログの左上にあるウサチャンの絵を違うものに変えたい。

*トップ記事を作りたい。

↑の二つです。

どうしても知りたいので、教えてください。

お返事待ってます!

| | 2009/06/03 8:26 PM |

まず1

htmlを見てみると上の方に

<div align="center"><BR>
<img src="http://snowkiss1.img.jugem.jp/20090505_455788.png" alt="" width="117" height="146" class="pict" /><BR>
<img src="http://snowkiss1.img.jugem.jp/20090505_455801.png" alt="" width="191" height="39" class="pict" />
</div>
<BR><BR>


って箇所があります。
この二つのimgタグがそれぞれ、うさぎとその下のラインです。
なのでこれを消して

<div align="center"><BR>
<img src="張りたい画像のアドレス" />
</div>
<BR><BR>

ってすればいいです。

第2はー。どうしましょうかね。フリースペース使うと楽かな。

まずhtmlから

<!-- BEGIN freespace5 -->
<div class="linktitle"><img src="http://snowkiss1.img.jugem.jp/20090505_455803.gif" alt="" width="39" height="35" class="pict" /> {freespace_title5}</div>
<div class="linktext">{freespace_contents5}</div>
<!-- END freespace5 -->

を探し出して、これを削除します。

次に

もうちょっと下に下がって

<!-- BEGIN entry -->
って行があると思うので、この上に


<!-- BEGIN freespace5 -->
<div class="entry">
<div class="entry_date"><img src="http://snowkiss1.img.jugem.jp/20090506_456083.gif" alt="" width="39" height="35" class="pict" />{freespace_title5}</div>
<div class="entry_body">{freespace_contents5}</div>
</div>
<!-- END freespace5 -->

<!-- BEGIN entry -->  ←これの上に来るように。

とかきます。
あとはフリースペース編集のメニューで、フリースペース5にタイトルと記事の内容を書けば完成です。
内容は改行したい部分に<br />って書き込んでくださいね。

ちなみにこのトップ記事はコメント出来ませんので、コメントできるトップ記事がよかったら、普通に記事を書いて、その記事がいつも一番新しくなるように日付をマメに書き換える必要があります。面倒ですよね。

| tk | 2009/06/03 8:36 PM |

とっても分かりやすい説明、ありがとうございます(●´艸`)

あと一つ聞きたいことがあるのですが・・・。

フリースペースのところの順番を変えたいんです。

えっと。。。

PROFILE



CALENDAR

の順番を変えて、

CALENDAR

PROFILE

にしたいんです。

意味分かりますか・・・(。-`ω-)?

あと、

PROFILE

とかの文字の横に苺の絵がついてるじゃないですか?

あの絵を変えたりできるのでしょうか?

お返事待ってます!

| | 2009/06/03 8:53 PM |

意味分かります
が、ちょっと面倒なのでちゃんとバックアップとってからやってくださいね。

htmlをみると

<!-- BEGIN category -->
<div id="MENU3" class="MENU">
<div class="linktitle"><img src="http://snowkiss1.img.jugem.jp/20090505_455803.gif" alt="" width="39" height="35" class="pict" /> CATEGORY</div>
<div class="linktext">
{category_list}
</div>
</div>
<!-- END category -->

のようなカタマリがいくつかあります。これはカテゴリーですね。
これを
<!-- BEGIN なんとか -->
から
<!-- END なんとか -->
まで切り取って、上下の順番を入れ替えるんです。

あとイチゴの絵はhtmlの
<div class="linktitle">の後の<img src="http://snowkiss1.img.jugem.jp/20090505_455803.gif" alt="" width="39" height="35" class="pict" />
なので、ここのアドレスを自分の好きなアイコン画像に全部入れ替えればいいですよ。面倒ですが。

| tk | 2009/06/03 9:05 PM |

本当に教えてくれてありがとうございます!

ではちょっとやってみます♪

| 舞 | 2009/06/03 11:27 PM |

<!-- BEGIN category -->
<div id="MENU3" class="MENU">
<div class="linktitle"><img src="http://snowkiss1.img.jugem.jp/20090505_455803.gif" alt="" width="39" height="35" class="pict" /> CATEGORY</div>
<div class="linktext">
{category_list}
</div>
</div>
<!-- END category -->

のようなカタマリがいくつかあります。これはカテゴリーですね。
これを
<!-- BEGIN なんとか -->
から
<!-- END なんとか -->
まで切り取って、上下の順番を入れ替えるんです。

↑ありますよね?

上下の順番っていうのはどれのことでしょうか?

すみません。

教えてください!

| 舞 | 2009/06/04 7:14 PM |

そのまんま、上下です。

htmlの上に書かれているものの方が早く表示されるので、
プロフィールをカレンダーの下にもってきたかったら、
プロフィールをbeginとendごと切り取って、
endカレンダーの下に移動させます。

テンプレのコピーをとってから試しにやってみてください。
実際試してみると、ああこういうことか、と分かりますよ。

| tk | 2009/06/04 7:25 PM |

そういう事なんですか〜!

試しにやってみますね♪*.

| 舞 | 2009/06/04 9:40 PM |

突然の質問失礼致します。

ブログを見て頂けると分かるのですが、
Copyright (C) 2009 JUGEM Some Rights Reserved.
↑この部分だけ太字になってしまいました。
他の部分は上手くいじれたのですが・・・
どこをいじったら細字に
直せるのでしょうか?

初歩的なことで申し訳ないです。

| 龍樺 | 2009/06/05 9:52 PM |

htmlで


<!-- タイトル画像は以下のimgタグのURLを差し替えてください -->
<h1 class="site_title"><a href="."><h1 class="site_title"><a href="http://nm2620.jugem.jp/">


<h1 class="site_title">とaタグが
が二つあるのが原因だと思います。

<h1 class="site_title"><a href=".">だけで充分です。削って下さい。

| tk | 2009/06/05 9:58 PM |

解決しました!
丁寧なご説明ありがとうございます。

また何かあったら
そのときは宜しくお願い致します。

| 龍樺 | 2009/06/05 10:09 PM |

またまた質問です((何回もすみません;

よくブログのコメントのところを「お手紙」とかって変えてる人いるじゃないですか〜?

あれってどうやってやればいいのでしょうか?

変な質問してすみません。

お返事待ってます。

| 舞 | 2009/06/06 11:52 AM |

http://nous.jugem.jp/?eid=73
の途中に書いてありますよー。

| tk | 2009/06/06 12:44 PM |

ありがとうございます♪

何回もすみません!

また宜しくお願いします+.d(・∀・*)♪゚+.゚

| 舞 | 2009/06/06 1:14 PM |

質問しますっ(´;ω;`)

リンクのところになると
右下に1個ずれるようにするのと、

jugemのなかで掲示板というのわ
ありますかっ?

よかったらおしえてください∩^ω^∩
お忙しい中すいません;;

| 瑠衣 | 2009/06/07 12:51 PM |

すみませんが・・・。

http://aisiterulove.jugem.jp/

↑うちのブログなんですけど・・・。

コメ書くときなんか茶色になっちゃうんですよね。。。

あれって変えられないんですかね?

何度もすみません。

お返事待ってます。

| 舞 | 2009/06/07 12:57 PM |

瑠衣さん
cssで
a:hover{何か書いてある}というところを探して
{}内にposition:relative;left:2px;top:2px;と書き足します。
ちなみにjugemには掲示板レンタルサービスはなかったはずです。


舞さん
css
input, textarea {
font-family: "Verdana", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #CC6633;
background-xolor:#ffffff;
border: 1px #c6c6c6 dotted;
margin:3px 0px 2px 0px;}

のcolorのコードを変えればいいですよ。
色系の変更をしたい時は
背景色がbackgroundかbackground-color
文字色がcolorで指定されているので、そこのカラーコードを1つずつ弄ってみれば分かります。

| tk | 2009/06/07 1:42 PM |

おしえていただき、
ありがとうございます∩^ω^∩
おかげでできましたっ★

そうですかー…
掲示板ないんですね(・∀・)
ありがとうございました!

| 瑠衣 | 2009/06/07 3:11 PM |

久しぶりです。

また聞きたいことがあって来ました!

えと、いろんな人のジュゲムのブログ見てると、サブタイトルの部分に画像を表示させている人がいるんですけど、そこってなにをどーすれば、画像に変えれるんでしょうか?

教えてください!

いつもすみません。

お返事待ってます。

| | 2009/06/20 2:08 PM |

サブタイトル……どれだろう。
ちょっと見当がつかないので、実際のblogを示してこの画像! って教えてください。すみません。

| tk | 2009/06/20 3:37 PM |

えっと&#183;&#183;&#183;&#183;&#183;

サブタイトルっていうか&#183;&#183;&#183;&#183;&#183;

ブログの説明文っていうところですかね。

うちはブログの説明文っていうところに詩を書いてるんですが&#183;&#183;&#183;&#183;&#183;

ブログの一番上のところです!

| 舞 | 2009/06/20 5:26 PM |

なんかすごく文字化けしてますね〜

すみません。

| 舞 | 2009/06/20 5:28 PM |

http://nous.jugem.jp/?eid=73のタイトルの02がブログの説明文なので
これを
<!--{独自タグ}-->
のように<!-- -->と囲んで、そのすぐ後ろにでもimgタグかけばいいですよ。

<!--{独自タグ}--><img src="URL" />
みたいに。

| tk | 2009/06/20 6:59 PM |

難しいですね・・・

でも、ちょっと頑張ってみますね!

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

| 舞 | 2009/06/20 7:14 PM |

お久しぶりです。

いつもお世話になってます!

フリースペースのことについて教えてほしいのですが・・・。

フリースペースに画像を貼ることは可能ですか?

いろいろなブログを拝見しているとフリースペースの部分に画像を貼っている方がよくみえます。

うちも貼りたいのですが、やりかたが・・・。

教えてください。

お返事待ってます。

| 舞 | 2009/07/01 8:17 PM |

できますよ。
フリースペースはhtmlタグが使えるので
<img src="画像アドレス" />ってかけばそこに画像が貼られます。
ただ自分のブログスペースにupした画像か直リンクokって書いてあるURLじゃないと怒られるので注意!

あと改行したい時は<br />をかけばいいです。

| tk | 2009/07/01 8:31 PM |

舞です!

久しぶりです;;

コメントにCookieっていう文字あるじゃないですか?

あの文字を変えることは可能ですか?

あと、うちの友達のブログなんですけど・・・。

http://x-mami-x.jugem.jp/

↑が友達のブログなんですけど、

コメントの名前かくところとかの横に画像ついてるじゃないですか?

名前の横にえんぴつの画像、

アドレスの横にお家の画像、

コメ内容の横に手紙の画像

あれって簡単にできますか?

できるならやり方を教えていただきたいです;;

よろしくお願いします。

.*舞*.

| | 2009/07/12 7:31 PM |

変えられますよ。

<label for="set_cookie">Cookie</label>
って箇所がhtmlにあるんで、Cookieの部分を好きな文字やimgタグにすればいいだけです。

すぐ上にお名前とかもあるんで、その「お名前」のあとにimgタグを書き込めばアイコンを表示できますね。

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

ぁりがとうございます+.d(・∀・*)♪゚+.゚

早速やってみたいと思います♪

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

| 舞 | 2009/07/13 4:48 PM |

こんにちわ!
質問があるのでコメントさせていただきます。
早速質問なのですが…。

私は、フリースペースにLINK集を設置しました。
見てみればわかると思いますが…。しがし、
広告などが記事の下に移動しちゃったんです。
それで、フリースペースのLINK集を非公開にすると、
もとの位置(右側のサイドバーのところ)に戻るんです。
そして公開にすると、また記事の下にいってしまうんです。

これを、LINK集公開でもサイドバーに置いたままってできますか?
教えてほしいです…!

| 莉空 | 2009/07/16 3:43 PM |

展開したhtmlを見ただけなので、核心はないのですが、

フリースペースの最後が

</div>
</div>
</dd></dd>

ってなってます。
これ多分
</div>
</dd>
の1個ずつでいいと思うのですよ。
htmlに書いてあるのかフリースペースに書いてあるのか分かりませんが、1個ずつになるよう減らしてみてください。
もし莉空さんがそんなの一度も書いた覚えがない、ってことでしたらテンプレ配布者さんのミスでhtml側に書いてあるのかもしれません。

| tk | 2009/07/16 3:50 PM |

いつも参考にさせて頂いてます!

変な質問なのですが…
自分のブログを開いた時に、タイトル画の上部分が消えます。
気のせいじゃないですよね?
消えたり途切れたりします。

よければ教えてください。

| とう子 | 2009/08/19 9:03 PM |

スクショ撮ってみました。

http://nixxxx.img.jugem.jp/20090819_1451631.png

↑こんな感じになります…
でも下のほうにスクロールすると元に戻ります。

こんなことで質問してすいません><;;

| とう子 | 2009/08/19 9:10 PM |

うーん、うちwindows XPなんですが
色んなブラウザで見てもちゃんと画像は出ます。

スクショも拝見しましたが、ソースにもおかしなところはないしちょっと原因が分からないんですよね。
とう子さんのパソコンが不調なのかなぁ。
キャッシュのクリアとか試しにしてみてください。

| tk | 2009/08/19 9:21 PM |

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

私のPCが不調なのかもしれないですね… 

キャッシュのクリアしてみました!
とりあえず様子を見たいと思います。

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

| とう子 | 2009/08/20 8:17 AM |

こんばんは!

元:http://aisiterulove.jugem.jp/

の舞です(○´∀`○)ノ

今回は、tk様のテンプレートを使って窓画にしたのですが・・・;

分からないことがあったので聞きにきました。

あの、エントリタイトルの前に画像をつけるというのをやってみたのですが、

たくさん画像がついちゃって、本当はエントリタイトルの横に一つつけたいだけなんですけど・・・。

意味分からなかったらすみません;

http://love-chu-0v0.jugem.jp/

↑のブログ見れば分かると思います。

お返事お待ちしてます。

.*舞*.

| | 2009/08/20 8:02 PM |

あ、可愛いデザインですね。

.entry_titleの
background-repeat: no-repeat
のあとに;がなくて無効になってるのが原因です。

| tk | 2009/08/20 8:06 PM |

初めまして。


Osakaフォントを使用したいのですが、

font-size:10px;font-family:Osaka

のタグをどこに書けばいいのですか?

| えみ | 2009/08/20 10:35 PM |

変更したいところです。
全部を変更したいならcssのbody内にいれて、あとのfont-familyを消せばいいんじゃないでしょうか。ちなみに最後には;が要りますよ。

| tk | 2009/08/20 10:37 PM |

いやいや。可愛いだなんて、、、w
ありがとうございます^^

早速やってみますね。
ありがとうございました。

| | 2009/08/21 9:47 AM |

こんばんは!!

久しぶりです!

あのですね、姉に聞いてと頼まれたのですが・・・。

画像つきの拍手ボタンをつねに表示させたいらしいのですが、

CSSのどこにタグを入れればいいのか分からないそうで教えてほしいそうです。

では、お返事待ってます。

.*舞*.

| | 2009/08/25 8:20 PM |

htmlにいれるんだよー
{entry_body}の後ろにでも<br />書いてその後に書くとよい。
私は親知らず抜いて激痛で苦しんでいるので、今日はこれにて閉店です。すまぬ。

| tk | 2009/08/25 8:30 PM |

教えてくれてありがとうございました!

早速やってみるそうです。

親知らずの痛み、ひくといいですね!

| 舞 | 2009/08/26 7:32 PM |

ああああ{entry_description}の間違いでした。
激痛でぼけてたようです。すみません。

| tk | 2009/08/26 9:32 PM |

こんばんは!

久しぶりです*

ブログりにゅーあるしたのですが、ちょっと変えたいところがありまして;

1*記事のタイトルの下とフリスペのタイトルの下に線が引いてあるのですが、そこの色をかえるかなんかしたいんですよ;
ピンク色でタイトル画と合ってないので・・・;

2*リンクの色?なんですがピンク色なんですよね;なので水色にかえたいんです。あ、分かんなかったらすみません;;

この二つです;

お返事お待ちしてます!

.*舞*.

| | 2009/09/13 7:24 PM |

1.cssで
border-bottom:1px dotted #カラーコード;
ってところが何箇所かあるので、そこのカラーコードを変えればいいですよ。

2.これはcssに解説があるはずです。
a 周りを探してみてください。

| tk | 2009/09/13 7:50 PM |

わわ!
分かりました><;

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

| 舞 | 2009/09/15 7:15 PM |

こんばんわ!水上です
いつもお世話になっています^^

すみません!!
ちょっとヘッダーをいじっていたら
おかしくなってしまいました


<!--Header-->
<tr>
<td height="300" valign="bottom">
<table width="1000" height="300" border="0" cellspacing="0" cellpadding="0" style=" margin:20px auto 10px auto;border:1px black solid;">
<tr><td valign="bottom" style=" background:url(<a href="http://doontokasegu.jugem.jp/"><img src="http://doontokasegu.img.jugem.jp/20100519_1140072.png" /></a>) repeat; background-position:0px 0px;cursor: pointer;" onclick="location.href='.'">
<!-- BEGIN title -->
<h1 class="site_title style1">★{blog_name}★</h1> <div class="description">{blog_description}</div>
<!-- END title -->

こんな感じなのですが、元に戻したいのですがどうしたらよいでしょうか??
よろしくお願いしますm(_ _)m

| サラリーマン父ちゃん@水上 | 2010/05/19 9:51 PM |

まず、何かやられる時にはバックアップを取るのは基本と思って下さい。
テンプレートは複数保存できますので、何かあったら戻れる分を用意しておくことは大事です。

次に、あからさまにおかしい点だけ指摘しておきます。

<td valign="bottom" style=" background:url(<a href="http://doontokasegu.jugem.jp/"><img src="http://doontokasegu.img.jugem.jp/20100519_1140072.png" /></a>) repeat; background-position:0px 0px;cursor: pointer;" onclick="location.href='.'">

ではなく

<td valign="bottom" style=" background:url(http://doontokasegu.img.jugem.jp/20100519_1140072.png") repeat; background-position:0px 0px;cursor: pointer;" onclick="location.href='.'">

です。style=" "
の""内はcssですので、htmlタグを入れてはいけません。urlの()の後ろはそのまま画像urlをいれるだけでいいです。

| tk | 2010/05/19 10:01 PM |

早い回答ありがとうございますm(_ _)m

少しの修正だとおもって
バックアップを手抜きしたのが間違いでした(:_;)

一応ここまでは直しましたが
<td valign="bottom" style=" background:url(http://doontokasegu.img.jugem.jp/20100519_1140072.png")repeat; background-position:0px 0px;cursor: pointer;" onclick="location.href='.'">

まだ画像が出ません。

>urlの()の後ろはそのまま画像urlをいれるだけでいいです。

http://doontokasegu.img.jugem.jp/20100519_1140072.png"が画像URLなんですが
( )のあとにもう一度入れるんでしょうか??

よろしくお願いします

| サラリーマン父ちゃん@水上 | 2010/05/19 10:25 PM |

ありゃ、私が消し損ねたのが原因です。すみません。
URLの後ろに余計な"が入ってますね。これも消してください。

| tk | 2010/05/19 10:28 PM |

いえいえ
こちらこそ面倒な事ばかりお願いしてすみません。

消してみましたが、まだ直りません。
他も何か余計なことしてしまったのでしょうか?

わかりましたらよろしくお願いします。

水上

| サラリーマン父ちゃん@水上 | 2010/05/19 10:35 PM |

すみません(>ε<)
出来ました!!( )の後にスペースを試しに入れてみたら
画像が入りました!!

ちょっと文字がかぶってしまいましたが^_^;
直っただけありがたいです。

ホント感謝です。

コレをきっかけに小さなことも
バックアップ取ります!

遅い時間にすみませんでした
m(_ _)m

| サラリーマン父ちゃん@水上 | 2010/05/19 10:39 PM |

あ、そっちもひっかかってましたか。すみません。
かぶってるのは

<td valign="bottom" style=" background:url(http://doontokasegu.img.jugem.jp/20100519_1140072.png) repeat; background-position:0px 0px;cursor: pointer;padding-top:10px;" onclick="location.href='.'">

みたいに上paddingをとってやれば、ブラウザによっては直るかもしれません。

| tk | 2010/05/19 10:43 PM |

試してみましたが駄目だったので
元の画像に戻しました。

このブログも終わりだ・・・・。
っと諦めていたけど

tkさんがいてくれ、すぐに対応してくれて、
本当に助かりました。

ちょっと懲りたので
しばらくHTMLはいじらないようにします。


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

| サラリーマン父ちゃん@水上 | 2010/05/19 11:03 PM |

とても助けられました。ありがとうございます!

| ゆりかご | 2011/01/15 7:48 PM |

 はじめまして。
 カスタマイズの方法を探してこのサイトにたどり着きました。
 
 サイトを拝見し、いろいろ手探りでカスタマイズしているところなのですが、さっそく躓きました。

 TOP画像を変えてリンクを変えるところまでは順調だったのですが、できた!と思ったら、背景がカスタマイズする前と同じでした。
 今は画像の大きさがblogサイズと合っていないのですが、それはあとで調整するとして、背景を消すのはどうやったらいいでしょうか?

 過去の質問を見てみたのですが、該当するものがなかったようなので。

 よろしくお願いします!

| ちび | 2011/04/18 4:32 PM |

Submit Comment