タイトル画像付きのテーマです。
PCなどでは画像と本文の左側とが被るので、淡い色彩の画像が向くかもしれません。
タイトル画像をよりしっかり見せたいときには、sectionにclass="none"を付けると、テキストエリアの背景を透過します。(タイトル画像:
jay mantry)
- CSS差し替え
- CSS差し替え
- テンプレート公開
見出し2
見出し3
見出し4
見出し5
見出し6
リンク リンク リンク
markで下線を引きます。
- リスト1
- リスト2
- 項目テキスト
-
項目の説明
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト - 項目
- 項目の説明
グリッド・画像
imgにclass="modal-window"を付けると、クリック時にモーダルウィンドウで表示します。
imgにclass="trim"を付けると、横いっぱい・縦最大300pxでトリミングして表示します。縦横比に差がある画像向け。それ以外の場合、大きい画像は最大縦300pxで表示されます。
グリッド表示1-1。
div class="grid"の中身はグリッド表示(最大二列)になります。
グリッド表示1-2。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
グリッド表示1-3。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
グリッド表示2-1。
div class="grid-triple"の中身はグリッド表示(最大三列)になります。
グリッド表示2-2。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
グリッド表示2-3。
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト