あなたのウェブサイトのためのティッカーを作る方法

click fraud protection
...

数行のHTMLおよびCSSコードを使用して、Webサイトにティッカーを追加します。

マーキーとも呼ばれるティッカーは、表示画面の幅をスクロールして、一目で表示および理解できるように設計されたメッセージを表示します。 ニュースのハイライトや株式市場のデータを表示するためにテレビで一般的に使用されるティッカーは、Webにも表示されることがあります。 数行のHTMLとカスケードスタイルシート(CSS)コードを使用すると、このタイプのコンテンツをWebサイトにすばやく追加できます。

ステップ1

Webページを開き、そのHTMLコードを表示します。 Adobe Dreamweaverなどのビジュアル編集ツールを使用している場合は、ページを開いて、ティッカーを追加する領域をクリックします。 表示モードをコードビューに変更します。 これにより、ページの外観を制御するHTMLコードが表示されます。 テキストエディタを使用している場合は、エディタでページを開き、ティッカーを追加するページの部分まで下にスクロールします。

今日のビデオ

ステップ2

「Enter」キーを押して空白行を挿入します。

ステップ3

次のコードをコピーして空白行に貼り付けます。

ティッカーテキストのサンプルはここにあります

このコードは、デフォルトでコンテンツを画面上で右から左にスライドさせるマーキー要素を定義します。 開始マーキータグと終了マーキータグの間に含まれる段落は、この例のコンテンツです。

ステップ4

設計のニーズに合わせてコードパラメータを更新します。 開始マーキータグは、CSSスタイルのルールを使用して、明るい灰色の背景色と、わずかに暗い灰色の1ピクセル幅の境界線を定義します。 これらの値はすべて調整できます。 さらに、開始段落タグと終了段落タグの間にあるプレースホルダーコンテンツを、独自のテキストまたは画像に置き換えます。

ステップ5

ページを保存して、Webブラウザで開きます。 手順1で選択したページ位置にティッカーが画面に表示されます。