set File

Web標準テンプレート

HTML5 & CSS3検証


Nowトライアンファター百合12枚set

日替り素材20161025

トライアンファター百合12枚setのサンプル画

通常画像8枚(size:480×360)とバナー画像4枚(size:88×31)set。応用とダウンロードから全ての素材12枚のダウンロードが可能。
サンプル画:トライアンファター百合12枚set
サンプル画や参照画にある「著作権侵害対策文字列」は提供素材(ダウンロード素材)にはございませんが、著作権は当サイトsetf.jpにあります。

素材の歩み

  • トライアンファターの育成と撮影は実家の母。set File制作者がトライアンファター画像に加工を施し、当時のWebサイト(フリースペースFC2で制作したsetF)でフリー素材として公開提供。

  • 当サイトにて、CSSでオンマウススライドシリーズとして公開提供。

    参照画1:CSSでオンマウススライドシリーズ「トライアンファターユリ」
    当時のスクリーンショット
    参照画2:CSSでオンマウススライドシリーズ「トライアンファターユリ2」
    当時のスクリーンショット2
  • 本サイトを(X)HTML1.1からHTML5への移行メンテナンスにて、CSSでオンマウススライドシリーズの公開提供終了。

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

    < 目次へ

花言葉

  • ユリ全般と白いユリの花言葉は純潔無垢威厳
  • 赤とピンクのユリの花言葉は虚栄心

    白とピンクのユリ・トライアンファターは、上記の花言葉が全て適応されます。

< 目次へ

応用とダウンロード1

応用1から5

応用1:インパクト

サンプル画左上1を使用

  1. 応用1のhtml・cssコードを表示
  2. アメブロのスマホ版に反映させるhtmlコードを表示
  3. 応用1の画像をダウンロード

< 目次へ 応用2 >

応用2:イニシャルT

> 応用2のhtml・cssコードを表示 > 応用2のアメブロスマホ用html > 応用2の画像をダウンロード

< 目次へ

応用3:イニシャルH

↓ミニバナーのダウンロード

> 応用3のhtml・cssコード表示 > 応用3の画像をダウンロード > 応用3のアメブロスマホ用html

< 目次へ

応用4:フォト

> 応用4のhtml・cssコード表示 > 応用4のアメブロスマホ用html > 応用4の画像をダウンロード

応用4ミニバナーダウンロード↑

< 目次へ

応用5:オリエンタル

↓応用5ミニバナーダウンロード
以下はsize:480×360
> 応用5の画像1をダウンロード > 応用5の画像2をダウンロード > 応用5の画像3をダウンロード

> 応用5のhtml・cssコード表示 > 応用5のアメブロスマホ用html

< 目次へ

応用6と7へ >

応用とダウンロード2

応用6と7

応用6:クラッシック

> 応用6のhtml・cssコード表示 > 応用6のアメブロスマホ用html > 応用6の画像をダウンロード

< 目次へ

応用7:エレガント

応用7ミニバナーダウンロード↓
ダウンロード
> 応用7の画像をダウンロード < 目次へ > 補足

> 応用7のhtml・cssコード表示 > 応用7のアメブロスマホ用html

補足

トライアンファター百合12枚setのイニシャルT以外は、端末サイズに合わせて可変します。

各css内のmax-widthで制限幅を調整して試してみて下さい。

< 目次へ

日替り素材

> 日替り素材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