• MENU ●●●●
  • 流れる文字列を記事内に配置する|シリウスカスタマイズ


    シリウスカスタマイズ 記事一覧を記事中段へ移動して情報を解り易く明示しましょう グーグル検索で好評かを得られるかも?

    当該サイトコンテンツ関連記事

     スポンサーリンク

    シリウスカスタマイズテーマ サイト記事内に流れる文字列

    流れる文字列は、面白い趣向ともいわれておりますが、いい意味での
    広報効果、良い装飾品と理解してもよいでしょう

    しかし、各ページで頻繁に採用するべきものでもないので、当てはまる
    コンテンツでご使用ください

    では、サイト内に配置する方法の解説です

    文字の箇所を文字と画像の組み合わせ
    又は 画像のみみで表示することもできます

    文字のカラー変更もシリウス機能でOK

    文字 画像にシリウス機能でリンクを貼り付けることも可能ですので

    好みのスタイルでのカスタムができます


    2014 1102更新 2015 0221 2017 1316更新追加

    過去時点の当ページでの解説は、HTMl記載のみでの構築ですが、
    やや動きに重さが見られました

    ですので 2015 0221
    CSS記載を追加し、スムーズに、スーと動くスタイル構築も追加してます

    当サイトのグローバルナビ下に配置のメニューソース設定詳細も
    含めて、下方のエントリー記事関連で追加しております




    手順は簡単

    貼り付けコードは以下に用意してございます

    記述コードをコピーしてサイトに張り付け、文字や画像と入れ替えてください

    当サイトはブラックサイトのため文字カラーは白ですが

    ホワイトサイトなら文字カラーは黒になります
    カラー変更は、
    背景は、bgcolor=#000000 でカラーコード変更
    文字色は、font color=#ffffff でカラーコード変更
    となります

    表示例
    流れる文字列



    記述コード
    <marquee>流れる文字列 </marquee>




    流れる文字列


    カラーコードで変更 

    <marquee bgcolor="#000000"><font color="#ffffff">流れる文字列</font></marquee>




    流れる文字列


    数値を入れ替えればスピード変更ができます
    <marquee scrollamount="3">流れる文字列</marquee>




    追加行


    START Lorem ipsum dolor sit amet END




    コード
    <marquee behavior="scroll" direction="left" scrollamount="2" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>








    START Lorem ipsum dolor sit amet END


    コード
    <marquee behavior="scroll" direction="down" scrollamount="2" height="100" width="350"><p>START Lorem ipsum dolor sit amet END</p></marquee>






    文字サイズ変更可能

    シリウス機能 操作画面で行ってください

    複数の文字テキスト 画像を並べる場合は 
    一つごとに 1マス空けて 並べましょう


    複数の画像リンクの場合、コードが永くなりますので
    後あと何かしらのミスでコードの一部が消えたとか
    不明とならぬよう、やりようは覚えておいてください


    画像の場合 高さを同一にしないと 見た目が不可解となります

    同一の高さにしましょう

    スポンサーリンク


    流れる文字列を記事内に配置する|シリウスカスタマイズ記事一覧

    シリウスで流れる文字列の有効カスタマイズ

    流れる文字列は、カラム内にMTMLコードを配置すれば 記事幅にサイズは限定されてしまいますが、HTMLテンプレートに置けば、サイト全体幅に合わせることができます。ヘッダー内への配置とかヘッダー下とかグローバルナビを設定している場合は、ナビ下へ置けるということです..または フリースペースでも配置でも...

    ≫続きを読む

     

    CSS採用でスーッと動くニュースメニューのラインソース

    marquee(マーキー)でのみ、HTML記述コードで構築するニュース&メニューラインソースでは、流れ 動きにぎこちなさも見受けられましたが、スタイルシートにCSS指示を加えることで、プラグン同様の動きを静的に表すことができます親ページでご案内のHTML記載は一部切り替えますが、サイト内導入は、コピ...

    ≫続きを読む

     

    スペースを空けずに文字を流すCSS指定

    シリウスに流れる文字列を組み込んでも、文字行が終了してからの再表示となるが通常の仕組みですが、ここでは終了以前に左から隠れ消えた行が再登場する回転形式のCSS記述をご案内しますただし、動きがジクタク、ジクタクとぎこちないのが困りもの???...で重要コンテンツサイトには向かないでしょうお遊び、お楽し...

    ≫続きを読む

     




    流れる文字列
    シリウスカスタマイズ

       広告

    .













    お勧め目 抜粋






















































    shop

    特典付き広告..ポチする
    【上位版】次世代型サイト作成システム「SIRIUS」


    シリウスカスタマイズで気を付けること


    サイトにnorton|ノートンの安全評価を付ける


    カスタムに使える情報

    Webデザインで使えるWeb配色ツールまとめサイト