• MENU ●●●●
  • 記事区切り線 ボーダーライン追加デザイン|シリウスカスタマイズ


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

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

     スポンサーリンク

    記事区切りラインは一つであはりません

    2014 1120更新
    シリウスカスタマイズ テーマ ボーダーライン

     

    シリウス操作画面でみどり角ボタン5でボーダーラインが記事区切り線として
    表示できます

     

    以下のラインです


     

    記述コード
    <hr style="border-bottom:solid 1px #CCC" border="0" />

     

    カラーはコード変更でサイトに合わせて変えられます
    #CCC

     

    線の太さは1pxの数値替えで変えられます
    デフォルトは1

     

     

    画像でもラインは表現としてサイト内に入れられるのですが

     

    手間を考えればMTMLコードで作られたほうが素早いですね

     

    オリジナルなサイトならオリジナルな演出を!!

     

     

    以下はシリウス機能外 のものですが シリウスでも使えます
    コピーして シリウスへ貼り付け いじくりまわして遊んでください

     

     

     

    参考1


     

    記述コード
    <hr color="#84FF0A" width="570" size="20">

     

    #84FF0A  カラーコード

     

    width=570 幅です サイト幅合わせて指定してください

     

    size=20  縦幅です

     

    以上を応用してください

     


     

     

    流れる点線

     

    記述コード
    <Marquee><hr style="border:dotted;color:#84FF0A;width:570;"></Marquee>

     

     


     

    上下に斜陽

     


     

    記述コード
    <hr size="10" color="#84FF0A" style="filter:Blur(add=0,direction=315,strength=10)">

     


     

    見えますか?
    半透明フィルターラインです


     

    記述コード
    <hr size="20" color="#84FF0A" style="filter:Alpha(opacity=20);">

     

    opacity=20 透明度の数値です

     

    遊んでみました
    サイズを300にすると以下のようになります

     

    なんか ラインに限らず他で使えそうですね


     

    半透明なボックスの配置可能を実証しましたので
    関連情報を追加しました
    記事内に半透明テーブルボックスを設置する手順

     

    スポンサーリンク

     

     

     

     

     

    記事区切り線 ボーダーライン追加デザイン
    シリウスカスタマイズ

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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