set File

Web標準テンプレート

HTML5 & CSS3検証


Nowハイビスカス9枚set

日替り素材20161019

ハイビスカス9枚setのサンプル画

通常画像4枚とバナー画像5枚set
サンプル画:ハイビスカス9枚set
サンプル画や参照画にある「著作権侵害対策文字列」は提供素材(ダウンロード素材)にはございませんが、著作権は当サイトsetf.jpにあります。

応用1

以下の応用1はサンプル画像を使用。

応用1のhtml・cssを表示 > 応用1アメブロスマホ版 < 目次へ

応用2

以下の応用2は制作者のブログ用サンプル画像を使用。

応用2のhtml・css 応用2アメブロスマホ版 次の項目へ > < 目次へ

ハイビスカス

素材の歩み

  • ハイビスカスの育成と撮影は実家の母。set File制作者がハイビスカス画像に加工を施し、当時のWebサイト(フリースペースFC2で制作したsetF)でスライドショートロピカルsetとして公開提供。

    参照画1:トロピカルsetのPRアニメーション
    参照画1:トロピカルsetのPRアニメーション
  • 当サイトにて、スライドショー背景一体化 & ハイビスカス+αとして公開提供。

    参照画2:背景一体化 & ハイビスカス+αのPRイメージ
    参照画2:背景一体化 & ハイビスカス+αのPRイメージ
    参照画3:背景一体化 & ハイビスカス+αのスクリーンショット
    参照画3:背景一体化 & ハイビスカス+αのスクリーンショット
    参照画4:背景一体化 & ハイビスカス+αのPRイメージ
    参照画4:背景一体化 & ハイビスカス+αのPRイメージ
  • 閲覧者からクレームが入った事をキッカケに、JavaScliptを実装していたスライドショーsetを全て公開終了に伴い、背景一体化 & ハイビスカス+αも公開提供終了。

  • 画像のフォーマットをjpgからpngに変更し(ミニバナーは一部gif)、サービス素材の日替り素材 ハイビスカス9枚setとして公開提供。

< 目次へ

花言葉

ハイビスカスの花言葉は、勇敢(赤いハイビスカス)繊細な美(白いハイビスカス)華やかさ(ピンクのハイビスカス)上品な美(黄色のハイビスカス)

< 目次へ

ダウンロード

ハイビスカス素材

サンプル画左上白いハイビスカス
size 320×240
サンプル画右上ピンクのハイビスカス
size 320×240
サンプル画右下黄色いハイビスカス
size 480×360
サンプル画中央白画像
size 480×360
サンプル画左下ミニバナー上から1
size 88×31
サンプル画左下ミニバナー上から2
size 88×31
サンプル画左下ミニバナー上から3
size 88×31
サンプル画左下ミニバナー上から4
size 88×31
サンプル画左下ミニバナー一番下
size 88×31

< 目次へ

日替り素材

> 日替り素材setの一覧へ

サンプル画:日替り素材set

< 目次へ



HTML5 & CSS3検証

本ページの正当度
本ページの構成表
閲覧環境 » PC主要ブラウザ(*1) スマートフォン その他
Valid HTML5(*2) 適応 適応 適応
Valid CSS3(*3) 適応 適応 未使用
Media Queries 参照: PC & スマートフォンスタイル
No Script »
  • ブラウザに依存し、端末(特にスマートフォン)に負担・弊害のあるJavaScriptは一切使用せず、大概の事はPHPで実装しておりますので、JavaScriptが無効でも問題なくご利用いただけます。
  • 本サイトは、JavaScriptやスタイルシートが無効時でも正常に表示する事をモットウにしています。

(*2)HTML5・検証結果表
正当結果 不当結果 検証不可(要:更新)
  • 正しい文法で構成されている場合は、Checkボタン直下に以下が表示されます。 淡いグリーンの帯に黒字で英文(端末によって様々)が表示されます。
  • ただし、サーバー混雑状況等でオレンジ背景に白字で以下の文字列が表示されたらページの更新で正当結果とURLが表示されます。Sorry! This document cannot be checked.
  • 大概のWebコンテンツの検証結果は、Checkボタン直下にErrorの嵐です。
  • 文法エラーの数と該当箇所が英文で表示されますので、制作者の未熟なスキルが原因なのか、または、高度なスキルを持ち合わせていながらも広告設置等の何らかの事情で敢えて妥協しているかが明確です。
  • エラーが多いと表示が崩れるばかりか読み込みも遅いし弊害だらけですが、本サイト及び本サイトの提供物はErrorなど一つもありませんので、安心してご利用いただけます。
  • サーバー状況や、リファラ制限実装時は以下の文字列が表示されますが、リファラ制限実装以外の場合はWebページを更新すると検証結果が表示されます。Sorry! This document cannot be checked.
  • その他、該当コンテンツのソースコードで検証すると、リファラ制限実装時でも確実に検証可能。
  • 本サイトでは、メールフォームの確認ページと送信完了ページにリファラ制限を設けています。
  • 更に、厳格に日本語で検証するWebサイト(*4)もあります。
本ページの正当度を確認 気になるWebサイトのURLを入力して正当度検証 ソースコードで検証

(*3)CSS3の正当度検証
  1. 文法エラーがない正しいCSSで構成されている場合は、以下の文字列が表示されます。
    おめでとうございます! エラーはありません。おめでとうございます! この文書は正当な CSS レベル 3 として検証できました!
    本サイトのCSS及び、提供するCSSは全て正当なCSSです。
  2. 文法に誤りがあった場合は、以下の文字列とと該当箇所が表示されます。
    エラー: 以下のエラーが見つかりました。 (エラー数)
    エラーだらけのCSSは、エラーhtml同様に表示が崩れるばかりか読み込みも遅いし弊害だらけです。以下のリンクから検証可能です。
  3. 検証。CSSのURLは拡張子(*5).cssです。

メインコンテンツへ

Page Top