I6peLYJlHxQ

20種類のスタイル変更デモ。

XJqYDILY2Fw

　
廃絶したスクリプトファイルなど入手する超簡単な方法。
当ボードを参考とした例。

このページには画像左表に示すとおり入手困難なスクリプトが多く動作している。
リンクのレインボー点滅など他では入手できないスクリプトも含まれている。

FileFox...

　
デモ用画像としては縦横比 16:9 が望ましい。
サムネイルは縦幅 100px を基準とする。
サムネイル保存場所はルート上任意のフォルダで良い。 　
当ボードでは ./images/demo_slider/ フォルダに保存している。
　
overall_header.html

//...

　
スクリプトの組み込み　overall_header.html

カウンターの組み込み

スタイル変更の組み込み　navbar_header.html UTF-8 にて保存

 ...

　
スタイル選択にはチェンジャーによるものとダイレクトに URL を貼り付ける方法がある。

一般的にはユーザー登録して好みのスタイルを選択してデフォルトとする。
閲覧専用の当ボードでは、それができない。...

統計データ欄は ACP にて非表示の設定ができない。

index_body.html の統計データ表示部を注釈記号にて囲み注釈文として処理する。

※ 当ボードでは閲覧専用のためログイン欄も非表示としている。

{L_WHO_IS_ONLINE}...

スクリプト作成メモとして、通常プルダウンでは ul,li 構造にて作成するが ppBBS3 では他にも構造上多用されている。

他からの干渉を防ぐため Table 構造で作成する。

stylemenu.js
document.write(' ');
document.write(' ');...

カスタムスタイルの場合、オリジナル側では対応しきれない箇所をスタイルシートで補完する。

オリジナルでは対応できない横幅拡張などを記述する。

最後に読み込まれる stylesheet.css に記述されている。
　
prosecss.jpg

カスタマイズは自己責任にてお願いします。
　
例として旧掲示板で行っていた左右入替えトピック表示。
　　
csschenge.jpg
　　
初歩的なカスタマイズ例として、トピック表示ページのユーザープロフィール・トピック表示欄の
左右入れ替えを載せておきます。...

スタイルシートの構成　（ stylesheet.css 内の記述にて説明）

phpBB3では、下記の通り複数のスタイルシートファイルが起動時に読み込まれます。
シート内記述の優先順位はインポート逆順となり、同内容の記述であっても最後に読み込まれる...

最近のトピックを所要数表示させる拡張機能。

右側にトピック一覧を表示させることが可能。

日本語取説がサポートされていないが、概ね理解できる。

フッタ行にボードのバージョン表示をさせると以下の様になる。

オリジナル。
Powered by phpBB ® Forum Software © phpBB Group
ハックすると。
Powered by phpBB 3.2.11 ® Forum Software © phpBB Group...

phpBB3 は原則 HTML 構文は投稿でない。
それを補うため、BBCode と言われる独自の構文を用いて一部は動作可能。

表示例であり、リンク先の動画は削除されているので表示されない。

i1uqUlG8_XY,640,385,　五輪真弓　一葉舟

Highslide による...

通常この種はヘッダー部に貼り付けるものだが、虹文字を表示させる rainbow.js はフッタ部に貼り付ける。

{$SCRIPTS}

必要とされる文字列を表示させるには、その都度に次の通り記述し配置する。

虹表示させたい文字列...

カウンターはヘッダー下部検索モジュールの次に記述。

ナビバーの上部とする。

CGI タイプのカウンターは必ずパーミッションの設定を行う。