サイトマップ
シリウスカスタマイズテーマ サイト記事内に流れる文字列
流れる文字列は、面白い趣向ともいわれてもおりますが、使い方次第ではいろんな
趣向をデザインし視覚効果も高められるのです...
最新のトピックス表記..宣伝..広報効果も踏まえると用途は幾重にも...
デザインも加えられることで良い装飾品と理解してもよいでしょう...
しかし、各ページで頻繁に採用するべきものでもないので、当てはまるコンテンツでの
採用がベスト...と、ご理解くださいね...
では、サイト内に配置する方法をご案内いたします..
文字の箇所を文字と画像の組み合わせ
又は 画像のみみで表示することもできます
文字のカラー変更もシリウス機能でＯＫ
文字 画像にシリウス機能でリンクを貼り付けることも可能ですので
好みのスタイルでのカスタムができます
ご注意
未検証で大変申し訳ございませんが、AMP構造では認証エラーとなるかもしれません
AMPサイトの場合、導入後AMPテストを実行し...非認証でしたら即時外してください..
AMPサイト以外では通常に反応します...ご承知願います...
2014 1102更新 2015 0221 2017 1316更新追加
過去時点の当ページでの解説は、HTMｌ記載のみでの構築ですが、
やや動きに重さが見られました
ですので 2015 0221
CSS記載を追加し、スムーズに、スーと動くスタイル構築も追加してます
当サイトのグローバルナビ下に配置のメニューソース設定詳細も
含めて、下方のエントリー記事関連で追加しております
手順は簡単
貼り付けコードは以下に用意してございます
記述コードをコピーしてサイトに張り付け、文字や画像と入れ替えてください
当サイトはブラックサイトのため文字カラーは白ですが
ホワイトサイトなら文字カラーは黒になります
カラー変更は、
背景は、bgcolor=#000000 でカラーコード変更
文字色は、font color=#ffffff でカラーコード変更
となります
表示例
記述コード
<marquee>流れる文字列 </marquee>
カラーコードで変更
<marquee bgcolor="#000000"><font color="#ffffff">流れる文字列</font></marquee>
数値を入れ替えればスピード変更ができます
<marquee scrollamount="3">流れる文字列</marquee>
追加行
コード
<marquee behavior="scroll" direction="left" scrollamount="2" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>
コード
<marquee behavior="scroll" direction="down" scrollamount="2" height="100" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>
文字サイズ変更可能
シリウス機能 操作画面で行ってください
複数の文字テキスト 画像を並べる場合は
一つごとに 1マス空けて 並べましょう
複数の画像リンクの場合、コードが永くなりますので
後あと何かしらのミスでコードの一部が消えたとか
不明とならぬよう、やりようは覚えておいてください
画像の場合 高さを同一にしないと 見た目が不可解となります
同一の高さにしましょう
スポンサーリンク
流れる文字列
シリウスカスタマイズ
趣向をデザインし視覚効果も高められるのです...
最新のトピックス表記..宣伝..広報効果も踏まえると用途は幾重にも...
デザインも加えられることで良い装飾品と理解してもよいでしょう...
しかし、各ページで頻繁に採用するべきものでもないので、当てはまるコンテンツでの
採用がベスト...と、ご理解くださいね...
では、サイト内に配置する方法をご案内いたします..
文字の箇所を文字と画像の組み合わせ
又は 画像のみみで表示することもできます
文字のカラー変更もシリウス機能でＯＫ
文字 画像にシリウス機能でリンクを貼り付けることも可能ですので
好みのスタイルでのカスタムができます
ご注意
未検証で大変申し訳ございませんが、AMP構造では認証エラーとなるかもしれません
AMPサイトの場合、導入後AMPテストを実行し...非認証でしたら即時外してください..
AMPサイト以外では通常に反応します...ご承知願います...
2014 1102更新 2015 0221 2017 1316更新追加
過去時点の当ページでの解説は、HTMｌ記載のみでの構築ですが、
やや動きに重さが見られました
ですので 2015 0221
CSS記載を追加し、スムーズに、スーと動くスタイル構築も追加してます
当サイトのグローバルナビ下に配置のメニューソース設定詳細も
含めて、下方のエントリー記事関連で追加しております
手順は簡単
貼り付けコードは以下に用意してございます
記述コードをコピーしてサイトに張り付け、文字や画像と入れ替えてください
当サイトはブラックサイトのため文字カラーは白ですが
ホワイトサイトなら文字カラーは黒になります
カラー変更は、
背景は、bgcolor=#000000 でカラーコード変更
文字色は、font color=#ffffff でカラーコード変更
となります
表示例
記述コード
<marquee>流れる文字列 </marquee>
カラーコードで変更
<marquee bgcolor="#000000"><font color="#ffffff">流れる文字列</font></marquee>
数値を入れ替えればスピード変更ができます
<marquee scrollamount="3">流れる文字列</marquee>
追加行
コード
<marquee behavior="scroll" direction="left" scrollamount="2" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>
コード
<marquee behavior="scroll" direction="down" scrollamount="2" height="100" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>
文字サイズ変更可能
シリウス機能 操作画面で行ってください
複数の文字テキスト 画像を並べる場合は
一つごとに 1マス空けて 並べましょう
複数の画像リンクの場合、コードが永くなりますので
後あと何かしらのミスでコードの一部が消えたとか
不明とならぬよう、やりようは覚えておいてください
画像の場合 高さを同一にしないと 見た目が不可解となります
同一の高さにしましょう
スポンサーリンク
流れる文字列
シリウスカスタマイズ
記事内に掲載する流れる文字列は、カラム内にMTMLコードを配置すれば 記事幅にサイズは自動調整されてしまいますが、HTMLテンプレートに置けば、サイのト全体幅に合わせることができます。では、コンテンツに戻ります...ヘッダー内への配置とかヘッダー下とかですね..グローバルナビを設定している場合は、ナビ下へも置けるということです..または フリースペースでも配置でも取り付けは可能..なんですね物は考...
marquee（マーキー）でのみ、HTML記述コードで構築するニュース＆メニューラインソースでは、流れ 動きにぎこちなさも見受けられましたが、スタイルシートにCSS指示を加えることで、ジェイクエリプラグン同様の動きを静的に表すことができます...親ページでご案内のHTML記載は一部切り替えますが、サイト内個別ページ導入は、コピー用記載を追加すればすぐに正常確認頂けます..当ページのグローバルナビ下...
シリウスに流れる文字列を組み込んでも、文字行が終了してからの再表示となるが通常の仕組みですが、ここでは終了以前に左から隠れ消えた行が再登場する回転形式のＣＳＳ記述をご案内します。ただし、動きがジクタク、ジクタクとぎこちないのが困りもの？？？...で重要コンテンツサイトには向かないでしょう...お遊び、お楽しみ記事などでは使えるかもしれません...ですので、作動をご確認の上、ご判断ください... 作...