C-BOARD Moyuku for PDA
【備忘録】
新規投稿 | ツリー | 記事一覧 | トピック | 番号順 | 検索 | 留意事項 | 設定 | TOP | PDA | 携帯
1 / 1 ツリー  

[1] C-BOARD Moyuku v0.99b1 を設置
     36way 2010/11/11(木) 15:40:08

[6] “Moyuku”で使いやすくなった「シンプルスキン」な「c-board」
     36way 2010/11/14(日) 13:03:24
[8] 記事本文[14pt]仕様のためのささやかな変更【★】
     36way 2010/11/15(月) 12:34:46
[9] 【★】./app/cmd/inform.pl:投稿の際の留意事項
     36way 2010/11/15(月) 13:25:34
[10] 【★】./app/cmd/stp.pl:セットアップ関係の関数
     36way 2010/11/15(月) 13:51:33
[11] 【★】./skin/simple/psn.skin.pl:投稿画面の設定ファイル
     36way 2010/11/15(月) 14:04:13
[12] 【★】./skin/simple/msg.skin.pl:記事画面のスキンファイル
     36way 2010/11/15(月) 14:20:23
[13] Re:【★】./skin/simple/msg.skin.pl:記事画面のスキンファイル
     36way 2010/11/15(月) 23:10:36
[16] 添付画像の本文内表示は「原寸」表示される
     36way 2010/11/20(土) 13:04:24
[18] <font>タグの排除
     36way 2010/11/20(土) 15:13:49
[19] Re:<font>タグの排除
     36way 2010/11/20(土) 17:16:29
[22] 【☆】./skin/simple/bse.skin.pl:各画面共通の表示用スクリプト(角丸スル)
     36way 2010/11/22(月) 22:47:52

by  36way    2010/11/14(日) 13:03:24

(SS)C-BOARDでは、スキンに<table>タグが多用されていたので、表示スタイル(html)を少しだけ変更するにも見通しが悪く苦労した覚えがあるんですが、“Moyuku”の「シンプルスキン」はhtmlとcssの見直しがなされているようで、非常に見通しが良いです。スキンの改善はありがたいです。やっぱり「c-board」が好きだな。

1,386 hits

引用なし
パスワード

by  36way    2010/11/15(月) 12:34:46

▼文字サイズの基本構成(変更)
【11pt】最小文字サイズ
【12pt】[ツリー][トピック][番号順]の題名の文字サイズ
【14pt】[記事一覧]の記事本文の文字サイズ
【16pt】[記事一覧]の題名の文字サイズ
※[スレッド表示]はメニュー表示しないので無視
------------------------
【chk】【★】app/cmd/inform.pl    :投稿の際の留意事項
【chk】【★】app/cmd/stp.pl      :セットアップ関係の関数
【chk】【★】skin/simple/psn.skin.pl :投稿画面の設定ファイル
【chk】【★】skin/simple/msg.skin.pl :記事画面のスキンファイル
------------------------
□C-BOARD Moyuku v0.99b1
 □app
  □cmd
   +inform.pl   【★】投稿の際の留意事項
   +stp.pl     【★】セットアップ(画面)関係の関数
   +sty.pl     【 】スタイルセットアップ(画面)関係の関数
  +commander.pl   【※】コマンダー(コントローラー)一覧:参考
 □brd
  □myk
   □cache
   □data
    +c-board.css 【☆】設定:スタイルセットアップの値(sty.pl)
   □image
   □past
   □upload
   +config.cgi   【☆】設定:セットアップの値(stp.pl)
 □skin
  □simple(☆推奨)
   +psn.skin.pl  【★】投稿画面の設定ファイル
   +msg.skin.pl  【★】記事画面(ツリー・本文)のスキンファイル
   +bse.skin.pl  【 】各画面共通の表示用スクリプト:HTMLヘッダ
   +hmn.skin.pl  【ー】匿メール送信画面の設定ファイル:使用しないので無視
   +srn.skin.pl  【 】検索画面のスキンファイル
   +rst.skin.pl  【 】検索結果画面のスキンファイル
   +nmb.skin.pl  【 】番号順表示画面の設定ファイル
   +err.skin.pl  【 】エラー画面の設定ファイル
   +csn.skin.pl  【 】設定(訪問者)画面の設定ファイル
   +thr.skin.pl  【ー】記事画面(スレッド)の設定ファイル:使用しないので無視
   +tpc.skin.pl  【 】記事画面(トピック)の設定ファイル
------------------------

1,491 hits

引用なし
パスワード

by  36way    2010/11/15(月) 13:25:34

▽38行目あたり
table {
font-size : 14pt;
line-height : 3ex;
}

▽69行目あたり
<caption>
<a href="#a"style="font-size : 12pt;">投稿の際の留意事項</a>|<a href="JavaScript:window.close();"style="font-size : 12pt;">閉じる</a>
</caption>

▽83行目あたり
<div style="margin:40px 50px; font-size:14pt; line-height:140%;">

▽87行目あたり
<div style="text-align:right;font-size:14pt;">$CNF::base{'title'}_管理者:$CNF::master{'name'} </div>

1,638 hits

引用なし
パスワード

by  36way    2010/11/15(月) 13:51:33

#ヘッダーとフッターの記述領域を広げてみる
【PC】ーーーーーーーーーーーー
▽568行目あたり
_size => [80, 15],
▽577行目あたり
_size => [80, 15],
【PDA】ーーーーーーーーーーーー
▽1310行目あたり
_size => [80, 10],
▽1319行目あたり
_size => [80, 10],
【携帯】ーーーーーーーーーーーー
▽1341行目あたり
_size => [80, 8],
▽1350行目あたり
_size => [80, 8],
ーーーーーーーーーーーー

1,689 hits

引用なし
パスワード

by  36way    2010/11/15(月) 14:04:13

▽73行目あたり
<input type=text name="email" size=40 value="$::COOKIE{'email'}" class=PostInput>

▽89行目あたり
<input type=text name="subject" size=69 value="${$r_subject}" class=PostInput>

▽107行目あたり(デフォルトで[チェック]入れる:等幅)
<input type=checkbox name="typewriter" value=1 checked class=PostInput @{[$::FORM{'typewriter'} ? 'checked' : '']} title="各文字幅が同じになります。">等幅&nbsp;</span></td>

▽142行目あたり(デフォルトで[チェック]入れる:プレビュー/投稿の際には明示的に[チェック]外す)
<input type=checkbox name="preview" value=1 checked class=PostInput title="投稿の際には、チェックを外して「送信」ボタンをクリックしてください。">プレビュー</span>

1,766 hits

引用なし
パスワード

by  36way    2010/11/15(月) 14:20:23

▼【スタイルセットアップ】
・基本に関する設定:表示幅:100%
・本文の表示幅:1000
・題名の文字の長さ:80
・題名の表示幅:600
---------------------
▽118行目あたり(主に行間の調整)
<div style="padding: 10px 20px 10px 40px; line-height:160%; word-wrap:break-word; overflow:auto;">

▽132行目あたり(デフォルトで[チェック]入れる:引用なし)
<input name="no_quot" type=checkbox value="1" checked class=AllReplyInput title="チェックを外すと返信時に元記事を引用します">引用なし

※149行目あたり(maxlength="10"<?[16])
<input name="key" size="8" maxlength="10" type=password value="$::COOKIE{'key'}" class="AllDeleteInput" title="投稿したときに入力したパスワードを入力してください">

1,969 hits

引用なし
パスワード

by  36way    2010/11/15(月) 23:10:36

▼36wayさん:
>▼【スタイルセットアップ】
>・基本に関する設定:表示幅:100%
>・本文の表示幅:1000
>・題名の文字の長さ:80
>・題名の表示幅:600

▼【スタイルセットアップ】
・基本に関する設定:表示幅:100%
・本文の表示幅:80%
・題名の文字の長さ:80
・題名の表示幅:100%
・投稿者名の文字サイズ:14pt
・日付の文字サイズ:14pt

と、変更してみる。
※添付画像を「本文内に表示」した場合、縮小表示に対応できない?

2,148 hits

引用なし
パスワード

by  36way    2010/11/20(土) 13:04:24

>>▼【スタイルセットアップ】
>>・基本に関する設定:表示幅:100%
>>・本文の表示幅:1000
>>・題名の文字の長さ:80
>>・題名の表示幅:600
>↓
>▼【スタイルセットアップ】
>・基本に関する設定:表示幅:100%
>・本文の表示幅:80%
>・題名の文字の長さ:80
>・題名の表示幅:100%
>・投稿者名の文字サイズ:14pt
>・日付の文字サイズ:14pt
>
>と、変更してみる。
>※添付画像を「本文内に表示」した場合、縮小表示に対応できない?
--
▼[#15]
http://myk.36way.net/myk.cgi?cmd=one;no=15;id=
▼【スタイルセットアップ】
・添付画像の本文内での最大表示幅:250 ←☆

やっぱり、表示幅の値を[%]指定すると、添付画像の本文内表示は「原寸」表示されるようですね。
それでも、[%]指定のデザインを選択することにします。

2,311 hits

引用なし
パスワード

by  36way    2010/11/20(土) 15:13:49

各種画像の保管場所:brd/myk/image

▼【スタイルセットアップ】
●ページの切り替えに関する設定
▽より新しいページへのアイコン
<span style="color: #000080; font-size: 10pt; font-weight: bold; ">←次へ</span>
▽より古いページへのアイコン
<span style="color: #000080; font-size: 10pt; font-weight: bold; ">前へ→</span>
▽区切りアイコン
<span style="color: #000080; font-size: 11pt; font-weight: bold; "> | </span>

●新着記事に関する設定
▽アイコン
<img src="$CNF::place{'image'}{'url'}/new.gif" width="42" height="17" border="0" alt="[NEW]">
※[NEW]アイコンを自作

●添付ファイルに関する設定
▽アイコン
<img src="$CNF::place{'image'}{'url'}/clip_icon.gif" width="8" height="14" border="0" alt="[添付]">

●ツリー表示に関する設定
▽ツリー一覧表示アイコン
<span style="color: fuchsia; font-size: 12pt; ">▼</span>
▽ツリーを結ぶアイコン(┃)
<img src="$CNF::place{'image'}{'url'}/I_icon.gif" width="25" height="25" border="0">
▽ツリーを結ぶアイコン(┗)
<img src="$CNF::place{'image'}{'url'}/L_icon.gif" width="25" height="25" border="0">
▽ツリーを結ぶアイコン(┣)
<img src="$CNF::place{'image'}{'url'}/T_icon.gif" width="25" height="25" border="0">
▽未読アイコン
<img src="$CNF::place{'image'}{'url'}/read_icon.gif" width="12" height="12" alt="[未読]">
▽表示中を示すアイコン
<span style="color: #ff0000; font-size: 12pt; font-weight: bold; ">≪</span>

●一覧表示に関する設定
▽削除ボタン
<input type="image" src="$CNF::place{'image'}{'url'}/delete.gif" name="削除" width="45" height="22" border="0" alt="削除">
▽メールアイコン
<img src="$CNF::place{'image'}{'url'}/email_icon.gif" width="31" height="22" border="0" alt="E-MAIL">
▽返信ボタン
<input type="image" src="$CNF::place{'image'}{'url'}/reply.gif" name="返信" border="0" width="60" height="30" alt="返信">
▽ホームページアイコン
<img src="$CNF::place{'image'}{'url'}/web_icon.gif" border="0" width="31" height="22" alt="WEB">

●スレッド表示に関する設定 ※ノータッチ

●投稿画面に関する設定
▽送信ボタン
<input type="image" src="$CNF::place{'image'}{'url'}/psn_send.gif" alt="[送 信]" border="0">
▽背景画像
$CNF::place{'image'}{'url'}/psn_table_wall.gif
▽タイトル
<img src="$CNF::place{'image'}{'url'}/psn_title.gif" alt="【投 稿】">

●検索画面に関する設定
▽送信ボタン
<input type="image" src="$CNF::place{'image'}{'url'}/srn_send.gif" alt="[検 索]" border="0">
▽タイトル
$CNF::place{'image'}{'url'}/srn_table_wall.gif

●設定画面に関する設定
▽送信ボタン
<input type="image" src="$CNF::place{'image'}{'url'}/csn_send.gif" alt="[設 定]" border="0">
▽タイトル
<img src="$CNF::place{'image'}{'url'}/csn_title.gif" border="0" alt="【設 定】">

●匿メール送信画面に関する設定 ※ノータッチ

●エラー表示に関する設定
▽タイトル
<img src="$CNF::place{'image'}{'url'}/ror_title.gif" alt="【ERROR】">

2,171 hits

引用なし
パスワード

by  36way    2010/11/20(土) 17:16:29

タイトル(題名)に「<font>タグ」とか書くと、feedでは“<font>”の文字列がごっそり削除される。(汗)
※これも仕様か?

2,314 hits

引用なし
パスワード

by  36way    2010/11/22(月) 22:47:52

> □skin
>  □simple(☆推奨)
>   +psn.skin.pl  【★】投稿画面の設定ファイル
>   +msg.skin.pl  【★】記事画面(ツリー・本文)のスキンファイル
>   +bse.skin.pl  【 】各画面共通の表示用スクリプト:HTMLヘッダ
     ↑
※掲示板のメニューバーを角丸にしてみる
     ↓
【chk】skin/simple/bse.skin.pl
▼60行目あたり
<div style="border-radius: 8px;background-color:$CNF::STY::mnu{'table'}{'back'}; float:left;">$menu</div>

▼102行目あたり
<div style="border-radius: 8px;background-color:$CNF::STY::mnu{'table'}{'back'}; float:left;">$menu</div>

1,968 hits

引用なし
パスワード

新規投稿 | ツリー | 記事一覧 | トピック | 番号順 | 検索 | 留意事項 | 設定 | TOP | PDA | 携帯
1 / 1 ツリー  
ページ:  記事番号: 
17,475
C-BOARD Moyuku v0.99b1
for PDA