ツールEX

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


格安、ロゴ制作!

 

素材メニュー

 ◆ホームページ素材

▼ライン

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

 

 ◆Webサービス

 

PHPが動作するサーバー

 

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

 

◆カウントダウン-シンプル

任意の日付を設定することで設定日までのカウントダウンを表示します。
"ifream" を利用していますので指定のタグをあなたのホームページやブログなどで任意の位置に貼り付けるだけでとても簡単に表示させることができます。

 

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

 

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


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

 

 

単純に指定した日付までの残数を表示させるだけのものですから、見出しを用意する必要があります。
"table" タグなどを利用して次の様な表示をさせる工夫をお願いします。

東京オリンピックまであと

 

 

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

 

【htmlコード】

<!--カウントダウン -->
<iframe src="http://sozai.ex-mode.net/webservice/wb001.php?
d=2020/7/24
&fs=12,red,left
&mg=14,0,0
&sz=125,30
&st=1,1,white,white
" width="128" height="32"frameborder="0" scrolling="no">
</iframe>

 

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

 

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

 

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

 

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

 

"st" のパラメーターは、ボーダーに関する指定で、"太さ,種類,ボーダーの色,背景色" を指定します。

 

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

 

基本的には、"sz" のサイズと "iframe" のサイズは同じサイズを指定をしますが、ボーダーラインを設定すると若干のズレが生じます。
その場合には数字を修正してご利用ください。

 

ご自身で画像を用意し使いたい方は、「カウントダウン-イメージ」を利用ください。

 

 


 

忍者AdMax

 

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

▲UP

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