WEB PATIO
- トピックス式掲示板 -
改造点
Date:2021/01/14
入室IDとパスワードの保存機能{クッキー利用}を追加した。

JavaScriptのフレームワーク「AngularJS」を適用。クッキー有効期間:3か月

留意事項:「ブラウザを閉じると同時にキャッシュ等を消去する」設定にしていると使えません。

当サイトではCDNを利用した読み込み方法を適用しました。

最新版が使いたい方は、こちらから最新版がダウンロード出来ます。→AngularJS

Date:2019/12/30
オリジナルバージョンアップに伴い管理モードもスマートフォン対応とした。
Date:2016/06/28
WYSIWYG(ウィジウィグ) BBCode & HTML editor「SCEditor」を装備し、ウェブ上で自由な記事編集を可能にした。

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ボタンクリック

Date:2016/06/07
画像以外の添付ファイルを可能にした。

「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)に設定。

Date:2015/06/30
YouTube添付機能追加。
記事内サムネイル拡大表示{静止画像 & YouTube}に「fancyBox」を採用した。

fancyBoxの特徴:
サムネイル画像をクリックするとJavascript(Ajax)を利用して同じページに、拡大画像をオーバーレイ表示します

  • 詳細
    1. 画像の表示(アニメーション)がスムースである
    2. PC画面よりはみ出る大きな画像は、画面に収めるように表示する
    3. 自動スライドショーができる

アルバム内サムネイル拡大表示にも「fancyBox」を採用した

アルバム画像拡大表示時はTOPに、コントロールパネルが表示されます

※TOPにコントロールパネルには「Previous  Strat_Slidshow  Next  Toggle_Size  Close 」がアイコン表示され、各画像の移動やスライドショー、オリジナルサイズ表示などが可能になります

Date:2015/06/01
新着マーク表示対応。

新規スレッド{親記事}に対して、一定時間New!マークを表示します

設定ファイル(init.cgi)にて時間とNewマークの色や画像を設定出来ます

スレッド一覧画面にスレッド投稿日と参照先を表示するようにしました。
Date:2015/02/28
アルバム機能追加。
Date:2012/11/30
文字色選択機能追加

ログ互換性について・・・この機能を’バージョンアップする前に登録されたコメント’は今まで同様「黒色」で表示されます。(修正処理をすれば、カラー処理されます。)

最初に「黒」が選択された状態なので、そのまま投稿すれば今まで通りの投稿が可能です

{ ID/PASS : guest/ 0123 }