Web Standards Responsive Designシャクナゲ7枚set

カスタマイズサポート付き
当ページはset Fileが提供する誰でもWeb標準デザインシャクナゲ7枚setを使用すると、このようなカスタマイズが出来ますよ!といったカスタマイズデモページです。

本ページで使用しているサンプル画像は提供画像よりも大幅に画質を下げています

PCでは主要ブラウザで幅を狭めるとデザインが可変し、Smart Phoneではブラウザの倍率設定や縦横表示でデザインが可変します。

Valid HTML5 & CSS3

Materials 提供素材Web標準レスポンシブ Design・シャクナゲ7枚set

7set
  • 通常画像5枚(size:480×360)
  • アニメーションGIF2枚
  • 提供素材(ダウンロード素材)の著作権は当サイトsetf.jpにあります。

» Page Top

History 素材の歩み

2009~2016
  • シャクナゲの育成と撮影は実家の母。set File制作者がシャクナゲ画像に加工を施し、当時のWebサイト(フリースペースFC2で制作したsetFmonospaceで制作したsetF)でフリー素材としてアニメーションGIFとミニバナーを公開提供。

  • 当サイトにて、赤・ピンクset セイヨウシャクナゲとして公開提供。

    参照画1:赤・ピンクset セイヨウシャクナゲ
    当時のスクリーンショット
  • 当サイトにて、赤・ピンクset セイヨウシャクナゲ拡張setとして公開提供。

    参照画2:赤・ピンクset セイヨウシャクナゲ拡張set
    当時のスクリーンショット2
    参照画3:赤・ピンクset セイヨウシャクナゲ拡張set
    当時のスクリーンショット3
  • 本サイトを(X)HTML1.1からHTML5への移行メンテナンスにて、赤・ピンクset セイヨウシャクナゲ同拡張setの公開提供終了。

  • 画像のフォーマットをjpgからpngに変更し、サービス素材の日替り素材 シャクナゲ7枚setとして公開提供。

  • 名称日替り素材 シャクナゲ7枚setWeb標準レスポンシブ Design・シャクナゲ7枚setに変更し、デモ3:フェミニンのcssを一部変更。

  • 5typeのデザインメニューの改善と共に、サービス素材から誰でもWeb標準デザインへ移動。

» 目次へ

Demo1 リーフモチーフ

閲覧端末の幅によってサイズが可変するレスポンシブウェブデザインです。

Site Menu:Home

  1. Link テキスト
  2. Link テキスト
  3. Link テキスト
  4. Link テキスト
  5. Link テキスト

» 目次へ

Demo2 シンプル

閲覧端末の幅によってサイズが可変するレスポンシブウェブデザインです。

SiteMenu

Home
Link テキスト

Link テキスト

Link テキスト

Link テキスト

Link テキスト

Link テキスト Link テキスト

» 目次へ

Demo3 フェミニン

閲覧端末の幅によってサイズが可変するレスポンシブウェブデザインです。

Site Menu

Home
Link テキスト Link テキスト Link テキスト Link テキスト Link テキスト

Link テキスト Link テキスト

» デモ3:フェミニンを採用した本サイトのメニュー

» 目次へ

Demo4 ザ・シャクナゲ

閲覧端末の幅によってサイズが可変するレスポンシブウェブデザインです。

Site Menu

Home
Link テキスト Link テキスト Link テキスト Link テキスト Link テキスト

Link テキスト Link テキスト

» デモ4:ザ・シャクナゲのアレンジ

» 目次へ

Demo5 パネル

閲覧端末の幅によってサイズが可変するレスポンシブウェブデザインです。

Site Menu

Home
Link テキスト Link テキスト Link テキスト
Link テキスト Link テキスト

» 目次へ

Gif アニメーション

» 目次へ

言葉

» 目次へ

Arrange

デモ4:ザ・シャクナゲを制作者のブログ用にアレンジ。お手持ちの画像でお好みにアレンジ可能です。変更点は以下の通り。

Ameba Blog

アメブロ百変化│非定型歯痛・1日1食・Web素材

時点のブログ内Webサービス一覧

» シャクナゲ7枚setでスマホ版にも反映するアメブロカスタマイズ

» トライアンファター百合12枚setでスマホ版にも反映するアメブロカスタマイズ

» 少食で激痩せた私とハイビスカスと沖縄スロット|日替り素材

» 妖艶なる酔芙蓉9枚set│日替り素材2

» 日替り素材set第一弾とスマホでの記事内画像非表示対策│Webサービス2 » ブログを彩るアイコンが集結|Webサービス

» アメブロ百変化 > Webサービス一覧

目次へ Page Top

Site Menu

Home
本サイトについて Web標準テンプレート 誰でもWeb標準デザイン サービス素材 利用規約 サイトマップ お問合せ

目次へ Page Top

HTML5 & CSS3検証

  • html正当度検証。

    正当エラー有

    *サーバー混雑状況等に、オレンジ背景に白字でSorry! This document cannot be checked.の文字列が表示されたらページの更新で結果とURLが表示されます。 » Valid HTML5 検証
  • css正当度検証。

    エラーが無ければ おめでとうございます! エラーはありません。と、表示されます。

    » Valid CSS3 検証