- トピックス式掲示板 -
新規投稿フォームにて閲覧PASSを設定。解除は編集フォームより実施します。
フッター改良。TOPページ上部に検索窓を設置しました。検索が迅速に行えます。 全体的にスタイルを微調整しました。
(ID・パスワード式、パスワード暗号式、一定回数以上でログインをロック等)
JavaScriptのフレームワーク「AngularJS」を適用。クッキー有効期間:3か月
留意事項:「ブラウザを閉じると同時にキャッシュ等を消去する」設定にしていると使えません。
当サイトではCDNを利用した読み込み方法を適用しました。
最新版が使いたい方は、こちらから最新版がダウンロード出来ます。→AngularJS
BBcodeがワンタッチで入力可能。
BBcodeで投稿した画像とYouTubeはヘッドアイコンには反映しません。
SCEditer ボタン名と使用可能code
○ bold:強調(太字) //[b]text[/b]
○ italic:斜体 //[i]text[/i]
○ underline:下線 //[u]text[/u]
○ strike:取り消し線 //[s]text[/s]
○ left:左寄せ //[left]text[/left] SCEditerボタンクリック
○ center:中央 //[center]text[/center] SCEditerボタンクリック
○ right:右寄せ //[right]text[/right] SCEditerボタンクリック
○ size:フォントサイズ //[size=フォントサイズ{1~7までを選択}]text[/size]
○ color:フォントカラー //[color={A~Zまでのアルファベット,redなど}
もしくは{16進数カラーコード、#FF0000}]text[/color]
○ removeformat:フォント装飾取り消し //Editerボタンをクリック。
○ bulletlist:リスト //SCEditerボタンクリックで[ul][li][/ul]が自動で入力される。
もしくは手動で [list][*][/list]も可。
○ orderedlist:番号リスト //SCEditerボタンクリックで[ol][li][/ol]が自動で入力される。
もしくは手動で [list=(1もしくはA)][*][/list]も可。
○ quote:引用 //[quote]text[/quote]
○ horizontalrule:水平線 //[hr]
○ link:リンク //[url=URLアドレス]表示名[/url]
○ email:E-mail //[email=めるあど]表示名[/email]
○ image:画像挿入 //[img]画像までのアドレス[/img]、
もしくは[img=横幅{表示サイズ}×高さ{表示サイズ}]画像までのアドレス[/img]
○ emoticon:スマイルアイコン //SCEditerボタンクリック
○ youtube:YouTube Video挿入 //[youtube]動画までのアドレス{ID}[/youtube]
○ date:日付挿入 //SCEditerボタンクリック
○ time:時間挿入 //SCEditerボタンクリック
○ source:ソース編集 //SCEditerボタンクリック
「GIF、JPEG、PNG」の他に新たにアップロードを許可するファイル
【TEXT、EXCEL、WORD、POWER POINT、ZIP、PDF】
PDF,EXCEL,WORD等の添付ファイルに対して、それぞれに適合するアイコンを表示するようにした。
アップロード可能拡張子。
【.jpg .png .gif .pdf .txt .doc .docx .xls .xlsx .ppt .pptx .zip】
上記ファイルのアップロード許可の有無は設定ファイル(init.cgi)に設定。
記事内サムネイル拡大表示{静止画像 & YouTube}に「fancyBox」を採用した。
fancyBoxの特徴:
サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページに、拡大画像をオーバーレイ表示します
- 詳細
- 画像の表示(アニメーション)がスムースである
- PC画面よりはみ出る大きな画像は、画面に収めるように表示する
- 自動スライドショーができる
アルバム内サムネイル拡大表示にも「fancyBox」を採用した
アルバム画像拡大表示時はTOPに、コントロールパネルが表示されます
※TOPにコントロールパネルには「Previous Strat_Slidshow Next Toggle_Size Close 」がアイコン表示され、各画像の移動やスライドショー、オリジナルサイズ表示などが可能になります
新規スレッド{親記事}に対して、一定時間New!マークを表示します
設定ファイル(init.cgi)にて時間とNewマークの色や画像を設定出来ます
スレッド一覧画面にスレッド投稿日と参照先を表示するようにしました。ログ互換性について・・・この機能を’バージョンアップする前に登録されたコメント’は今まで同様「黒色」で表示されます。(修正処理をすれば、カラー処理されます。)
最初に「黒」が選択された状態なので、そのまま投稿すれば今まで通りの投稿が可能です
{ ID/PASS : guest/ 0123 }