構成(ブログ全体)【No.1】

2004/06/28 [月] 17:42
【ヤプログ:スキンカスタマイズ1】

構成とスタイルシートのclass名(ブログ全体)

 (7/8改訂 9/19画像修正・追加)


※ スタイルシートの順番とは異なっています。
  サイドバーとブログ本文については次の覚え書きをどぞ。



■見出し
  h1 ブログタイトル
  h2 説明文
  h3 (新しい辺りのスキンでは記事のタイトル)

■水平線
  hr コメントやトラバの仕切り線

■ブログ全体を囲む枠 (table)
  .range { }

■ブログ名 (div)
  .blog_title { }

■説明文 (td)
  .blog_description { }

■ブログ 本文 (table)
  .entry { }

■下部(前へ/次へ) (div)
  .page { }

■アーカイブ・1記事のみ ブログ上部 の<< Main >> (td)
  .prevew { }

■フッター (td)
  .footer { }
  .footer_jp { }









※ 数値はデフォルトスキンの値です。
  右サイドに隙間を作らないようにするには、この数値ではできません;
  詳しくは、スキンカスタマイズ5

  7/7以降のスキンでは、問題ありません。



url : http://yaplog.jp/material/archive/42

   コメント


 > Ayakaさん

いえいえ〜。
治って良かったですねv


> emaさん

<BlogEntries latest="○">で、表示件数が設定できると良いのですけど、そうもいかないみたいでTT
私も10件は多いとおもっているのですけど、何かやったらうまくできるのか(はたまた、そういう属性は用意されてないのか・・・)
Posted by:  とーこ → Ayakaさん、emaさん   at 2005/06/28 [火] 12:03


 こんばんは、お返事ありがとうございます。

<BlogEntries latest="3">にしていたのは、
表示件数が多くなるのが嫌で変更してました…;;
ちゃんと3件ずつ表示されていたので気がつかなかったのですが、
間違っていたみたいですね(つ x `)

<BlogEntries>にしてみたら【次│前】は解決しました。
これからもカスタマイズ参考にさせていただきます。
どうもありがとうございました。
Posted by:  ema  at 2005/06/25 [土] 00:46


 幅がちゃんと合うようになりました**

質問がたくさんで忙しい中ありがとうございました☆

これからも頑張って下さい:)
Posted by:  Ayaka  at 2005/06/24 [金] 17:00


 > emaさん

こんにちは〜。

質問のですが、メインテンプレートで

<BlogEntries latest="3">

というような記述をしていませんか・・・?
latestのは「最新記事の○件」ということなので、これを書いてしまうとページを移動しても同じ記事が出てしまいます。
Posted by:  とーこ → emaさん   at 2005/06/24 [金] 13:59


 こんばんは、はじめまして。

早速質問で申し訳ないのですが、↓のみきさん同様、
ページ下部の【次へ│前へ】の表示がおかしいのです;;

表示はされているのですが、次のページへ移動してくれません…。
特にその部分のCSSをいじった覚えはないのですが…。

お時間のある時に見ていただけると助かります。
よろしくお願いします。
Posted by:  ema  at 2005/06/22 [水] 19:34


 > Ayakaさん

こんにちは〜。

えぇと、まずサイドバーの「コメントの後ろ」「!MyblogList!の前」の部分に、余分な</div>があるようです。

<div align="center"><img src="/blog/template/17/img/spacer.gif" align="absmiddle" width="5" height="10"></div> </div>


あと・・・メロメロパークの部分ですね。

<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=side>
<DIV><IMG alt="" src="side_title_header.gif"></DIV>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>

<DIV class=side>
<DIV class=side_title>オトモダチ募集:)</DIV>
<DIV class=side_text><A href="http://meropar.jp/" target=blank><IMG></A>
<SCRIPT language=JavaScript></SCRIPT>
</DIV></DIV>
<CENTER></TR></TBODY></TABLE>

この黄土色の部分は、必要なさそうです。

そして、スタイルシートの以下の170pxを、side_rightに合わせて150pxにすれば良いのではないでしょうか。

.side {
WIDTH: 170px;
}
Posted by:  とーこ → Ayakaさん   at 2005/06/22 [水] 13:12


 いつもお世話になってます。Ayakaです(*´▽`*)
ちょっと困った事があったので教えて下さればと思いコメントしました;;

サイドバーのタイトルの幅なんですが、
『MyblogList』から下のタイトルの幅が全て広がってしまってるんです。。。
MyblogListより上のタイトルの幅に合わせるのはどうしたらいいんでしょうか?
Posted by:  Ayaka  at 2005/06/18 [土] 17:07


 > HALさん

ちょっとしたこと、なんですよね〜。
でもそこを見つけるのは、意外と難しかったりします;
慣れ、かなぁ・・・。

サイドバーもパーツパーツに分けて、表示させたり消したりして原因の場所を特定できると、少し探しやすくなりますよ〜。
Posted by:  とーこ → HALさん   at 2005/05/18 [水] 12:12


 有難うございます〜。
いっつも何かが抜けてたり、消えてたり・・・。
恥ずかしいミスばかりで申し訳ないなぁと思いつつ、自分では何も出来ず・・・(丿;Д;)丿。
またお邪魔するかもしれませんが見捨てないでやってくださいませ。

HONDAアイコンミュージアムとトミカのかまぼこ。
ウチも男の子のせいか、私自身がくらいついてしまいました(´ω`*)。
まだ息子(9ヶ月)もわからないとは思うのですが、なぜかかってやりたくなりますね。
Posted by:  HAL  at 2005/05/16 [月] 14:13


 > HALさん

スクロールしている部分ですが、

<!--* はじめ *-->
<table><tbody><tr><tdstyle ="color:#66ccff;">

「td style」です。半角スペースを入れないと、読んでくれません;
色を変える必要がなければ、style="color:○○;"部分を消してください〜。

あと下がのびてしまったのですが・・・前のコメントで、書き足りなかったですね;

<br><font size=1 class="side_text">★HP『halbal日和。』へGo-★<br>レスがいるコメントは<br>"BBS"のほうにどうぞ☆<br>
カスタマイズも簡単な<br>ことならお答えします。<br>
答えられないことの方<br>が多い気がするけど・・・。</font><br>

↑fontを閉じていなかったから、かもしれません。
Posted by:  とーこ → HALさん   at 2005/05/16 [月] 12:57


 再びお忙しいのにホントに申し訳ないです。
一応問題のサイドバーを置いていきます。
イロイロいじっちゃって、わかりズ楽なってるんじゃないかと思いますが・・・・(自分でわかってないこと自体問題かも・・・。)
文字数にひっかかるので長々と3つもコメント欄使ってしまいましたがよろしくお願いします。

<div class="side"style="margin-bottom:10px;">
<div class="side_title"><font color="#a9a9a9">★Banner★</font></div>
<div style="text-align:center;"><br>
<!--* はじめ *-->
<table><tbody><tr><tdstyle ="color:#66ccff;">
<div style="border:1px solid #66CCFF;background:#fff;font-size:12px;"><div style="border-bottom:1px solid #fff;padding:3px" align="center">
☆HP更新状況☆
</div><div style="border-top:1px dashed #66CCFF;background:#fff;padding:5px 15px">
<marquee direction="up" height="80" width="100" scrollamount="1" align="left">
<center>★☆★☆★</center><br>
【ママ達のお気に入り】すずたんママ・のあこまむママ・りょっこんママ参加中だよ。
見てみて、コメントお願い。
お気に入りのおもちゃや洋服、オススメグッズがあったらどんどんカキコしてってね。 
<br><center>★☆★☆★</center>
<br><br>
5/13 【photo】を更新したよ。<br>
まだ中途半端で写真のないところもあるけど、時間のあるときにゆっくり直す予定。<br>
ゆっくり見てカキコしてってね。
</marquee>
</div></div>
</td></tr></tbody></table>
<!--* おわり *-->

→下に続く
Posted by:  HAL  at 2005/05/14 [土] 10:43


 上の続き→

<br><font size=1 class="side_text">★HP『halbal日和。』へGo-★<br>レスがいるコメントは<br>"BBS"のほうにどうぞ☆<br>
カスタマイズも簡単な<br>ことならお答えします。<br>
答えられないことの方<br>が多い気がするけど・・・。<br>
<!--HOME-->
〜アイコンタグ〜</a><br>
<!--LINK-->
〜アイコンタグ〜</a><br>
<!--プロフィール-->
〜アイコンタグ〜</a><br>
<!--BBS-->
〜アイコンタグ〜</a>
<br><br><FONT size=1 >
HPのバナーはコレ!!<br>微妙にブログ用と違うのよ。<br>わかるかな?。
<br>〜バナータグ〜</a></font></center>
〜バナータグ〜</a>
〜バナータグ〜</a><br>
<h6 align="center"><font size=1>ブログ『halbal日和』バナー<br><br>
〜バナータグ〜<br>
〜バナータグ〜<font>
<br></div></div>
Posted by:  HAL  at 2005/05/14 [土] 10:41


 できました!!

でスクロールしている部分は出来なかったのですが、まぁこのほうがめだっていいかな?っと思うので好としようかな。

ただ【banner】部分のテーブルがやけに伸びてしまって・・・。
何処かいけないところをいじってしまったんでしょうか?。
すみませんもう少しおつきあいください。
Posted by:  HAL  at 2005/05/14 [土] 10:08


 > HALさん

こんにちは〜。

えぇ、まずカウンターですが、こんな感じで<div>で囲ってみてはいかがでしょう。

<div class="side_text">
<FONT
size=1>to-taru</FONT>
ここにスクリプト
</div>


そしてランキングですけど、↓のfont色指定が余分なように思うのですが・・・。

<DIV class=side_text style="TEXT-ALIGN: center"><FONT size=1><FONT color=#006cff>3つのランキングに参加中。 〜略〜 ☆(・ω・人)↓↓<BR></FONT>


bannerのスクロールしている部分は、side_textを入れるとサイドバーが広がってしまうようなので、とりあえずcolorを指定。

<DIV class=side_title><FONT color=#a9a9a9>★Banner★</FONT></DIV>
<DIV style="TEXT-ALIGN: center"><!--* はじめ *-->
<TABLE>
<TBODY>
<TR>
<TD style="color:#66ccff;">


その下の部分は、class名を付けても大丈夫。
(上と同様に、colorでも良いけど・・・)

<!--* おわり *--><BR><FONT size=1 class="side_text">★HP『halbal日和。』へGo-★


サイドバーの色を、他と同様にするには、いつもside_textというクラス名を付けるようにすると良いですよ〜
Posted by:  とーこ → HALさん   at 2005/05/13 [金] 22:23


 いつもお世話になってます。
え〜今回は、サイドバーのフォント色なんですが、全部そろえたいのに(#66CCFFに)あとからつけた、【BANNER】と【ランキング】【カウンターのto-taruとか】が変わってくれません。
いろいろやってみたんですけど、【Banner】にいたっては変な色になっていくばかりで・・・。

えと自分なりに解析してみたんですが、(Banner部分だけなんですけど)なんだかイジイジしていてプレビューで確認するときに一部分が一瞬イエローになるんです。
なんだかそれに反映されてるようでカラーを#=FFFFとすると黄色になるし #66CCFFとすると黄緑になります。
でいろいろやってるうちに変な色になってしまい・・・・。

スタイルシートなど見てみたのですがわからず。
HELPです。
いつもすみません。
Posted by:  HAL  at 2005/05/11 [水] 11:24


 > みきさん

いえいえ〜。
良かったですね〜♪
Posted by:  とーこ → みきさん   at 2005/05/09 [月] 14:16


 とーこさん、こんばんわ。
「次へ」が表示されましたぁ。
ありがとうございます(*- -)(*_ _)ペコリ
ほんと、いつもお世話になりっぱなしですみません(;´▽`A``

Posted by:  みき  at 2005/04/28 [木] 19:41


 > みきさん

こんにちわ〜。

えぇと、「次へ」とかですが、表示はされているみたいです。
ただ文字色が白なので、見えないだけなのですね(その部分を選択してみるとわかりますが)

直すには、スタイルシートの

.page A:link
{
FONT-SIZE: 10px;
COLOR: #fff;
LETTER-SPACING: 1px;
TEXT-DECORATION: none
}

という、.page A:○○という部分が4つあるので、そこの#fffを見える色にします。


あとセンタリングされていないのは・・・table関係のタグが足りないためのようです(赤字部分)。

{$Banner$}</td>
</tr>
</table></td></tr>
<tr>
<td class="page">  <BlogIfPagePrevious><a href="{$BlogPagePrevLink$}">前へ</a>
Posted by:  とーこ → みきさん   at 2005/04/27 [水] 12:47


 こんにちわ。
今更なのですが、「次へ」っていうう文字が私のブログにないことに気がついて。
いつから表示されてなかったのか、どこをいじったのか分からなくて。
また、お暇なときで構いませんのでみていただけませんか??
よろしくお願いします。
Posted by:  みき  at 2005/04/25 [月] 17:18


 > 真咲さん

良かったですね〜♪
自分で頑張ったブログだと、愛着も一層。
お互いに、ブログ生活を楽しみましょう〜vv

こちらこそ、よろしくお願いします〜。
Posted by:  とーこ → 真咲さん   at 2005/04/18 [月] 09:19


 おはようございますっ

ブログがようやく形になってきました。
どこにTBさせてもらおうか・・・と悩んだんですけど、
全般的にお世話になったので、ここにさせてもらいました。

とーこさん、ホントにお世話になりました〜
これからもお世話になっちゃいますっ(笑)
Posted by:  真咲  at 2005/04/15 [金] 09:50


 > みゆきちさん

いえいえ〜♪

ゆっくり試してみてくださいませ。
焦っていると、普段は間違わないことも間違えたりしますし;;
Posted by:  とーこ → みゆきちさん   at 2005/04/06 [水] 15:36


 お忙しいのに、教えて頂いてありがとうございます

子供が愚図り出したので、明日、やりたいと思います。
Posted by:  みゆきち  at 2005/04/05 [火] 20:48


 > 春夏さん

いえいえ〜。

見当が付くのは・・・慣れ、ですかね;
随分、色んな方のヤプログを見てきましたから(苦笑)。


> みゆきちさん

こんにちわ〜。

blog_descriptionを消したいとのことですが・・・また必要になることもあるかしら・・・。

それですと、ソースからは消さない方が良いかもしれませんよね・・・。

幅を詰めたいのですと、スタイルシートの以下の部分を変更して、ヤプログの「設定」の中のブログ説明文の文章を消すと良いかもしれません。
(blog_descriptionとh2のfont-sizeを0pxにすると、消さなくてもかなり小さくはなるようですが・・・消したいのですよね?)

.blog_description
{
  MARGIN: 0px auto 0px 0px;
  PADDING-LEFT: 20px;
  padding-right:20px;
  FONT-WEIGHT: normal;
  FONT-SIZE: 12px;
  PADDING-BOTTOM: 7px; → 0px
  OVERFLOW: hidden;
  COLOR: #fff;
  WORD-BREAK: break-all;
  PADDING-TOP: 7px; → 0px

  LETTER-SPACING: 1px;
}
Posted by:  とーこ → 春夏さん、みゆきちさん   at 2005/04/04 [月] 17:19


 こんばんわ

blog_description を消したいのですが、上手く消せません

どこを消したらいいのですか
教えていただけないでしょうか

PS【ヤプログ:スキンカスタマイズ22】の方でも質問させて頂いてます。そちらも教えて下さったらうれしいです
Posted by:  みゆきち  at 2005/04/03 [日] 23:41


 できました〜〜
とーこさんって すごいですね
どうして、こんなにも難しかったものを 簡単に すぐに 
わかっちゃうんできちゃうんですか
とにかく 感激です
ありがとうございました。
Posted by:  春夏  at 2005/04/02 [土] 23:34


 > 春夏さん

こんにちわ〜。

画像を、一番上までくっつけたいと言うことですよね。
それですと、テンプレートの以下の部分の、2箇所の<BR>を消せば良いのではないでしょうか。
おそらく、春夏さんが足したタグだと思います〜。

<BODY text=#000000 bgColor=#ffffff leftMargin=0 background="" topMargin=0
marginheight="0" marginwidth="0"><BR>
<TABLE class=range cellSpacing=0 cellPadding=0 width=800 align=center
border=0><TBODY>
<TR>
<TD>
<H1><BR>
<CENTER><IMG alt=〜 src="画像アドレス" border=0></A>
<DIV></DIV></CENTER></H1>
Posted by:  とーこ → 春夏さん   at 2005/04/02 [土] 17:00


 こんばんわ お世話になります。

ここのでは、サイドバーの幅を狭くしたいとか、
そういう質問のが多いのですが
わたしの場合、トップ画像の 上にある隙間を 埋めたい(ぴったりと くっつけたい)のです。

そのやり方を ぜひ教えていただけないでしょうか?
おねがいします。
Posted by:  春夏  at 2005/04/02 [土] 00:36


 > ☆ぁやの☆さん

こんにちわ〜。

自己解決されてるようでうsね。
良かったですv
Posted by:  とーこ → ☆ぁやの☆さん   at 2005/03/28 [月] 15:58


 ぁの。。。
はじめまして★☆
私ゎ、トップのテキストを自分の画像にしたぃのですが。。。。
カンナリ、悩んだ結果できず、質問することにしました。。。;;
どこにァドレスのタグを入れればぃぃんですか??
教えてくださいm(__)m
Posted by:  ☆ぁやの☆  at 2005/03/27 [日] 20:23


 > ジズさん

あ・・・また色変え失敗してますね・・・。
それでも理解してもらえたようで、良かったですv

横一列にだと、数個なら画像張り付けのタグを並べてもいいのですけどね、背景とにして繰り返した方が、簡単なのです。
Posted by:  とーこ → ジズさん   at 2005/03/18 [金] 14:16


 こんばんは
お返事遅くなりました。。

横方向に並べたかったのです。すみません説明不足だったようで
ありがとうございました! 無事、画像が横方向にでました 
repeat-xを入れれば良かったのですね☆

本当にありがとうございました(*^^*)
Posted by:  ジズ  at 2005/03/16 [水] 21:39


 > ジズさん

あーっと。
使いたい画像というのは、横長の画像ではなくって、それを横方向にいくつか並べたいということでしょうか。

それですと・・・

下で書いた、<hr>の部分に

  <div style="background: url(画像アドレス) <色:#cc9933>repeat-x; height: ○○px; width: ○○px;"> </div>

ではいかがでしょうか。

  repeat-xというのが、横方向に並べる、という部分です。
  height: ○○px;は、縦方向に画像が切れる場合に使用します。
  width: ○○px;には、画像の整数倍の値を入れます。
Posted by:  とーこ → ジズさん   at 2005/03/15 [火] 10:42


 こんにちは☆
仕切り線の部分に画像がでました!
ありがとうございました
しかし、width・heightを設定をすると画像が崩れてしまいました
画像を横方向に続けて設置す方法ってあるのでしょうか!?

また質問になってしまってすみません・・・
Posted by:  ジズ  at 2005/03/13 [日] 17:36


 > 沙希さん

えーと、「タイトルの下の線」入ってますが、実際には線じゃないのですよ。
本来は、「ブログ説明文」が入る範囲なのですよね。
そしてその説明文ですが、沙希さんの場合は、タイトル画像に含まれている文章ではないかと思うのです。

ですが、それを利用して、その部分に線を引きたい、ということなのでしょうか・・・?

とすると。
各テンプレートから次の部分を探して(最初の方だと思います)、赤字の部分を消します。

  <TABLE cellSpacing=0 cellPadding=0 width=700 border=0>
  <TR>
  <TD class=blog_description>
    <H2><FONT style="FILTER: Glow(color=cdcdcd,strength=3); WIDTH: 50%" color=#000000> </FONT></H2>
  </TD></TR></TBODY></TABLE>

これで線にはなるかと思うのですが・・・いかがでしょう。
Posted by:  とーこ → 沙希さん   at 2005/03/12 [土] 14:32


 ありがとうございました
一応線は出たのですが、なんだか異様に太いんです(笑)
何処かの設定が可笑しいのでしょうか
教えてくだされば嬉しいです。
Posted by:  沙希  at 2005/03/11 [金] 21:44


 > ジズさん

いえいえ、わざわざ有り難うございます。
時々ある質問だったので、どこかにそうさせる原因があるのかなと思っていたのですが・・・。
それぞれ個別で、違うのかもしれませんね。

仕切り線を画像に、ですが。
1記事テンプレートで↓のように<hr>と書いてある部分があります。

  <tr>
    <td class="entry_text"> この記事へのトラックバックURL<br />
    {$BlogEntryTrackbackLink$}<br> </td>
  </tr>
  <tr>
    <td class="entry_text"><BlogPings>
      <a id="p{$BlogPingID$}"></a>〜略〜
      from {$BlogPingBlogName$}<br />〜略〜
      <div align="right" class="posted">Tracked on 〜略〜</div>
      <hr>
    </BlogPings>
    </td>
  </tr>

ここを

  <br><img src="画像アドレス" width="○○" height="○○"><br>

と置き換えます。
(前後の改行は、画像の幅次第なのですが・・・あった方が良いかと思います)

コメントの仕切り線も、同様に「コメント」の少し下にある<hr>を書き換えます。

それでできるかと思うのですが、いかがでしょうか。
Posted by:  とーこ → ジズさん   at 2005/03/11 [金] 20:43


 こんばんは☆
前回のコメントで、table関係の件で間違ってたことを
言ってしまって、すみませんでした・・・

えっと。今回も質問なんですが・・。
コメントやTBの仕切り線を画像に変えたいのですが、
可能なことなのでしょうか!?
試してみたのですが、ブログの背景が消えてしまって上手くいきませんでした。。

お時間がある時にアドバイス頂けると嬉しいです(^^)
Posted by:  ジズ  at 2005/03/10 [木] 21:06


 > ひとさん

できましたか〜。
ハッキリしない解説でしたが、通じて良かったです♪

リヴリーは私もしてますよ(笑)。
この手のものに弱いのです;
バルビレッジは現在、新規募集をしていませんが、そのうち始まるのではないかと。
ただ目的のないゲームなので、難しいですね〜。
私はウロウロすることが目的の、挙動人物クマーです(笑)。
Posted by:  とーこ → ひとさん   at 2005/03/09 [水] 14:59


 こんばんは☆
お返事有難うございますm(v v)m

早速、とーこさんに教えていただいたことを実行してみました。
出来ましたーッ♪

とっても嬉しいデス!本当にありがとうございました。

お話は変わるのですが、バルビレッジとはPCゲームですか?私はリブリーをしているので、可愛い“らぱん”ちゃんに興味津々デス(笑)
お部屋のアイテムが沢山ありそうですねー♪
更新楽しみにしています。

また、お邪魔させてくださいね!
今回は本当に有難うございました。
Posted by:  ひと  at 2005/03/08 [火] 20:43


 > まいこんさん

よかったですねv


> ひとさん

はじめまして、こんにちわ〜。

このブログの、本当のメインは育児記録の方なのです(苦笑)。
気が向いたときだけでも、見てもらえると嬉しいです♪

えぇと、記事の背景ということですが・・・色を付けるのでしょうか。
それですと、仰っているとおり、.entery_textの中に「background:#fff;」などを足せばよいかと思います。

最後に付け足す場合は、
   PADDING-TOP: 8px(全角で書いてますが、実際には半角で)
を忘れないようにする、くらいでしょうか・・・。
Posted by:  とーこ → まいこんさん、ひとさん  at 2005/03/08 [火] 11:43


 初めまして、ひとと言います。
実は以前からチョコチョコと内緒でお邪魔させていただいていましたすいません。

お子さんの寝顔がとっても可愛くて癒されちゃいます♪

PCは全くの素人なのですが、前からブログをどうしてもカスタマイズしたくて、本日休日なのを利用して頑張ってみました。もちろん、先生はとーこさんのブログですッ(笑)
なんとかかんとか、背景を変えたのですが、どうしてもentrytextのBACKGROUND?背景色が変わりません(泣)
お忙しいとは思いますが、教えていただければ嬉しいです。

それでは、突然のコメント申し訳ありませんでした。
Posted by:  ひと  at 2005/03/07 [月] 21:06


 できました〜★ミ

本当にありがとうございます( ´∀`)
Posted by:  まいこん  at 2005/03/05 [土] 23:48


 > ジズさん

お返事ありがとうございます。
BlogPetさんのところでは、table関係のお話はされていませんね〜。

うーん。
そのtable部分を弄る方が、どうして何人もいるのかが気になるのですが・・・。
ありがとうございます。
自分のブログも見直してみますね。
Posted by:  とーこ → ジズさん  at 2005/03/05 [土] 10:15


 > まいこんさん

コメント欄ですが、スタイルシートの中でtextareaという部分を探してください。
そしてmarginを指定します。

  textarea {
    〜略〜
    margin-left:10px;
  }

名前とかの入力部分は↓の場所で調整できるようです。

  .comment_ran {
    〜略〜
    PADDING-LEFT: 10px;
    〜略〜
  }
Posted by:  とーこ → まいこんさん  at 2005/03/05 [土] 10:12


 とーこさんへ。
ありがとうございました! 元通りの長さに戻りました(*^^*)
ずっとスタイルシートの方をいじってたので戻らなかったのですね・・。

えっと。 たぶん、table関係をいじってると思います
私はよく分からずやってるので間違ってるかもしれませんが、
「Blog Petランダム表示」のことなのかな、と思います。。
ランダム表示にしてからフッターが短くなってしまったので
参考にさせていただいたのは、
The blog of H.Fujimotoさんというブログです。
もし違っていたらごめんなさい。。。
Posted by:  ジズ  at 2005/03/04 [金] 22:37


 > ジズさん

はじめまして、こんにちわ〜。

えー、質問のですが、メインテンプレート(一番下の方)から、以下の部分を探してください。
詳細は違うかもしれませんが。

<tr>
  <td class="page" colspan=3>  <BlogIfPagePrevious><a href="{$BlogPagePrevLink$}">前へ</a>
    </BlogIfPagePrevious> <BlogIfPageNext> | <a href="{$BlogPageNextLink$}">次へ</a>
    </BlogIfPageNext> </td>
</tr>
</table>
<!-- footer_logo -->

赤字の部分を書き足します。


お聞きしたいのですが・・・table関係のタグをいじっていますよね・・・?
そのときに、何か参考にしているサイトとかありますでしょうか?
同じ質問が、時々くるのです。
私がどこかに間違って書いていたりするのかしら;;
良かったら、参考にしたページなどを教えていただけると嬉しいです。
Posted by:  とーこ → ジズさん  at 2005/03/04 [金] 15:25


 すみません、もうひとつ質問させてください。
コメントする、のテーブルの中にコメント欄がありますが、端っこにピッタリくっついてしまっています
とーこさんのコメント欄は5ミリくらい間が空いてますよね。
たぶんmarginタグだとはおもうのですが、どこにいれたらいいのでしょうか?
いくつもすみません
Posted by:  まいこん  at 2005/03/04 [金] 13:59


 おかげでうまくできました!
ありがとうございます
感謝感激です
Posted by:  まいこん  at 2005/03/04 [金] 13:54


 はじめまして
以前、TBさせていただいた者です。
とーこさんのカスタマイズ法を参考にさせていただいてます。

えっと、早速なのですが。
下のフッター部分(?)の幅が短くなってしまって、
幅を長くしたいのですが、どこをどうしたら良いのでしょうか??
あと、説明文の幅も変えることができません・・・

分かりにくい説明になってしまってすみません。。。
お暇な時にでも、教えていただけると嬉しいです。
Posted by:  ジズ  at 2005/03/03 [木] 20:33


 > しなさん

いえいえ〜。

あ、2を選択しましたね〜。
私もやっていて、そっちの方がやりやすい & 良いのではないかと思ってましたv


> まいこんさん

まず、アーカイブナビゲーションのほうですが、
スタイルシートから以下の部分を探して、

  .prevew {
    〜
    PADDING-BOTTOM: 7px; ← 0px
    COLOR: #333;
    PADDING-TOP: 7px;
    〜 }

それからコメンt部分ですが、気になった箇所も含めて書いてみると以下のようになりますか・・・。

  <!-- ●comments -->
  <TABLE style="border:0px;<色:#cc6666>margin-left:10px;" cellSpacing=0 cellPadding=0 width=505>
  <TBODY>
  <TR>
    <TD class=entry_title height=21><A id=commentform></A>コメントする</TD>  </TR>
  <TR>
    <TD style="<色:#cc9933>border-width: 0px 1px 1px 1px; border-color: black; border-style: dashed; MARGIN-LEFT: 20px;">


margin-left:10px;で左に隙間を作ります。
あとの黄土色の部分は、太字になっていなかったので・・・。
Posted by:  とーこ → しなさん、まいこんさん  at 2005/03/03 [木] 16:03


 お世話になっています。
一記事テンプレートについて2つ質問なのですが、

@archieve navigationとentry部分が一マス分空いてしまうのですが、これはどのようにして解決したらよいのでしょうか?

Aあと、コメント部分のテーブルが他のテーブルと比べると、左端からの距離(?)が違います。
これは何故でしょうか。

教えていただけると嬉しいです。よろしくお願いします・・
Posted by:  まいこん  at 2005/03/03 [木] 04:46


 とーこさん、早速のお返事ありがとうございます(*- -)(*_ _)ペコッ
とーこさんのお陰で無事カスタマイズ出来ました♪
本当にありがとうございました(*- -)(*_ _)ペコッ
Posted by:  しな  at 2005/03/02 [水] 18:13


 > しなさん

はじめまして、こんにちわ〜。

えーと、テキストエリアの文字を見えるようにする方法ですが、2つあります。

1. 文字を黒くする

「1記事テンプレート」から以下の部分を探してみてください。(結構下の方かと)
ここからclass=entry_textを消します。

  <TEXTAREA class=entry_text style="WIDTH: 95%" name=comment rows=10></TEXTAREA>

そしてスタイルシートに↓を書き足します。

  textarea { color: #000; }

2. テキストエリアを黒くする(こっちの方が簡単かも)

スタイルシートに↓を書き足します。

  textarea { background: #000; }

(余計かもしれませんが、名前とか入れるトコも黒くして、送信ボタンのテキストを白くする場合は、
  input { background: #000; }
  .btn { color: #fff; }
も一緒に書き足します)
Posted by:  とーこ → しなさん  at 2005/03/02 [水] 16:39


 はじめまして。こんにちは。
以前からとーこさんのブログを見てカスタマイズしてきたものです。
一応カスタマイズ出来たはで出来たのですが・・・
コメントを書く所が白でフォントの色も白を指定しているので
プレビューでしか、何を書いているのか把握できない始末です(T-T)
それでですね、コメントを書き込む欄の所を黒にしたいのですが、それは可能なのでしょうか?
もし出来るとしたら何処を変更すれば良いのでしょうか・・(T-T)
お返事いただけると嬉しいです。
よろしくお願いします(*- -)(*_ _)ペコッ
Posted by:  しな  at 2005/03/02 [水] 14:33


 > 沙希さん

さて、タイトル画像と本文との間の横線ですが。
ブログ説明文を表示させる部分ですよね?
今現在は、「ブログ説明分」に何もいれていないようですが・・・。

まあ、それは置いといて。
色を付けるには、スタイルシートに以下のクラスを付け足します。

  .blog_description { background:#ff0000; }

色は好みで変えてくださいね(このままだと真っ赤です;)。
Posted by:  とーこ  at 2005/03/01 [火] 16:09


 > じゅんさん

ええと、実はこのテンプレートの場合は、スタイルシートに以下を追加すると出ます。

.point{
  background: url(画像アドレス) no-repeat 50%;
  padding:5px 10px 5px 10px;
  margin-right:5px; }

画像が切れてしまう場合は、paddingを大きくしてみて調節してください。

わかりにくくてすみません〜;;

他のスタイルシート(この場合はドット:幅指定:2なのですが)を見ると、載っていたりするのです・・・。
Posted by:  とーこ  at 2005/02/28 [月] 18:00


 返信遅くなって本当すみませんでした><
無事解決できてとてもうれしいです
自分だけのデザインを作るのはとても楽しいですね
そこで、もう1つお聞きしたいのですが
タイトル画像と本文との間に普通は横線がありますよね。
それが私のはどうも消してしまったみたいで・・
どこを変えれば出てくれるのでしょうか><
教えてくださればありがたいです〜
Posted by:  沙希  at 2005/02/27 [日] 10:08


 こんにちは
また熱が上がってきました、カスタマの。

今度は記事タイトルにアイコンというか画像をぽちっとつけたいのですが

このスタイルシートだと・・・
.entry {
margin: 10px 0px 0px 0px;
border: 0px #b0c4de solid;
background: #ffffff; }

/* 記事タイトル */
h3 {
font-size: 12px;
color: #fff;
font-weight: bold;
padding: 5px 10px;
background-image: url(○○○省略 );
margin: 0px;
border-bottom:1px #97b2c5 solid; }

どこら辺になるんでしょう?
毎回すみません;;

あーでも違ってるかも。
Posted by:  じゅん  at 2005/02/26 [土] 17:12


 > まいこんさん

良かったです♪
何かのはずみで消してしまったのでしょうね。
・・・よくあることです・・・ホント(←何か思い当たるらしい)。
Posted by:  とーこ  at 2005/02/26 [土] 15:39


 ああっ
言われたとおり確認してみたら、できました
おかげで何とか表示されるようになりました!
とーこさんのおかげです。ありがとうございました
Posted by:  まいこん  at 2005/02/25 [金] 19:10


 > まいこんさん

あれれ・・・コメントが表示されないのですね・・・。

えぇと、ソースから勝手に推測すると、↓のように1記事テンプレート(コメント部分周辺)はなっているのかなと思うのですが。

<table class=entry>
<TR>
<TD class=entry_title height=21><A id=comments></A>コメント</TD></TR>
<TR>
<TD class=entry_text><BR>
<BlogComments>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left bgColor=#ffffff>
<DIV class=comment_layer>{$BlogCommentBody$}</DIV>
<DIV align=right class="posted">{$BlogCommentAuthorLink type="Url"$} {$BlogCommentDate format="略"$}</DIV>
<HR>
</TD></TR></TBODY></TABLE>
</BlogComments>
</TD></TR></TBODY></TABLE>

{$BlogCommentBody$}部分が、コメント本文の入る場所です。
そこがちょっと変わったりしていませんでしょうか・・・?
Posted by:  とーこ  at 2005/02/23 [水] 15:49


 あわわ・・・大変遅くなってしまって申し訳ありません
とーこさんのおかげで、だいぶ見栄えが良くなりました
ちょっと気になることなのですが、コメントがなぜか表示されません。
何かが足りないのでしょうか??
難しい〜ホントに申し訳ありませんがアドバイスいただけませんでしょうか
Posted by:  まいこん  at 2005/02/21 [月] 18:02


 > まいこんさん

あ・・・すみません。
書き忘れていたようです;;

一番最初のコメントで書いた部分(ブログタイトルのところ)を変更します。

<table align="center" cellpadding="0" cellspacing="0" border="0" width="710">
<tr>
<td colspan=2>
<div class="blog_title"><a href="{$BlogUrl$}"><img ブログタイトル画像></a></div>

赤字のを足してみて、いかがでしょう〜。
Posted by:  とーこ  at 2005/02/10 [木] 20:41


 お返事ありがとうございます。
ちょっとためしてみたのですが、形になりました
すごいです!
でもサイドバーと本文が離れてしまいました。。。
これはどうしてですか?
また、テーブル自体がalign=centerにしているのに
左に寄ってしまってます
Posted by:  まいこん  at 2005/02/08 [火] 18:48


 > まいこんさん

最後です・・・コメントに文字数制限ができたのですね;;


コメント表示部分です。

1. テーブルを閉じて開きます。
2. 黄土色のクラスは消します。
3. 紫色のクラスを書き足します。
3. スタイルシートで.comment_layerの中の WIDTHを 465px;に。

<DIV><INPUT class=btn style="FONT-WEIGHT: bold" type=submit value=送信する name=post>
</DIV></FORM></TD></TR></table><table class=entry>
<TR>
<TD class=entry_title height=21><A id=comments></A>コメント</TD></TR>
<TR>
<TD class=entry_text><BR>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left bgColor=#ffffff class="entry_text">
<DIV class=comment_layer></DIV>
<DIV align=right class="posted">Posted by:</DIV>
<HR>
</TD></TR></TBODY></TABLE>
<IMG height=5 src="画像アドレス?" width=5> </TD></TR></TBODY></TABLE><!-- comments --></TD>

以上になります。
Posted by:  とーこ  at 2005/02/08 [火] 16:51


 > まいこんさん

このコメントが、二つ目です;


次にコメント入力部分。

1. 赤字のクラス名を書き足します
<!-- comments -->

<table width="380" border="0" cellspacing="0" cellpadding="0" class="entry">
<tr>
<td class="entry_title" height="21"><a id="commentform"></a>コメントする</td>
</tr>
<tr>
<td class=entry_text>

2. <td valign="top" class="entry_text" nowrap height="25" align="right">名前:</td>
<td class="entry_text"><input name="author" value=""/><br></td>
</tr>などの、
  メールアドレスやurl、textareaなどなど、両脇に点線が出ているところのclass="entry_text"を消します。

Posted by:  とーこ  at 2005/02/08 [火] 16:48


 > まいこんさん

えーと、何行目とかはわからないので、探してくださいね〜。
あと量が多いので、私も見落としてそうです。
申し訳ないですが・・・ご了承下さい;;

あと、1記事テンプレートのコピーを必ずとっておいてくださいね。
「余計におかしくなった」とかに、私の方で対応できません。
最低限、現在のに戻せるように・・・。

まず、1記事テンプレートの上の方になります。
1. 黄土色の部分は消します
2. 赤色の部分は、750→710にします。
3. 紫色の部分は、タイトル画像にします。
   <img src="画像アドレス" border="0" alt="{$BlogName$}">

<table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750">
<tr>
<td><h1>
<div class="blog_title"><a href="{$BlogUrl$}">{$BlogName$}</a></div>
</h1>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blog_description"><h2></h2>
</td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" width="750">

<tr>
<td valign="top" width="175">
<div class="side_left">
<!-- sidebar-left -->

<!-- sidebar-left -->
</div></td>

<td valign="top" width="400" align="center">
<!-- archive navigation -->

これで、2カラムになります。
Posted by:  とーこ  at 2005/02/08 [火] 16:24


 またまたつまってしまいました・・・
メインテンプレートと同じようにアーカイブ・一記事テンプレートも編集していたのですが、
アーカイブはうまくできたのですが
一記事テンプレートは崩れまくってしまいます
プレビューで見ても、恐ろしくて保存できません・・・
{preview}の部分やコメントの部分などは
どこにタグを入れたらよろしいのでしょうか??
アドバイスなどいただけたら嬉しいです。
Posted by:  まいこん  at 2005/02/07 [月] 14:35


 > りほ#さん

良かったです♪
わからないことは沢山あるのですけどね(そこは突っ込まれないことが多いので助かっていたり:笑)。
Posted by:  とーこ  at 2005/01/28 [金] 17:19


 ありがとうございました!
とっても嬉しいです!
トーコさんなんでもわかって尊敬します!
では、これからもいろいろと頑張ってください!
応援してます
Posted by:  りほ#  at 2005/01/27 [木] 18:27


 > 沙希さん

良かったですね〜v

で、一番下の「次へ」の部分ですよね。
こっちのコメントに書いてあるのを見てください〜。
class="page"で探せばわかるかな・・・<!-- footer_logo -->の少し前です。

あと、余計なことかもしれませんが・・・。
サイドバーの「あたしのこと。」のところ、テーブルタグとか(?)閉じ忘れているようです。
良かったら、確認してみてはいかがでしょう。


> りほ#さん

こんにちわ〜。

質問のですが、幅とかは・・・変えているかがよくわからないのですが。

とりあえず、スタイルシートの
  .page{
    background-image: url(画像アドレス);
    BACKGROUND-COLOR: #fff; }
となっている所を、
  .page {
    background: #fff url(画像アドレス) repeat-x; }
と変えてみては・・・いかがでしょう。
横方向に繰り返すようにすると、表示されそうです。


> まいこんさん

ちゃんと表示されて良かったです。

私の方で「できる!」と思ったことでも、実際にやってもらうとうまくいかなかったりするんですよね;;
Posted by:  とーこ  at 2005/01/21 [金] 14:42


 遅れてしまいましたが・・・
ちゃんと表示されました
スタイルシートってすごい
丁寧に教えてくださって、ありがとうございました。
これからも応援しております
Posted by:  まいこん  at 2005/01/21 [金] 14:06


 とーこさんの説明はわかりやすくて丁寧に書いてありいつも大変お世話になってます。
そこで1つだけわからないことがあるんですがいいですか?
http://yaplog.jp/milkypooh/の一番下に境界線みたいなチェックのあるじゃないですか。
それを前のデザインのときに長さかえたんですが
いざ変えようと思ったところ、どこを変えればいいかわからなくなってしまいました。
もしよければ教えてください。
Posted by:  りほ#  at 2005/01/20 [木] 17:34


 わーありがとうございます!(涙)
おかげで一番直したかった部分が改善できました感謝です!
ですが一番下のページの部分がどうしても真ん中に来てくれません;
どうしたらいいのでしょうか?教えていただければ嬉しいです。
Posted by:  沙希  at 2005/01/20 [木] 16:46


 > 沙希さん

あ!
わかりました。

テンプレートの修正をすることになります。

えーと、幅指定箇所【No.3】という記事を参考に、以下を見てくださいませ。
テンプレートの行数(L)とかは、目安にしてください。


変えるのは、
  L10、L15、L20 のテーブル幅。750を700に。

  L22 左サイドバー幅。175を155に。

  L50 右サイドバー幅。175を125に。

  L68-74 フッター。これもテーブルに入っているので、要修正。
    テーブル全体は700以下に。tdの合計が、700以下になるように変更
    (例えば400+285+15)。

  L73 フッター。これも700以下に。


サイドバーの幅は、スタイルシートで↑のような指定になっていたので、その数値にしました。
Posted by:  とーこ  at 2005/01/18 [火] 10:11


 > 沙希さん

こんにちわ〜。

随分長いこと調べてみたのですが・・・わかりません;

テンプレートも自分でカスタマイズしていらっしゃいますよね?
どれのどのくらいの幅にしたいのか、記述がまちまちで私にはわかりません。

元のより幅を狭くする方が難しいのですよね・・・。

申し訳ないです。


幅指定箇所としてまとめてある記事はあるのですが・・・。

私にわかっているのは、
 1.全体のテーブルが、中身のトータル幅より大きい。
 2.左右サイドバーの入っているテーブルが大きい。
 3.一番下の「ブログ+ヤプース!=ヤプログ!」もテーブルの中にはいっているので、その幅も狭めなければならない。
などなのですが、それだけではないようですね・・・。


私ももうちょっと考えてみますが・・・期待しないでくださいね;;(難しいですよ、これ・・・)
Posted by:  とーこ  at 2005/01/17 [月] 15:21


 はじめましてこんにちは
私もカスタマイズ初心者でどうにもこうにも困ってます。
左のサイドバーと同じ様に右のサイドバーも全体の枠(点々の)とくっつけたいのです。
おそらく右側のその余白が無くなれば全体の枠自体も小さくなると思うのですが・・
苦闘した末負けてしまいました。(汗)幅の変更は難しいですね〜
Posted by:  沙希  at 2005/01/16 [日] 16:51


 > まいこんさん

スタイルシートの変更だけでも、かなり色々なことができるんですよ♪

さて、記事と左サイドバーの間の隙間ですが・・・。

  .blog_title {
    PADDING-RIGHT: 0px;
    MARGIN: 0px;
}
としてみては、いかがでしょう。
(これもスタイルシートから該当個所を探して、書き換えてくださいね〜)
Posted by:  とーこ  at 2005/01/15 [土] 17:16


 申し訳ありません、もう一つ宜しいでしょうか。
今タグをいじって画像を挿入したのですが、テーブルが崩れてしまったというか、
右と左の隙間が広くなってしまいました
どこの数値を変更したらよろしいのでしょうか?
何度もすみません。
Posted by:  まいこん  at 2005/01/14 [金] 13:24


 あっ
できました!
貴重なお時間を割いていただいてありがとうございます
スタイルシートを変えるだけで結構変更できるんですね。
Posted by:  まいこん  at 2005/01/14 [金] 13:11


 > まいこんさん

ああ。

えーと、スタイルーシートのですが、そのままかきたすのではなくって、該当個所に上書き(?)する感じになります。

スタイルシートの中から
.entry と entry_layer という場所を探して、その中のwidthを書き換えるのです。

説明不足でしたね;
Posted by:  とーこ  at 2005/01/14 [金] 11:38


 コメントありがとうございます!
とーこさんのおっしゃった通りにスタイルシートとテンプレートを修正してみたのですが、
やはりテーブル幅が広がりません・・・
どうしてなのでしょうか。
説明していただいて申し訳ありません
Posted by:  まいこん  at 2005/01/14 [金] 11:32


 > まいこんさん

うわぁ・・・。

下のコメントで

  align="center<色:#cc6666>">ブログタイトル</div></TD></TR><TR><TD

という箇所があるのですが、どうやってもその部分の色変えだけがうまくいきませんTT

申し訳ないですが、
該当個所の「centerを閉じる"」だと思ってください;;
Posted by:  とーこ  at 2005/01/14 [金] 10:46


 > まいこんさん

記事の幅が広がらないのは、その中のテーブルの幅を広くしていないからなのです〜。
その部分はスタイルシートの方での指定になります。
こちらに書いてあるので、また必要になった時にはどうぞ。


ソースを見させていただいたところ、
  全体の幅:700px
  サイドバーの幅:175px
でしたので、
  記事幅:525px
ということで、以下になります。


スタイルシートを以下のようにします。
  .entry { WIDTH: 505px; }
  .entry_layer { WIDTH: 485px; }
これで、記事の幅は広がる筈です。



あと、ちょっと気になる箇所を見つけたので、それも書いておきます。

  <TABLE width=700 border=0>
  <TBODY>
  <TR>
  <TD colSpan=2>
  <DIV class=blog_title
  align="center>ブログタイトル</TD> </TR> <TR> <TD valign="
  width="520" top?><!-- entry -->

という箇所がありますが、それを次のように直します。

  <TABLE width=700 border=0 cellSpacing=0 cellPadding=0>
  <TBODY>
  <TR>
  <TD colSpan=2>
  <DIV class=blog_title
   align="center<色:#cc6666>">ブログタイトル</div></TD></TR><TR><TD valign="top"
  width="525"><!-- entry -->

width="525"という部分だけ、幅に関係あります。
cellSpacing=0 cellPadding=0は、書いておかないと余分な幅を使うので、一応。

centerのダブルクォーテーションがないのと、</div>での閉じ忘れは、全体に影響が出てます。
修正するべきです。
(ブログタイトルが消えてる・左に隙間が大きく空いているのは、これが原因です)
valign="top?は、何かの時に分離してしまったのでしょうが、これも修正した方がいいです。
あと実体参照の も、消した方が良いかな・・・。


こんな感じで、わかります・・・か?
わからなかったら、またコメントください;
Posted by:  とーこ  at 2005/01/14 [金] 10:43


 カスタマイズ初心者です。
左の本文の幅を広くして、サイドバー(右)とくっつけたいのですが
幅の数値を変えても見た目が変わりません・・・
これは何故なのでしょうか??
Posted by:  まいこん  at 2005/01/13 [木] 15:48


 > かなめさん

はじめまして〜。

ご自分で解決した方が、喜びも大きいですよね♪
よかったですね〜。

やりだすと、私もとまりません。
何もかもを投げ出してカスタマイズしたいです(そうもいきませんが:苦笑)。

また何かありましたら、おきがるにどぞ。


> ぺこさん

はじめまして。

自分の思うようにできてくると(完全にってのは難しいですけどね;;)、面白くなってきますよね。

こちらこそ、よろしくお願いします。
わかりにくいところなどありましたら、お気軽にどうぞ〜。
Posted by:  とーこ  at 2004/12/15 [水] 20:45


 はじめまして。ぺこと申します

ブログをカスタマイズしたいと思っていたのに、
スタイルシートやHTMLの知識がまるでなかったので、
できずにうずうずしていました。

でも、このブログで親切に説明されていたので、
少しずつ自分らしいスキンにカスタマイズできてきています
うれしくて何時間もPCの前に座っています
これからも頻繁に勉強しに来たいと思いますので、
よろしくお願いいたしますね
Posted by:  ぺこ  at 2004/12/15 [水] 13:43


 とーこさん、こんばんは。
カスタマイズできました
すみずみまで読んで、ちょっとずつやってみたら
なんとかできつつありますよかったー
(なんだか一人で焦っててすみません
カスタマイズしだすととまらなくなるので、これから毎日
のように足を運ばせていただくことになると思います。
お世話になります。ありがとうございます
Posted by:  かなめ  at 2004/12/15 [水] 00:17


 とーこさん、初めまして。こんばんは〜
いつもカスタマイズこっそり参考にさせていただいてます
今のスキンのもともとの色であるピンク色を、オール違う色に
変更したいのですが、どーにもこーにもお手上げです
よかったら教えていただけませんでしょうか?
Posted by:  かなめ  at 2004/12/14 [火] 22:46


 > じゅんさん

こんにちわ〜。

できましたか〜良かったv
消えたりしたのは何故かはわかりませんが・・・まぁできればOKですね(笑)。
Posted by:  とーこ  at 2004/12/14 [火] 13:31


 こんにちは
すばやいお返事、どうもありがとうございます。

とーこさんに言われた通りにしてみました。
突然entry titleが消えたりblog_descriptionも消えたり
したりもしたんですが
(多分何かおかしいことやらかしちゃったんだと…)

できました!

うれしいーー♪
ありがとうございました、感謝感謝です。
Posted by:  じゅん  at 2004/12/13 [月] 15:32


 > じゅんさん

うわぁ、お疲れさまです〜。

対応している箇所ですが、

blog_description →
 .blog_description{
 background-image: url(http://〜〜/○○.gif); }

entryのタイトル部分→
 .entry_title{
 background-image: url(http://〜〜/○○.gif); }

という属性を、それぞれのクラス名に付け加えればできると思います。
(他の属性は省略しています)

いかがでしょうか・・・・。
Posted by:  とーこ  at 2004/12/13 [月] 11:37


 こんにちは
ちょっと生活が落ち着いてきたので
またスキンカスタマイズをはじめているのですが
サイドバーとおそろいで、blog_description の部分と
entryのタイトル部分も同じようにドッドにしたいんですが
イマイチどこをどうなおしていいのかわかりません。
良かったら教えて頂けませんか?
お願いしますー(泣
Posted by:  じゅん  at 2004/12/13 [月] 11:05

▲ TOP   
P R
 このブログは
大部分は子供との日記です。
ヤプログのカスタマイズについても書いてあったりします。
(一部は、ドリコムブログにも使えたりします)
 
   
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
 
 カテゴリー
 
 最新記事
 



励みになります。
 カスタマイズ関連
 
移転しました。→sampling.sys
そっちの最新記事は以下。

 コメント
 
 トラックバック
 
 お役立ちリンク
 

 書いてる人
名前: 高野とーこ


ほぼ更新停止の素材屋

バルビレッジ: らぱん
(まんまるアイコンは、キオクノテチョウさんにお借りしました)
 
 TBP

 
http://yaplog.jp/material/index1_0.rdf

 ブログ内検索

 

 
Global Media Online INC.
ブログヤプース!ヤプログ! このページ内における「ラグナロクオンライン」から転載された全てのコンテンツの著作権につきましては、運営元であるガンホー・オンライン・エンターテイメント株式会社と開発元である株式会社グラヴィティ並びに原作者であるリー・ミョンジン氏に帰属します。(C)2004 Gravity Corp. & Lee Myoungjin (studio DTDS),All Rights Reserved.(C)2004 GungHo Online Entertainment, Inc. All Rights Reserved.
なお、当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。

・ 『barvillage』は、株式会社GWEBで提供しているサービスです。
・このサイトは『バルビレッジ』および株式会社GWEBとは一切関係がありません。

Copyright c MicroAd, Inc. c yoshiyasu/icca