幅指定箇所【No.3】

2004/06/29 [火] 11:00
【ヤプログ:スキンカスタマイズ3】

幅指定箇所
 (7/8改訂 7/23追記・編集)


■スタイルシート(width関係以外の場所は省略しています;)

.entry { margin: 10px; width: 380px; }
 → ブログ本文を囲むtable。 entryのmarginが10pxのため更に外のtable-td幅(400px)から20pxひく。

.entry_layer{ width: 360px; }
 → ブログ本文のテキストがのるdiv。 entry_textのpadding(左右)が8pxのため、entry幅(380px)から16pxひく・・・と思いきや、20pxひくらしい。 要再確認。

.comment_layer { width: 300px; }
 → entry_layerより少し小さい方がよさそう。
    同じ幅にしてpaddingで左右に幅を取った方が良さそうに感じます。
    ちなみに当ブログでは padding: 5px 15px; になっています。(7/23)

.side_left { width: 175px; }
 → 左サイドバーのdiv幅。

.side_right { width: 175px; }
 → 右サイドバーのdiv幅。

.side { width: 175px; }
 → 左右サイドバー中で、機能ごとを囲むtable。


■メインテンプレート(width関係以外の場所は省略しています;)

L10 <table class="range" width="750">
 → ブログ全体を囲むtable幅。

L15 <table width="750">
 → ブログ全体を囲むtable幅。別に左右ぴったりまで付けないなら、違う数値でも良い。

L20 <table width="750">
 → ブログ本文・サイドバーを囲むtable幅。

L22 <td width="175">
 → 左サイドバーのtd幅。

L27 <td width="400">
 → ブログ本文のtd幅。


L30 <table width="400" class="entry">
 → ブログ本文を囲むtable。 entry同様、380pxになる。
    7/8〜では何故か400px(実際は380px)。

L50 <td width="175">
 → 右サイドバーのtd幅。

L68-74
<table width="780"><tr>
  <td width="435"><img src="http://〜" alt="〜"></td>
  <td width="330" class="footer_jp"><a href="#">▲</a></td>
  <td width="15"><img src="space.gif"></td>
</tr> </table>
 → フッターのtable・td幅。 ブログとは別tableなので、あまり気にしない。 まぁ、同じくらいが好ましい。 td幅の合計がtable幅になるようにする。

L73 <table width="755">
 → フッターのtable・td幅。 ブログとは別tableなので、あまり気にしない。 まぁ、同じくらいが好ましい。


■アーカイブ・1記事テンプレート

メインテンプレートと同様に(行は変わってしまいますが;)。
追加は<!-- archive navigation -->部分
L29 <table width="400">
 → アーカイブナビゲーションを囲むtable。 entryと揃えれば良いかと。


■1記事テンプレートは更に

L58 L68 L94
 <table width="400" class="entry" >
 → この記事のURL・トラックバック・コメントする を囲むtable。
   他の記事部分と同様に380px。
    7/8〜は何故か400px。でも実際は380pxである。



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

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

   コメント


 > あやさん

原因はわかりませんが、治って良かったですね♪
ビルダーとかを使うと、どうも余分なタグが入っていまいそうですね・・・。
Posted by:  とーこ → あやさん   at 2005/08/18 [木] 17:09


 とーこさん!
教えて頂いてありがとうございました!
しかしよくわからず・・いじってるうちに
出来てしまい、何が悪かったのかもわからず・・
ついていけない自分
とーこさんご指導ありがとうございました
Posted by:  あや  at 2005/08/15 [月] 19:55


 > はなえもんさん

こんにちは〜。
(このあたりは、気にしないことにしましょう:笑)

お昼寝をまとまってするようになってくれると、少しずつ時間が持てるようになってきますよね〜。

右のサイドバーの幅は広がっているようですね。
変更している場所も、あっているようです。

私の好みで%にしていますが、ピクセルでの指定もできます〜。
必要であれば、

  width: 54%;

という部分を

  width: ○○px;

にしてみてください。
その時に、#left、#main、#rightの合計値が

#range {
width: 750px;

を越えないようにすると良いと思います。
(ぴったりでも、サイドバーが落ちることがあるので、その時は数ピクセル余裕をもたせるとか)

越えてしまう場合は、反対に#rangeの値を大きくしても大丈夫ですが。
Posted by:  とーこ → はなえもんさん   at 2005/07/28 [木] 13:52


 とーこさんこんばんは。
(とーこさんが更新するのはいつも昼間だから「こんにちは」かな)

今日は久しぶりに時間が取れたので、
(うちのムスコ7ヶ月になり、最近時間がやっとこ取れるようになった次第です)
以前とーこさんの配布スキンをいただいて、
ブログタイトルだけやっと変更できたものをさらにいじろうと
真剣にとーこさんのブログを読ませていただいていました。

で、今右のサイドバーにリンク先のバナーを貼りつけたところ、
右のサイドバーが記事の下に入りこんでしまいました。
とりあえずそのバナーを貼るのを一時止めて元に戻したのですが、
おそらくそのバナーの横幅が少し大きいからかな〜と思い、
サイドバーの幅の変更に挑戦してみました。

なのですが。
とーこさんの配布スキンは幅がpxではなく%で指定してありませんか?
どうしても該当する場所が見つからないのです。
なのでその%の数値をいじってみたのですが、
20・60・20→25・50・25に変えて見たら、
やはり右サイドバーが記事の下に潜りこんでしまいました。

テンプレートやスタイルシートを見て色々考えてみたのですが、
やはりわからない(T_T)

お時間のあるときでかまいませんので、
ぜひ幅の変更の仕方など教えていただければと思います…。
Posted by:  はなえもん  at 2005/07/27 [水] 23:25


 > あやさん

こんにちは〜。

うぅむ・・・ホームページビルダーを通して編集とかしたのでしょうか。
その時に、余分なタグが入ってしまったようです。

HTMLファイルに、<html>や<body>は1つなのです。

前の方の<!-- sidebar-left -->の直後(もしかしたらサイドバーの機能の追加と編集の最初?)

<!-- sidebar-left -->
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 7.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<style type="text/css">
<!--
a{text-decoration:none}-->
</style>

</HEAD>
<BODY link="#ffffff" vlink="#ffffff" alink="#ffffff">
<P align="center"><TABLE border="0" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD>


は必要なさそうです。

ビルダーのmetaは必要なのかも・・・その場合はテンプレートのhead内に移動させた方がいいかもしれません。
<style>も同様に。

あと、後ろの方の<!-- sidebar-left -->の直前(もしかしたらサイドバーの機能の追加と編集の最後?)

</BODY>
</HTML>

<!-- sidebar-left -->

これも消した方が良いかと。
Posted by:  とーこ → あやさん   at 2005/07/21 [木] 11:37


 とーこさんこんばんわ!
前に色々お世話になりましたものです
とーこさんの改造講座かなりお世話になっています

そこでなんですが・・
ブログを見ていただくと分かるんですが、
左のサイドバーがなぜか下がっているんです・・。
右は1番上から表示されてるのに
左はなぜか真ん中まで下がってから表示される。

理由が分かりません
アドバイスお願いできますでしょうか
お願いします
Posted by:  あや  at 2005/07/19 [火] 19:00


 > たかちょんさん

「足りない(間違い)部分を探す」よりは、「見比べて違いを探す」方が見つけやすいと思いますv
どのテンプレートもできていない場合は、そうはいかないのですけどね・・・;

リンク嬉しいです〜♪
Posted by:  とーこ → たかちょんさん   at 2005/06/22 [水] 12:06


 とーこさん!素早い対応ありがとうございました!!
直りました〜そういえば、テンプレのサイドバーを動かした時、この抜けてる部分が左だけないのは何でなんだろうと思っておりました。とても勉強になりました!これからもこちらのサイト様を参考にさせていただきたいと思います。わからないことがあったらまた質問するかもしれませんが、そのときはまたよろしくお願いします。

それとリンク貼らせてもらいました〜。
Posted by:  たかちょん  at 2005/06/17 [金] 19:22


 > たかちょんさん

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

えぇと、「1記事でのみ」「左のサイドバー」がおかしくて、「サイドバーの中身は共通」ですので、そういう時は他のテンプレートと見比べてみると良いですよ〜。

で、おそらく1記事テンプレートの以下の場所で、valign=topを足してみたら大丈夫ではないでしょうか。

<td valign=top width=170>
<div class=side_left>
<!-- sidebar-left -->
Posted by:  とーこ → たかちょんさん   at 2005/06/17 [金] 18:06


 とーこさん、はじめまして。
いつもこちらで勉強させていただいております。
悪戦苦闘しつつもなんとかここまでカスタムすることができました。
今回はどうしてもわからないことがあったので質問させていただきます。

全体のテーブル幅を800pxにして本文のテーブルを440px(外側は460px)、本文の部分を410px、サイドバーを170pxに変更しました。しかし、1記事を表示したときに左のサイドバーがうまく表示されないのです。どこをどうすればよいのか全くわかりません。
時間のあるときで構いませんので、教えていただけたら嬉しいです。
どうぞよろしくお願いします。
Posted by:  たかちょん  at 2005/06/17 [金] 00:32


 > すずママさん

こんにちは〜。

えぇと・・・一体、どれをどの幅にしたいのかが、見当つきません;;

サイドバーは200pxでしょうか?
で、タイトル画像が800px。
それに記事幅を合わせると、400px・・・?

記事の左右の隙間がいらない場合は、

.entry
{
background-color: #fff;
background-image: url(背景画像);
background-repeat: repeat;
background-position: left top;
MARGIN: 10px;
width: 350x;
}

の、marginを変えてみてください。

marign: 10px 5px 10px 0px;

という感じに。
それぞれ、上・右・下・左との隙間の大きさになります。

そしてあとはentry_layerのwidthを、

800(全体ブログ幅)- 200*2(サイドバー2つ) - 上のmarginの左右の値(上のだと、右5px+左0px) - 20px = entry_layer幅

とすような感じでしょうか。
Posted by:  とーこ → すずママさん   at 2005/06/10 [金] 15:12


 おはようございます〜!!お久しぶりです。
幅なんですけど、いじりすぎてわかんなくなっちゃいました・・。
サイドバーと記事の間の隙間をなくしたいんですけど
どこ変更すればいいですか??
全体的に幅を合わせたいんですけど、なんかずれちゃって・・・。
教えていただければ幸いですぅ〜。
Posted by:  すずママ  at 2005/06/08 [水] 11:01


 > たまさん

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

遅くなりましたが・・・解決したようで何よりです♪
似たような名前のクラスが多いので、間違ったりしますよね;;
Posted by:  とーこ → たまさん   at 2005/06/06 [月] 14:42


 >とーこサマ。
下記の件ですが、entryとentry_layerの数値を
勘違いして違う数値を入力していたようです。

構成を再確認して、数値のチェックを行ったら
判明しました・・・;

そんなわけで無事解決しました。
駄カキコすいませんでした;;

Posted by:  たま  at 2005/05/24 [火] 14:45


 はじめまして。以前より参考にさせてもらっている者です。
なんとか質問しないでがんばって・・・
と思っているのですが、どうしてもうまくいかない点があるので
質問させてください。

当ブログを確認していただきたいのですが
TOP画像を幅全体に表示したいのですが表示されません。
画像のサイズの指定や、幅など調整しているのですが
うまく表示されません。

どこが悪いのか、お時間のあるときで結構です。
お教えいただければと思います。

自分でも並行して色々やってみます。


Posted by:  たま  at 2005/05/24 [火] 14:01


 > ゅみさん

いえいえ〜。

ヤプログのテンプレートはtableなので、変更するのがややこしいのですよね。
スキン、頑張ってください。
Posted by:  とーこ → ゅみさん   at 2005/05/16 [月] 13:11


 あぁ!
できました

ありがとうございました&おせわになりました!
記事に書いてある事を何度も質問して申し訳ありませんでした
Posted by:  ゅみ  at 2005/05/14 [土] 15:46


 > ゅみさん

えーと、これも記事に書いてはあるのですが、ちょっとわかりにくい部分なので、解説↓。

まずサイドバーが175px。
ということは、記事部分の(外側のtd)の幅は525px。
するとentryの幅は525-20=505px
(記事の一番最初あたりに、チョコっと書いてます)
entryr_layerは更に505-20=485pxです。

これでスタイルシートを書き換えれば大丈夫ではないでしょうか。


ただ今回はお返事しましたが・・・スキンを作られるくらいの方であれば、構成部分については自分でわかるようにしないと、とは思います。
そうでないと、ご自信のブログで質問されてもわかりませんよね・・・?
私は職業サポーターではないので、他の方のスキンの質問にまでは答えようと思えません。

ちょっとキツイ言い方かもしれませんが、そういうことではないでしょうか。
Posted by:  とーこ → ゅみさん   at 2005/05/14 [土] 01:15


 こんばんわー
お世話になってます☆

えっと
この記事を参考になおしていったんですけど、やはり何故か両端に隙間が開いてしまうみたいで

何度もすみませんが、よろしくおねがいします
Posted by:  ゅみ  at 2005/05/12 [木] 17:33


 > ぷるぱぱさん

こんにちわ〜。

えぇ・・・ブログの幅を可変にするために、私はテーブルレイアウトをやめました;(他にも理由はありますが)
そして、スタイルシートでfloatという属性を使っています。

ただ、これをやるとなると、またやり直しになってしまうのです・・・。
テンプレートから変えることになってしまうので。

ヤプログ用スキンに置いてあるテンプレートが、このfloatを使ったものになります。
興味があるようなら、のぞいてみてください〜。


> SANDYさん

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

comment_layerは見逃しやすい箇所なんですよね〜。
(あとentry_layerも・・・)
とにかく、うまくいったようで良かったですv
Posted by:  とーこ → ぷるぱぱさん、SANDYさん   at 2005/05/10 [火] 15:31


 とーこさん、すみません
comment_layerのWIDTHをいじってませんでした
お騒がせしました
また何かわからなくなったら教えてください(*- -)(*_ _)ペコ
Posted by:  SANDY  at 2005/05/10 [火] 09:51


 とーこさん、はじめまして(*- -)(*_ _)ペコリ
いつもカスタマイズ参考にさせていただいてます
さて、さっそく初質問なんですが、
記事の幅を広げたくて、いろいろいじったら、無事記事の幅は広がったんですが、
どうしてもコメントのところが狭いんです
とーこさんはコメントが表示されるところと、記事の幅が同じですよね
ぜひ私のブログを見ていただいて、ご指摘いただけるとうれしいです
おヒマなときでかまいませんので宜しくお願いします。(o*。_。)oペコッ
Posted by:  SANDY  at 2005/05/10 [火] 09:25


 とーこさん、こんにちは。
いつもお世話になっています。
カスタマイズ一通り終わりました。(*^。^*)
ただ、一点だけ教えていただきたいのですが、
とーこさんのyaplogの場合、ウインドウの幅を変えたとき、entryのエリアが広くなったり狭くなったりしますよね?コレがやりたいんですが一生懸命探したのですが見つかりませんでした(T_T)/~~~
もしよろしければお暇なときに、教えてください。
よろしくお願いします。
Posted by:  ぷるぱぱ  at 2005/05/06 [金] 10:29


 > ゆいこさん

良かったですv

entry_layerとかcomment_layerって、忘れやすい箇所なんですよね;
ヤプログさん、ややこしい構成にしてくれてるわ・・・(苦笑)。
Posted by:  とーこ → ゆいこさん   at 2005/04/20 [水] 13:14


 とーこサンありがとうございましたヾ(●´ε`●)ゞ゜.:。+゜
成功しました!!!!本当にありがとうございます。
感謝してますッ♪♪
Posted by:  ゆいこ  at 2005/04/18 [月] 22:12


 > 真咲さん

ああ、それぞれでクラス作らないと駄目でしたか・・・。
試したところ、いけるかなぁと思ったのですが。

本当は、1箇所だけ指定して、あとはpadding/marginで決めていくと、変更が楽なんですよね〜。
ただ、そうするにはテンプレート全体をいじらなくてはならないので、これはこれで大変かも;;

なんだか、私は適当なことを書いてしまったようですが、うまくいって良かったです。
報告ありがとうございます〜(メモメモ)。
Posted by:  とーこ → 真咲さん   at 2005/04/18 [月] 15:37


 左と右の幅を変えるの、成功しましたっ
やはり、違うクラスを作らないとダメでした。
それから、サイドバーに登録してる機能も、
ちゃんと幅を指定しないとダメでした。
自動的に175pxになってしまうみたいデス。

とりあえず、成功の報告デス。
ありがとうございましたっ
Posted by:  真咲  at 2005/04/18 [月] 12:46


 そぅかぁ・・・。
じゃ、左と右の幅が変わるのって、設定としては難しいっていうか、
今のままじゃ望ましくないコトなんでしょうかね?
でも、違うクラスを作ってみたいと思います。
ありがとうございましたっ
Posted by:  真咲  at 2005/04/18 [月] 11:46


 > 真咲さん

こんにちわ〜。

うーん。
とりあえずは、

.side_left
{
MARGIN-TOP: 10px;
WIDTH: 200px
}
.side_right
{
MARGIN-TOP: 10px;
WIDTH: 150px
}
.side
{
WIDTH: 200px
}

で表示されそう・・・ではないでしょうか?
(150pxの方は、右端が切れるかもと思ったのですが、tableな為か折り返されるようです)

ただ、本当は違うクラス(side_l・side_rとか)を作って、それぞれの幅にした方が良いのかもしれませんね。(もし崩れることなどがあれば)


> ゆいこさん

こんにちわ〜♪

2カラムにする【No.36】にも書いてあるのですが、スタイルシートの以下の部分になります〜。

コメントエリア(?)の幅も広げたい場合は以下も。(これは535px以下なら、好きな数値で良いかも)


スタイルシート 162行目〜

.comment_layer
{
OVERFLOW: hidden;
WIDTH: 300px;  ← 535pxに
WORD-BREAK: break-all
}

535px以下なら、他の数値でも大丈夫なので、この辺は好きなようにしてみてくださいね。
Posted by:  とーこ → 真咲さん、ゆいこさん   at 2005/04/18 [月] 09:53


 こんばんわ♪
質問があるのでここに書かせてもらいますヾ(。´・∀・`。)ゞ))+゚:。*゚+.
幅などを変えて、広くしたのですが、
コメントされた所の部分の幅だけ変わらないんです。
http://yaplog.jp/chu_v3v/archive/19#comments
↑がその困っている部分です。ぇ
うまく説明できませんが、コメント部分の幅を横向きに広げる方法を
教えてください☆お願いします。・゚・(o´p皿q`o)・゚・。
Posted by:  ゆいこ  at 2005/04/16 [土] 23:11


 たびたびお邪魔します

サイドバーの左を200px、右を150pxにしたい場合、
.side { width: 175px; }
は、どのように設定すればいいんでしょうか?

教えていただけるとありがたいデス。
お忙しいトコロすいません・・・
Posted by:  真咲  at 2005/04/15 [金] 17:56


 > すずたんさん

良かったです♪

重いのは・・・結構スクリプトとか画像を使用しているから、かなぁ。
(あるいはBlogPetのサーバーの具合とか)

楽しくて色々付けちゃうんですが、やりすぎると重くなるんですよね;;
画像も同様に・・・です。

私も人のことは言えないんですが(苦笑)。
Posted by:  とーこ → すずたんさん   at 2005/04/14 [木] 15:12


 わ〜い!出来ました★
でもなんか開くのにすごい時間がかかるんですけどなんでだろ・・?
関係ないですよね

リスト動かないから、又戻したんですぅ〜。
すみません
Posted by:  すずたん  at 2005/04/13 [水] 18:08


 > すずたんさん

こんにちわ〜。

えぇと・・・テンプレートの方の幅の値(?)が合っていない・・・のかな・・・。

<!-- entry -->
<td valign="top" width="<色:#cc6666>150">
<div class="side_left">
<!-- sidebar-left -->

という部分(左サイドバーの一番頭のところ)の150を、200にすれば大丈夫・・・ではないでしょうか〜?


あれ?MyblogListは動いてますよね。
折り畳みの方もできてますし。
Posted by:  とーこ → すずたんさん   at 2005/04/13 [水] 15:18


 おはようございます!!
とーこさんみたいなブログにしようと日々格闘中です
サイドバーの幅をいじってたんですけど・・。
ブログリストの場合どこをいじればいいのでしょう??
新たに作ってマイブログリストのスクリプトを入れたんですが、作動してなくて・・。
また教えてもらえれば光栄です!!
Posted by:  すずたん  at 2005/04/13 [水] 10:48


 > みゆさん

ああ、本当ですね・・・。
あとは「table」の「width="100%"」を消すか(これで解決するかはわかりませんが・・・)、その部分でtableを使わないようにするか・・・ですかね・・・。

ヤプログさんの「デフォルトのままのサイドバー」を使っているページだと、サイドバーがはみ出ているのは確認できます?
多分それと同じことだと思うのですよね・・・。
(ということは、レイアウトにtable使っていても、サイドバーの中身でtableを使うのは、極力避けるのが良いのですが)

みゆさんの場合、既にその部分以外は独自タグを使っていて、tableを使用していないので大丈夫なのだと思います。
Posted by:  とーこ → みゆさん   at 2005/04/01 [金] 16:19


 とーこさんこんにちわ
一応、形にはなりました(´▽`)
でも、茶色のラインから字がはみ出してしまっていました Σ(゚Д゚)ガーン
(分かりますかね説明下手ですいません)

ワタシ、テーブルレイアウトをしている(つもり)なんですけど、
何でそこから字だけはみ出るんですかね (?_?)

でも助かりました。ありがとうございました(o^∇^o)

Posted by:  みゆ  at 2005/03/31 [木] 17:12


 > みゆさん

私はFireFoxなのですが、ま、似たようなものということで・・・。

原因は、「その他」のところだと思うのです。
各サイドバーのパーツを
<DIV class=side style="MARGIN-BOTTOM: 20px; <色:#cc6666>background:#ff0000;">
とか色を付けてみると、そこが飛び出しているので。


<DIV class=side style="MARGIN-BOTTOM: 20px; <色:#cc6666>width: 175px;">
<DIV class=side_title id=etcname> その他</DIV>
<DIV class=side_text id=etclist>

とすると、大丈夫そうな・・・?

とは言え、見てわかるように根本的な解決にはなっていません(とりあえず幅を指定して誤魔化しているだけ;)。

どうしてそこだけうまくいかないのか・・・わからないのですよね;;
tale外しても、駄目だったしな・・・。
Posted by:  とーこ → みゆさん   at 2005/03/30 [水] 19:48


 とーこさんこんにちわ(o^∇^o)

Mozillaで確認すると
左のサイドバーの幅が大きくなって
教示が崩れてしまうんですけど、
どこを直せばいいんでしょうか(?_?)

確認していただけるとうれしいです、
よろしくお願いします(o_ _)o))
Posted by:  みゆ  at 2005/03/29 [火] 17:05


 > せっつんさん

いえいえ、良かったですね。
何かのはずみで、少しだけ消してしまったんでしょうね〜。
Posted by:  とーこ → せっつんさん  at 2005/03/04 [金] 14:52


 ありがとうございます!
治りました!
Posted by:  せっつん  at 2005/03/03 [木] 20:12


 > せっつんさん

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

えぇと、メインテンプレートで

  <td width="175lign="top">
  <div class="side_right">
  <!-- sidebar-right -->

という場所を探してください。
(ちょっと違うかもしれませんが、最初の<!-- sidebar-right -->のすぐ上です)

この赤字の部分を、以下のようにすれば治ると思います〜。
  <td width="175" valign="top">
Posted by:  とーこ → せっつんさん  at 2005/03/03 [木] 16:14


 > さくらさん

こんにちわ〜。

まず、幅を変えたいということですが・・・全体の横幅を、ですよね。
その場合は、「何ピクセルの幅にしたいか」「サイドバーと記事の幅は何ピクセルか」を決めます。
そして、それぞれに合わせて、この記事に書いてある箇所を変更します。

・・手間なのですが、現在よりも小さくしたい場合は全て、です。
大きくする場合には、省略できる箇所もあったりはします。


そして画像を入れたいということですが、スタイルシートから.blog_titleと言うのを探して、書き換えます。
ブログタイトルに画像を使う【No.22】の中の、「■ ブログタイトルの背景を画像にする」が参考になるかもしれません。
Posted by:  とーこ → さくらさん  at 2005/03/03 [木] 15:29


 失礼します。
あの、私のブログで、右のプロフィールとかの所(サイドバー)が、下にさがってますよね?
どうしたら、上のほうにあがってきますか?
教えていただけたら嬉しいです

http://yaplog.jp/gumgum/
Posted by:  せっつん  at 2005/03/02 [水] 22:36


 すいません↓に書き込みしたさくらです。
付け加えなのですが、Blogタイトルの幅を変えた後この画像→http://yaplog.jp/good-everylife/img/43/p-sakura2.jpgをBlogタイトルの右端上部に貼りたいのですが(><)
教えて頂けたら嬉しいです;;
Posted by:  さくら  at 2005/03/02 [水] 21:22


 こんばんわ。いつも参考にさせてもらってます。
そこで質問があるのですが、Blogタイトルの幅を変えるには
どうすればいいのでしょうか?
何回もとーこさんのブログを拝見したのですが、どうしてもわからなかったので(><)
宜しくお願いしますm(_ _)m
Posted by:  さくら  at 2005/03/02 [水] 17:41


 > 柑乃さん

いえいえ。
いつかは書こうと思ってたものですからね〜。

良かったらどぞどぞ〜v
Posted by:  とーこ → 柑乃さん  at 2005/03/02 [水] 15:10


 有難うございます!
参考にしますね☆ミ
いつもお世話になってます;
また落ち着いたらリンクはらしてもらいます><
Posted by:  柑乃  at 2005/02/28 [月] 18:19


 > 柑乃さん

こんにちわ〜。
遅くなってしまいましたが、 2カラムにする【No.36】という記事にしたので、良かったらご覧下さい。

・・・思ったより手間取ってしまいました;;
Posted by:  とーこ  at 2005/02/28 [月] 15:00


 すみません;書き忘れです。
したのmakiko*さんのような感じにしたいんですよ><
本当に今こまってます!
教えていただけると未熟者の柑乃にとっては光栄です!
Posted by:  柑乃  at 2005/02/25 [金] 22:18


 こんばんわ。
改造をしようと思ってるんですが…
難しくて何が何だか分かりませんuU
私は、http://yaplog.jp/chomekanno/をみていただいたら
分かると思うんですが…片方にサイドバーを置いて記事を
左に寄せて書くところを広くしたいんですよ。
でも分からなくて;
まだまだ未熟なので教えてやってください…
Posted by:  柑乃  at 2005/02/25 [金] 22:15


 > あやさん

喜んでいただけて、嬉しいですv
(って、私はちょっと書いただけなのですけどね;)

色を変える方法ですが・・・スタイルシート(背景色・画像)【No.11】が、それに近いと思われます。
これだと、わかりにくいみたいなのですけどね;;
一応、良かったらどうぞ。
(まとめ直すと良いのでしょうが・・・TT)
Posted by:  とーこ  at 2005/02/24 [木] 16:07


 だぁぁあああぁぁあ・・

泣いてもいいですか・・出来ました
あぁ・・本当嬉しい
あたし右も左も分からない超初心者なので手が震える
思いです。。本当ありがとうございます。。

思ったのですが、色を変えるやり方はのせて
らっしゃらないのすね
スクロールバーの色を変えるのはありましたが
プロフィールやリンク集などのテーブルの色?
枠の中や外の色というか・・説明しにくい・・
私はスキン選んだ時のままのピンクなのですが・・

もし色変えるやり方を書く予定があるのでしたら
嬉しいです
Posted by:  あや  at 2005/02/23 [水] 18:56


 > あやさん

こんにちわ〜。

いえいえ〜、ご自身で探そうとしていただけたようなので、嬉しいですv

コメント部分の幅ですが、スタイルシートの

  .comment_layer
  {
    OVERFLOW: hidden;
    WIDTH: 300px;    ←entry_layerと同じ500px
    WORD-BREAK: break-all
  }

を変更すれば良いと思います。

しかしトラックバック部分はこれでは広がらないので、

  .entry
  {
    〜略〜
    width: 380px;    ←520px
  }

も変更します。(もしかしたら520pxじゃないかも。そこは調節してください。)
Posted by:  とーこ  at 2005/02/23 [水] 15:38


 こんにちわとーこさん
何度もすみませんお世話になります

横幅を広く出来て嬉しいのですが問題が!
皆さんがコメントを書くところは横幅短いまま・・

同じ幅に広げたいのですがどうしたらいいでしょう
Posted by:  あや  at 2005/02/21 [月] 15:15


 >makiko* さま

子供は昼寝中です。 この時間しかネットできないんですよね;;

こちらこそ、そちらに伺った方が良いのか、どうなのかと迷ってばかりなのです;
(育児中というサイト様のバナーですよね。小さめのサイズのが沢山あって、そのうちのどれかということ・・・でOKですか?)

スキンを見させていただいのですが、・・・これってデフォルトではなく、makiko* さまが作ったものですよね?
そうすると、この背景に使っている画像と同じところに置いて、呼び出せば簡単ですよ〜。
ヤプログへのアップロードについては・・・長くなるので、ちょっとお待ちくださいませ。
Posted by:  とーこ  at 2004/08/26 [木] 15:18


  こっち書き込めばよかったですね。
そうです。そのとおりです。プロフィールにあるようなバーナーなんです。画像をアップロードして云々というコトバを聞きますがよく分りません。うーん。腐った脳みそではちょいと無理なのでしょうか
たびたび カキコすいません。
Posted by:  makiko*  at 2004/08/26 [木] 15:00


 >makiko* さま
はじめまして〜。

幅指定は、ヤプログではテンプレートでもしています。
折角スタイルシート使っているのですから、そちらだけにしてくれれば良いのですけどね〜。
(自分で全部書き換えてしまえば、そういう風にもできますが;)

幅を狭くしたいときには、いろいろ変更する必要があるみたいですね。

サイドバーにバナーを張り付ける方法ですか?
ええと・・・どんなバナーでしょう? 当ブログのプロフィールにあるようなものでしょうか・・・?
Posted by:  とーこ  at 2004/08/26 [木] 14:15


  幅指定ってスタイルシートの他にもメインテンプレートで変更するんですね。変更したらかなり大きなブログになってしまいました。
当分はこのままのスタイルでやっていきます。
とても分りやすい説明で感謝します。
ついでなんですがサイドバーにバーナーって貼り付ける方法は
UPしないんですか?どうしてもうまく貼り付けができないんですよね・・・
Posted by:  makiko*  at 2004/08/25 [水] 22:32

▲ 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