ツールEX

▼お好みの素材がありましたら、ご活用くださ~い!


年賀状・印刷

 

素材メニュー

 ◆ホームページ素材

▼ライン

フイルム風ライン  ライン1  

 

 ◆Webサービス

 

PHPが動作するサーバー

 

はじめてのHP | タグ辞典 | CSSガイドEX | PHPを学ぼう! | ツールEX

 

◆カウントダウン-イメージ

カウントダウン-シンプルを画像に対応させたバージョンです。
任意の日付を設定することで設定日までのカウントダウンをURLで指定した画像の上に表示させます。
イベント当日には、指定したURLの画像に切り替わります。
"ifream" を利用していますので指定のタグをあなたのホームページやブログなどで任意の位置に貼り付けるだけでとても簡単に表示させることができます。

 

表示させる文字の大きさや色、背景色、ボーダーカラー、縦横の大きさの指定ができるので思いのまま、あなたのホームページやブログに合わせたデザインにすることが可能です。

 

カウンタダウン中の画像とイベント当日の画像を2つをご用意いただく必要があります。
画像サイズは同じもので用意ください。

 

以下のものはサンプル用に表示させたものです。

 

【表示サンプル】サイズ:125×125


※東京オリンピック開催日を設定しています。

 

 

この表示サンプルではカウントダウン用に、
カウントダウン

の画像を使用し、イベント当日の画像には、
当日

を使用しています。

 

htmlコードは以下のとおりとなります。
htmlコードをあなたのホームページやブログに貼り付けてください。
各種の設定はURL以降にパラメータを与えることで行えます。
指定方法以外のパラメータを与えると、デフォルト表示となります。

 

【htmlコード】

<!--カウントダウン -->
<iframe src="http://sozai.ex-mode.net/webservice/wb001.php?
d=2020/7/24
&fs=20,MediumSeaGreen,right
&mg=60,30,0
&sz=125,125
&img1=htt://*****.com/img/sample1.gif
&img2=htt://*****.com/img/sample2.gif
" width="125" height="125"frameborder="0" scrolling="no">
</iframe>

 

"d" のパラメーターにはイベント日を指定します。
記入は、"2020/7/24" のように "/"(スラッシュ)区切りで指定してください。

 

"fs" のパラメーターは文字に関する指定で、"フォントの大きさ,色,行揃い" (カンマ)区切りで設定します。
行揃いの指定は、"left"、"center"、"right" の何れかで指定してください。

 

"mg" のパラメーターは文字を表示させるマージンに関する指定で、"上,左,右" を設定します。

 

"sz" のパラメーターは、表示領域に関する指定で、"横,幅" を指定します。

 

"img1" で使用する画像(カウントダウン)を指定してください。
"img2" で使用する画像(イベント当日)を指定してください。

 

文字色の指定は、Htmlタグ辞典EXの「カラーリファレンス」でお好みのカラーネームを選んで設置してください。

 

基本的には、"sz" のサイズと "iframe" 、画像のサイズは同じサイズを指定をします。

 

テキストベースのシンプルなカントダウンは、「カウントダウン-シンプル」を利用ください。

 

 


 

忍者AdMax

 

ex-mode.net | ツールEX | アフィモール | 初級者向 初めてのホームページ作り | Htmlタグ辞典 | 初めてのプランター菜園 | リンク・ボード | 気のみ気のままなブログ
PHPを学ぼう! | CSSガイドEX | ホビ★コレ | 班長日記!

▲UP

Copyright (C) ex-mode.net 2017. All Rights Reserved.