simplestyle

template!

[enter]

TEMPLATE:Ateh's theme

×

SimpleStyle?

「SimpleStyle」は、JavaScriptと絵文字多めのホームページテンプレート(php版)です。

姉妹品にhtml版、WordPressテーマがあります。

「SimpleStyle」と姉妹品との違いは、php版なこと、ゲーム部分等を外したこと等。
オーソドックスなデザインを目指しました。

特徴?

基本的にシンプルなデザインのため、カスタマイズの自由度は高いテンプレートのつもりです。
絵文字が不要な場合は削除or置き換え、カスタマイズしたい場合はJavaScriptファイル「js_simplestyle.js」で適宜カスタマイズしてください。

またphp版ではincludeを多用して、カスタマイズの効率を向上させています。

  • _head.php……「head」タグ内。JavaScriptやスタイルシートを変える時はここ
  • _header.php……「body」内部のデザイン上部分
  • _footer.php……「body」内部のデザイン下部分
  • _pagetitle_home.php……「index」のページタイトル部分
  • _pagetitle.php……「index」以外のページタイトル部分(複数パターンが欲しい時)
  • _randomlink.php……ランダムリンク(このファイル内にランダムリンクで飛ぶファイル名を記述。要カスタマイズ)
  • __rireki.php……履歴
  • __sitemap.php……サイトマップ
  • __stylebase.php……スタイルシートの基本的な配色等
  • _pagetitle_home2.php……「index」のページタイトル部分(index3タイプ)
  • _pagetitle2.php……「index」以外のページタイトル部分(index3タイプ)
  • _randomimage.php……index3タイプのデザインの場合使用するランダム画像を記述
その他。
  • レスポンシブ/1カラム
  • ランダムリンク対応
  • 縦書対応(縦書部分を<div class="h2vr_28 tate"></div>で囲む。詳細は「h2vR」フォルダ内参照)

使い方

php版は(同じphp使用の)WordPress版と違って、1ページごとにデザインのカスタマイズをすることが容易です(WordPressは基本記事ページは同じデザイン)。

たとえば、「include("_head.php")」の部分の下等で直接body等のスタイル指定を行えば、ページごとにかなりデザインを変更できます。

いくつかサンプルページを用意しました。

デザインバリエーション

indexは6種類、記事ページは6種類用意しました。
sample1-2はindexと同タイプ、sample4-5はindex2と同タイプ、sample3,6はindex3と同タイプといった感じです。

その他

カスタマイズ等ご自由にお使い下さい。
ライセンスはこちら→ライセンスについて

レスポンシブデザイン。

スタイルサンプル(h2)

見出し3

見出し3です。

見出し4

見出し4です。
引用
  • リスト
  • リスト
×

Status


苗字:
名前:
性別:
年齢:
通り名:
出身:
誕生月:
誕生日:
職業:
種族:
武器:
属性:
髪色:
目色:
口癖:

Setting

苗字:
名前:
性別:
年齢:
通り名:
出身地:
誕生月:
誕生日:
職業:
種族:
武器:
属性:
髪色:
目色:
口癖: