写真ギャラリーサイトのSample Gallery

What's Newお知らせ

2018/11/06
tp_photo7公開。NEW
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

» 過去ログ

About当テンプレートについて

当テンプレートはhtml5+CSS3(レスポンシブWEBデザイン)です

当テンプレートは、パソコン、スマホ、タブレットでhtml共通のレスポンシブWEBデザインになっております。
古いブラウザ(※特にIE8以下)で閲覧した場合にCSSの一部が適用されない(角を丸くする加工、グラデーション、アニメーションなどの加工等)のでご注意下さい。

各デバイスごとのレイアウトチェックは

最終的なチェックは実際のタブレットやスマホで行うのがおすすめですが、臨時チェックは最新のブラウザ(IEならIE10以降)で行う事もできます。ブラウザの幅を狭くしていくと、各端末サイズに合わせたレイアウトになります。

各デバイス用のスタイル変更は

cssフォルダのstyle.cssやstyle-opening.cssファイルで行って下さい。詳しい説明も入っています。
前半はパソコン環境を含めた全端末の共通設定になります。中盤以降、各端末向けのスタイルが追加設定されています。
media=" (~)"の「~」部分でcssを切り替えるディスプレイのサイズを設定しています。ここは必要に応じて変更も可能です。

Contactコンタクト

sample-mail@sample.mail(※例です)

実際にメールアドレスを書いてしまうと、迷惑メールがたくさん届き出す可能性があるので、
それがNGな場合は画像で作っておくか、フォームなどを置いて下さい。


GoogleMapで地図を貼り付けたい人は解説がありますのでご覧下さい。