MAIL INTERVIEW BBS ABOUT LIST TEMPLATE HELP LIFE NEWS ANA LINK
S M L
School オリジナルカスタマイズサンプルについての質問を書き込む、助け合い掲示板です。
質問の際は、何番のサンプルについての質問かわかるように、番号を忘れず記入してください。
ひとつの質問への子コメントは、親コメントの日付の右側にある [Res!] をクリックしてつけるようにお願いします。
最初の発言者に限り、画像を貼り付けることもできます。内容の説明用にご利用ください。
● まな。   Homepage. 17:18 / Wed.10.07   [Res!]
こんにちは。
以前こちらでテンプレートをDLさせていただいたのですが、いろいろあってプチの着せ替えに変更する事になりました。その節はいろいろアドバイスいただきありがとうございました。
ところで、その着せ替えへの変更なのですが、これがどこをどうしたものか、自己流であちこち書き換えたりしてみたんですが、行き詰ってしまいました。
どうしたら着せ替えに変更できるんでしょうか?
よろしくお願いします。
● まな。   Homepage. 17:17 / Sun.10.11
自己レスです。
助け合いの方でアドバイスもらえてどうにか着せ替えにする事ができました。
お騒がせしました<(_ _)>
● hiro*   Homepage. 12:17 / Tue.03.10   [Res!]
何度もすいません!
今メニュー画像を変更して、ポラ風のメニューにしてるのですが
1列に横3つ並べたメニューにしたいのですが、
うまくできなくて・・・(><)
1段目はなんどか3つ並べられたのですが、どうしても左側と真ん中のメニューの間が
空いてしまいます・・・。
タグなどに疎いので、めちゃくちゃだと思いますが、
申し訳ないのですが、きちんと並べられる方法を教えていただけないでしょうか・・・?
よろしくお願いしますm(__)m
● でこぽん@School   E-Mail. Homepage. 19:23 / Wed.03.11
hiro*さん、こんばんは。

<table>タグは、ざっくり説明すると

<table>
<tr>
<td>〜</td>
<td>〜</td>
</tr>
</table>

という構造になっていて、
<td>〜</td>
を連続して書くと、横方向に並んでいきます。


現状、
ポラ (空白30ピクセル) ポラ
となっているところを
ポラ (空白30ピクセル) ポラ (空白30ピクセル) ポラ
としてみますね。


<!-- 一段目 -->
<tr height="80" valign="top">

<td align="left">
<a href="../grape4/">
<img src="../1img/1locker_img/img20090310114540.jpg" alt="インフォメーション">
</a>
</td>

<td width="30"></td>

<td align="center">
<a href="../pineapple1/">
<img src="../1img/1locker_img/img20090310114402.jpg" alt="アバウト">
</a>
</td>

<td width="30"></td>

<td align="right">
<a href="../muscat1/">
<img src="../1img/1locker_img/img20090310114552.jpg" alt="フォトグラフ">
</a>
</td>

</tr>
3つめのポラは、2段目の左のものを持ってきています。
適宜ずらしてみてくださいね。
● hiro*   Homepage. 23:54 / Wed.03.11
でこぽんさん、ありがとうございます!
早速やってみました☆
助かりました!!
いつもありがとうございます(^^)
またよろしくお願いします☆
● でこぽん@School   E-Mail. Homepage. 00:40 / Thu.03.12
hiro*さん、こんばんは。
今みてみたら、フッタ部分(一番下のAdminとかあるところ)がおかしかったので

四段目のところ、

<!-- 四段目 -->
<tr height="80" valign="top">

<td align="left">
<a href=" (Click!)  target="_blank">
<img src=" (Click!)  alt="ブログ">
</a>
</td>

<td width="30"></td>

<td align="center">
<a href="../muscat2c/">
<img src=" (Click!)  alt="更新情報">
</a>
</td>

<td colspan="2"></td>

</tr>

</table>


に直してみてください。
● hiro*   Homepage. 13:56 / Thu.03.12
ありがとうございました!
直しました。
これで大丈夫かな?と思います。
助かりました^^
● hiro*   Homepage. 04:08 / Thu.03.05   [Res!]
でこぽんさん、こんばんは。
Scool.に参加したので、早速テンプレートを遣わせていただこうと
昨日からカスタマイズをちょこちょこやって
完成形までできたのですが、ひとつだけ気になる部分がありまして
アドバイスいただきたく書き込みさせていただきました。

日記やギャラリーなどのBackボタンなのですが、
カーソルをBackの部分においても、Backと書かれたアイコンが
出てこないのです・・・。
それで、Backナビが表示されるページは、実行しましたがエラーが出ました
と出てしまいます。
だからといってページが見られないわけではないのですし、
ちゃんとBackボタンも機能してるのですが、エラーと表示されるのがちょっと気になって・・・。
Backボタンはonもoffもアップして、何度か確認してるのですが、見落としがもしありましたら
ご指摘くださるとありがたいです。

よろしくお願いします。
● でこぽん@School   E-Mail. Homepage. 13:03 / Thu.03.05
hiro*さん、こんにちは。でこぽんです。
さっそく拝見させていただきましたところ、たぶんここではないかと。

ナビゲーションボタンのカスタマイズの
「Back ボタンの変更(日記・ケータイ日記・ギャラリー・掲示板)」
に記述されている

onmouseover="this.src='this.src='http://〜

この部分の「this.src='」がひとつ多いのだと思います。

onmouseover="this.src='http://〜

としてあげることで、表示もエラーもなくなると思うのですが…。
どうでしょうか?

って、午前4時の書き込みにはびっくりしました!
● hiro*   Homepage. 19:32 / Thu.03.05
でこぽんさん、早速のお返事ありがとうございました!
おかげさまで無事解決しました!

昨夜は変な時間に目が覚めてしまって
そのままリニューアルに没頭してたら
あんな時間になっちゃいました(><)

これからもどうぞよろしくお願いします☆
● まな。   Homepage. 06:02 / Wed.02.18   [Res!]
再びお邪魔いたします。

色変えについてなのですが、トップページ・リンクのページ以外白い紙にしようと思ってやってみました。
そうすると、一番下の部分だけを残して白に変わりました。
一番下の部分はどうしたら白に変わりますか?

それとBack to menuのロゴがキレイに出ないページがありますが、これは写真を変えれば出るようになるんでしょうか?

よろしくお願いいたします。
● でこぽん@School   E-Mail. Homepage. 09:10 / Wed.02.18
まな。さん、こんにちは。

一番下の部分は、紙の色ではなく、フッタ画像を変更する必要があります。

CSSのカスタマイズの中に
赤い紙フッタ画像・黒い紙フッタ画像・白い紙フッタ画像を
設定する部分がありますので、
白にしたいコンテンツを、以前の紙部分のときのように
指定してあげてください。

また、BACK TO MENU のボタンも同様に、
CSSカスタマイズにて、
基本の黒文字・白文字フチ黒・白文字フチグレー・黒文字フチ赤
を指定できますので、
うしろに表示する画像に応じて、使い分けてください。
 ※例えばBACK TO MENU部分が白っぽいモバイルダイアリーのページは基本の黒文字を、
  メニューのページは後が黒なので、白文字フチ黒を表示するように設定すると
  見やすくなると思います。
● まな。   Homepage. 14:54 / Wed.02.18
でこぽんさん、再びありがとうございます。

CSSカスタマイズにあるフッタ画像設定のところは白で設定してるんですが、なんでか赤のまんまなんです。
なんか文字列が抜けてるとか、スペースがないとか、そんな事もあるんでしょうか?

Back to menuのロゴはモバイルダイアリーのページだけは、CSSカスタマイズの設定後に再起動したら見えるようになりました。
これもCSSカスタマイズの中で探しあててメニューページは白文字フチ黒でって設定したつもりなんですが・・・。

たびたびすみません。よろしくお願いします。
● でこぽん@School   E-Mail. Homepage. 16:14 / Wed.02.18
もしかすると、なのですが(実験できてなくてごめんなさい)
/* ************** 白い紙フッタ画像 ************** */
のところの
#orange2 #PetitFooter, {

#orange2 #PetitFooter {
としてみてください(カンマを取りました)。

BACK TO MENU、すべてのページでちゃんと見えてますねー。
● まな。   Homepage. 15:12 / Thu.02.19
>/* ************** 白い紙フッタ画像 ************** */
のところの
#orange2 #PetitFooter, {

#orange2 #PetitFooter {
としてみてください(カンマを取りました)。

やってみました。xp/firefoxで再起動して確認しましたが、今はまだ変わりないようなのですが・・・。
● でこぽん@School   E-Mail. Homepage. 15:51 / Thu.02.19
まな。さん、こんにちは。

フッタ部分の色は、今確認しましたが、すべて白になってました。
ブラウザのキャッシュが相当てごわく残っているようなので、
キャッシュのクリアなども試してみてください。

あと
/* ************** back / nextボタン 位置調整 ************** */
.next {
position:relative; z-index:3; bottom:-85px; right:-35px;
}
.back {
position:relative; z-index:3; bottom:-85px; right:35px;
}
の部分ですが、今みると下がりすぎてしまっているので
2ヶ所ある
bottom:-85px;

bottom:-50px;
にしてみてください。
● まな。   Homepage. 17:04 / Thu.02.19
たびたび確認ありがとうございます。

直ってましたか。
パソコン、あまり詳しくないのでキャッシュのクリアもぼちぼちやってみます。

あと、back/nextボタンの位置調整も直しました。

ほんとにいろいろありがとうございました。
● でこぽん@School   E-Mail. Homepage. 17:29 / Thu.02.19
なんとかうまくいったようで、よかったです!

P.S.
この掲示板、レスが続くと読みにくいですね。汗。
プチの助け合い掲示板のように、名前とかの部分だけ文字色が変わると
どこまでが1つの書き込みかわかりやすくなるんですけどね。。(と少しだけ愚痴でした)

また何かありましたら、いつでもどうぞー!
● まな。   Homepage. 18:00 / Mon.02.16   [Res!]
こんばんは。
schoolオープンおめでとうございます。

早速テンプレートをDLしてカスタマイズにトライ中なんですが、どうもうまくできなくて・・・。
(説明下手ですみません)
もう煮詰まってしまって、おまけにそろそろ時間もなくなってきてて、あわててこちらに書き込みさせてもらってる次第です;;

アドバイスください。よろしくお願いします。
● でこぽん@School   E-Mail. Homepage. 19:30 / Mon.02.16
まな。さん、こんにちは。
ざっと見た中で気づいた点をいくつか紹介しますねー。


●座標指定によるオリジナルHTMLの配置カスタマイズ

この中にある

<a href="../grape1">

<a href="../grape2">

に変更してください。


●ナビゲーションボタンのカスタマイズ

ナビゲーションボタンが表示されるページは、すべて
紙を赤にして制作していたので、
「back_red_〜.gif」などの
赤い紙用のボタン画像を使用してください。

逆に、ナビボタンにあわせて、紙を白にする場合は、

「ニュース/自己紹介/メニュー(フリーレイアウト1)用 白い紙」の項目の

#apple1 #content, …

と続くところに、該当するページの果物名を追加してください。

例)掲示板ページ(orange2)の紙を白にするとき

#orange2 #content,

を追加します。


●トップページのNEXTボタン

こちらには「top_page」フォルダ内の
top_next_off.gif
top_next_on.gif
の両画像を使用してください。


全部の問題点を拾い出せてないかもしれないですが、
一度、上記の部分を修正してみてください。
よろしくお願いしまーす!
● まな。   Homepage. 05:17 / Tue.02.17
でこぽんさん、早速レスありがとうございます。

naviボタンは全部赤にしてみました。

ヘッダの画像が全然出てこないんですが、それはどうしたらいいのでしょうか?
それと私のプチで見るとメニューの上と下に点線があるんですが、これはこのままでいいんでしょうか?
(フリーレイアウトのページで使わないメニューの部分が結構あったのでいろいろ削除しちゃったのがいけなかったのかな???)

お返事いただいたのに、またまた?だらけですみません。
よろしくお願いします。
● まな。   Homepage. 05:22 / Tue.02.17
追加です。

cssの追加のところで、使わないメニューでもヘッダ画像はなんらかの画像を指定しないといけないんでしょうか?
● まな。   Homepage. 05:27 / Tue.02.17
さらに追加です。
何度もすみません。

自作トップページの画像が重なってるところがあるので、これを直すにはどうしたらいいでしょうか?
あと、naviボタンをもう少し上にしたいんですけど、これは触らない方がいいですか?
● でこぽん@School   E-Mail. Homepage. 09:48 / Tue.02.17
まな。さん、こんにちは。

さきほどWinのInternetExplorer・Firefox・Opera・Sleipnirの4ブラウザで確認しましたが、
すべてヘッダ画像はどのページでも表示されていました。
お使いのブラウザは何ですか?

メニューページの上下の点線、これもなかったです。
メニュー名の画像は、白バック用になっていますので、
#grape2 #content も白い紙で表示されるようにされるのが良いと思います。

使わないページのヘッダ画像は指定しなくても構いませんが、
ブラウザ上でURLを手打ちして、使っていないページを表示される人がいたとしたら、
ヘッダ画像がない状態で表示されます。

自作トップページの画像、どこが重なっていますか?
こちらでは、ぼくが作ったとおりに表示されているようなのですが…。。

ナビボタンの位置は、もちろんお好みの位置に変えていただいていいですよ。
が、CSSでボタンだけ移動させると、紙の下端ぴったりに表示されなくなってしまいます。
ボタンも上に上げつつ、紙も短く、というのはどうも無理っぽいので、
現状の位置で落ち着かせているような状態です。


不具合がありましたら、またコメントくださーい!
● まな。   Homepage. 14:45 / Tue.02.17
でこぽんさん、レスありがとうございます。
いろいろ確認もしていただいて重ね重ねありがとうございました。

今確認したら無事にUPされてました!
すぐにでもreloadしてみたらよかったのかもしれませんね(汗)

何はともあれ、無事に完成いたしました!
色変えとか写真を入れ替えるとかいろいろまだまだやってみたい事はいっぱいですが、それはまたぼちぼちやっていきます。
もしまた煮詰まったらご指導くださいませ。

ありがとうございました<(_ _)>