「背景画像」の記事

スクロールに連動して背景画像が切り替わる効果

2020/06/18         

 このテンプレートで使われている効果は、スクロールに連動してフルスクリーン表示された背景画像が切り替わるといった大掛かりなものです。さらにリストナビをクリックすると、自動的にコンテンツの場所にスクロールされるようにしました。トップ画面には複数のコンテンツが並べられていますが、スクロールに連動して現れる個々のコンテンツの高さが350pxになると、スクリプトが作動して背景画像が切り替わります。その画像の上...

Mont-St-Michel-2作成中

2020/06/11         

 昔作成した共有テンプレート中にMont-St-Michel(モンサンミシェル)というのがあります。これは結構人気がありまして、私の作品集の内で2番めの利用者数を記録しています。今回はその恩恵を被る為に、Mont-St-Michel-2を作成します。トップ画像は前作とほぼ同じですが、さらに目を引く大画面表示にしました。今回の新しい工夫点ですが、個別記事に使われているトップ画像をインデックスのページの背景画像として描画しています...

共有テンプレート”Back-Ground-3”作成中

2020/06/07         

 前作の"Seine"は自信作だったのですが、あまり人気が無いようです。最近の流行に乗れていないのでしょうか。まあ、気を取り直して次を作ります。自作のテンプレートで人気があるのは、NAVIGATORシリーズとBack-Groundシリーズです。それにあやかり、今回は後者の3作目を手掛けました。トップページをスクロールすると、全画面表示された背景画像が切り替わる設定です。パット見は前作と似ていますが、システムは大分違うのです...

テンプレートの背景に画像を設置する方法

2016/01/25                    img-none

テンプレートの左右の空白に、背景画像を設置する方法を示しますスタイルシートの比較的上の方にある下記のタグに一行を加えて下さい花柄等の小さな画像を入れると、タイル状に引き詰められ、綺麗になります...