「kozin」とお揃いテンプレート配布



ダウンロード (2024/11/23更新)

>>デモ用サンプルページ


説明

• 当サイトで配布しているてがろぐスキン「kozin」とデザインを揃えたhtml/cssテンプレートです
• kozinとセットで使ったり、これだけで簡単なページを作ったり
• kozinと同じように全体の色カスタマイズができます
• メタタグによる簡単な検索避け付
• 配布はゆるゆる適当ですが一応利用規約的なものをさらっと読んでおいてください

使用フォント
アイコン：Google Fonts Icons (Material Icons Rounded)


使い方
※全体の色カスタマイズ方法
「style.css」ファイル11行目くらいからの「カスタム用色変更欄」のカラーコードを書き換えてください。スキンkozinと色の変数名を揃えているので、コピペで同じ配色になると思います。

※ヘッダー画像について
元画像の大きさに関わらず、PCで150px四方、スマホで100px四方の円型になります。調整したい場合は「style.css」59行目より。
透過ロゴ画像やバナー等、丸くない画像を表示したい場合は「index.html」22行目あたり<img src="img/demohead.png" class="headimg maru">のclass="headimg maru"の「 maru」を消してclass="headimg"にしてください。

簡単な個人サイトっぽいトップページや、入口リンクだけ置いたワンクッション用ページ、1枚プロフページ等、お好きなように改造してご使用ください。

#htmlテンプレート
　
更新履歴
2024/11/23　スキンに合わせてサブタイトルを追加
2024/11/04　配布開始