KENT-WEB サポートコーナー 過去ログ [ 0221 ]


記事No: 10006
投稿日: 2012/01/18(Wed) 11:12:25
タイトルYY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu
URLhttp://cgi24.plala.or.jp/chunichi/dra-party201112/drabbs.cgi

YY-BOARDをかれこれ10年近く利用させていただいております。
先般、v7.32へバージョンアップを行いました。

アイコンを利用しているのですが、投稿された内容が複数行になると、アイコンを囲むように、段落がずれてしまいます。

従来のようにずれなくする方法をご教示いただけないでしょうか。
お手数をお掛けいたします。


記事No: 10007
投稿日: 2012/01/18(Wed) 16:39:50
タイトルRe: YY-BOARD 段落ずれについて
ID情報: teketen
投稿者: てけてん

テンプレートファイルにて、デザインを修正してください。
<!-- loop_begin -->と<!-- loop_end -->の間が記事になりますので、その中のデザインを自由に変更して下さい。
!icon!がアイコン、!comment!がメッセージになって表示されます。
注意点としては、もとあるhtmlのコメント(<!-- loop_end -->このような形式)は削除及び変更はしないで下さい。
テンプレートファイルを修正する時は、別途バックアップを取った上で行うとよいでしょう。


記事No: 10010
投稿日: 2012/01/18(Wed) 22:59:42
タイトルRe^2: YY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu

てけてん様
ご返信どうも有難うございます。

が、知識不足で申し訳ございませんが
どこをどう修正すればよいか理解できませんでした。

できればもう少し具体的に修正箇所や修正内容を
ご教示いただければ大変助かります。

理解不足でお手数をお掛けし申し訳ございません。


記事No: 10013
投稿日: 2012/01/19(Thu) 17:01:34
タイトルRe^3: YY-BOARD 段落ずれについて
ID情報: teketen
投稿者: てけてん

tmplディレクトリ内のテンプレートファイルbbs1.html、bbs2.html、bbs3.html、res1.html、res2.html、past.htmlを修正してください。
例えばbbs1.htmlなら

<!-- loop_begin -->
<div class="art">
<strong>!sub!</strong> 投稿者:<b>!name!</b> 投稿日:!date! !url! <span class="num">No.!num!</span>

<input type="submit" name="res:!num!" value="返信">
<p>!icon! !comment!</p>
<!-- res -->
</div>
<!-- loop_end -->

この部分の<!-- loop_begin -->から<!-- loop_end -->内の記述を、自分の好きなようにデザインして下さい。
その際、<!-- loop_begin -->、<!-- res -->、<!-- loop_end -->は削除しないで下さい。
!sub!のように、!xxx!形式のものも、それぞれ掲示板で表示する時に、タイトルや投稿者名などに変換されて表示されるので、要らないもの以外は削除しないで下さい。
htmlタグやスタイルシートなどの記述については、サポートしていませんので、ご自分で調べてくださいね。

以上です。


記事No: 10014
投稿日: 2012/01/19(Thu) 22:33:02
タイトルRe^4: YY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu

てけてん様

度々のご回答ありがとうございます。
ですが…

> この部分の<!-- loop_begin -->から<!-- loop_end -->内の記述を、自分の好きなようにデザインして下さい。
> htmlタグやスタイルシートなどの記述については、サポートしていませんので、ご自分で調べてくださいね。

正直、自分の好きなようにデザインするようなスキルもありませんし、自分で調べようにもどのように調べればいいのかすら全く分からない状況です。
(スキルのある方からすればとても失礼で非常識な言い方かもしれませんが)

私の質問の仕方が悪かったのならばお詫びいたしますが、私としてはアイコンを囲い込んでしまうような文章の表示を、従来のように段落が揃った形で表示させたいのです。
それがhtmlタグやスタイルシートの記述方法を理解していれば解決できることだとしても、それすら分からない場合はどうすれば良いのでしょうか…。
そもそも本件は自分で調べて修正すべきような事項で、サポート掲示板に投稿することすら許されないような事柄だったのでしょうか?

<p>!icon! !comment!</p> の部分を
<p><img src="!icon!" alt="icon" align="left">!comment!</p> としてみましたがNGでした…。


記事No: 10015
投稿日: 2012/01/20(Fri) 00:03:00
タイトルRe^5: YY-BOARD 段落ずれについて
ID情報: teketen
投稿者: てけてん

意地悪で言っているわけじゃないんです。
この掲示板は、主にCGIスクリプトの設置に関するサポート掲示板なので、他サイトで調べる事の出来るhtmlやスタイルシートについてまで、サポート出来ないのだと思います。
なので、タグの記述についてなどは、出来るだけご自分で調べてもらうように、私は回答しています。
htmlやスタイルシートについては、
http://www.tagindex.com/index.html
など、講座サイトなどで調べてみてくださいね。

取り合えず、今回だけは回答します。

<p>!icon! !comment!</p>

これを

<p><div class="icon">!icon!</div> <div class="com">!comment!</div></p>

のようにして、スタイルシートで、
div.icon { float:left; margin:0.7em 0.7em 0.5em 0.2em; }
div.com { float:left; margin:0.7em 0 0.5em 0; }
のように指定してみるとか。
これは、一例なので、値など自分で調節してみてください。


記事No: 10017
投稿日: 2012/01/20(Fri) 18:59:54
タイトルRe^6: YY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu

> この掲示板は、主にCGIスクリプトの設置に関するサポート掲示板なので、他サイトで調べる事の出来るhtmlやスタイルシートについてまで、サポート出来ないのだと思います。
> なので、タグの記述についてなどは、出来るだけご自分で調べてもらうように、私は回答しています。

この掲示板にふさわしくない質問であったということですね。
そのような事態であることとも知らず、
大変ご迷惑をお掛けしました。すいませんでした。

> htmlやスタイルシートについては、
> http://www.tagindex.com/index.html
> など、講座サイトなので調べてみてくださいね。

参考となるサイトをご教示いただきありがとうございます。
理解に大分時間が掛かりそうですが、勉強してみます。

> 取り合えず、今回だけは回答します。

いろいろとお手数をお掛けし申し訳ございませんでした。
またたくさんのアドバイスをいただきありがとうございました。
大変勉強になりました。


記事No: 10016
投稿日: 2012/01/20(Fri) 00:03:19
タイトルRe^5: YY-BOARD 段落ずれについて
ID情報: hamel
投稿者: Hamel

> てけてん様
>
> 度々のご回答ありがとうございます。
> ですが…
>
> > この部分の<!-- loop_begin -->から<!-- loop_end -->内の記述を、自分の好きなようにデザインして下さい。
> > htmlタグやスタイルシートなどの記述については、サポートしていませんので、ご自分で調べてくださいね。
>
> 正直、自分の好きなようにデザインするようなスキルもありませんし、自分で調べようにもどのように調べればいいのかすら全く分からない状況です。
> (スキルのある方からすればとても失礼で非常識な言い方かもしれませんが)
>
> 私の質問の仕方が悪かったのならばお詫びいたしますが、私としてはアイコンを囲い込んでしまうような文章の表示を、従来のように段落が揃った形で表示させたいのです。
> それがhtmlタグやスタイルシートの記述方法を理解していれば解決できることだとしても、それすら分からない場合はどうすれば良いのでしょうか…。
> そもそも本件は自分で調べて修正すべきような事項で、サポート掲示板に投稿することすら許されないような事柄だったのでしょうか?
>
> <p>!icon! !comment!</p> の部分を
> <p><img src="!icon!" alt="icon" align="left">!comment!</p> としてみましたがNGでした…。

親スレッドについて

tmplフォルダ内
「 bbs1.html、read.html、past.html 」
の<!-- loop_begin -->から<!-- loop_end -->内にある

<p>!icon! !comment!</p>
<!-- res -->
↑の部分を↓のように
<div id="left"><p>!icon!</div><div id="center">!comment!</p></div>
<div id="wrapper"><!-- res --></div>


cssフィルダ内にあるbbs.cssファイルの
}
/* メイン記事タイトル */
div.art strong {
color:#008000;
}
この下あたりに

#wrapper {
float: center;
width: 655px;
}
#center {
float :left;
width: 600px;
padding: 10px;
}
#left {
float: left;
width : 55px;
padding: 10px;
}

↑を追加する

これで、親スレッドは以前のような表示になるかと思いますが
いかがでしょうか?


記事No: 10018
投稿日: 2012/01/20(Fri) 19:10:39
タイトルRe^6: YY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu
URLhttp://cgi24.plala.or.jp/chunichi/dra-party201112/drabbs.cgi

Hamelさま

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

> これで、親スレッドは以前のような表示になるかと思いますが
> いかがでしょうか?

おかげさまで親スレッドについては以前のような表示になりました。
ありがとうございます。

子スレッドについても同様にres1.htmlを変更してみました。
が、甘かったようです…。うまくいきませんでした。

もしご面倒でなければ子スレッドの表示についても
問題解決にお付き合いいただければ大変助かります。
(図々しいお願いばかりで本当に申し訳ございません)


記事No: 10020
投稿日: 2012/01/21(Sat) 15:00:04
タイトルRe^7: YY-BOARD 段落ずれについて
ID情報: hamel
投稿者: Hamel

> Hamelさま
>
> ご返信ありがとうございます。
>
> > これで、親スレッドは以前のような表示になるかと思いますが
> > いかがでしょうか?
>
> おかげさまで親スレッドについては以前のような表示になりました。
> ありがとうございます。
>
> 子スレッドについても同様にres1.htmlを変更してみました。
> が、甘かったようです…。うまくいきませんでした。
>
> もしご面倒でなければ子スレッドの表示についても
> 問題解決にお付き合いいただければ大変助かります。
> (図々しいお願いばかりで本当に申し訳ございません)

レスに追加変更(親記事もそうですが)するのは
「てけてん様」の方法でやると、うまくいくと思います!!!

res1.html内の
!icon! !comment!と言う所を・・・↓のようにして
<p><div class="icon">!icon!</div> <div class="com">!comment!</div></p>

cssフォルダにあるbbs.cssに
div.icon { float:left; margin:0.7em 0.7em 0.5em 0.2em; }
div.com { float:left; margin:0.7em 0 0.5em 0; }
↑を追加するのです。


記事No: 10021
投稿日: 2012/01/22(Sun) 10:46:22
タイトルRe^8: YY-BOARD 段落ずれについて
ID情報: draryu
投稿者: dra-ryu
URLhttp://cgi24.plala.or.jp/chunichi/dra-party201112/drabbs.cgi

Hamel様

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

> レスに追加変更(親記事もそうですが)するのは
> 「てけてん様」の方法でやると、うまくいくと思います!!!

うまく表示させることができました。
大変ありがとうございました。

またこの度はサポート掲示板にふさわしくない質問を続けてしまい
てけてん様、Hamel様、KENT様を始め、皆様には大変ご迷惑をお掛けしてしまいました。
この場をお借りしお詫びいたします。
本当に申し訳ございませんでした。


[検索ページ]