• MENU ●●●●
  • シリウス機能 カラーボックスを理解しましょう|シリウスカスタマイズ


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

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

     スポンサーリンク

    テーマ カラーボックスを理解する

    サイト内を好みに、にぎやかに?カスタマイズ

     

    シリウス機能に備えられてある素晴らしい機能?

     

    カラーボックスと当ページのタイトルは表されていますが、こうでもしないと
    当ページに興味を引いて頂けませんのであしからず

     

    実質名称は
    ユーザー定義ボックスというもので、堅苦しく意味不明な名称ですが、
    シリウス機能に含まれる背景あり装飾枠のご案内です

     

    といっても、実態は単なるカラー背景ボックス作成機能ですが、
    名称が意味不明なので興味もわかず、使われない方が多いみたいです

     

    でも、これは便利ですよ

     

    ネット上からMTML記述など探し求めなくとも
    シリウス機能では簡単に好みのカラー背景ボックス枠ができるのです

     

    ご報告ですが、ネット上ではシリウス機能で表されるような
    良い形態は見当たりませんでした

     

     

    作動状況

     

    横サイズは、記事カラムに合わせて自動調整

     

    縦サイズは、コンテンツに合わせて自動拡張されます

     

     

     

    参考例 

     

    記事と画像を入れてみました

    シリウス
    シリウス

     

    記事や画像を入れた場合、通常は縦配置となりますね

     


    しかし 以下メニューでは横配置も可能です


     

    もっともっとカスタマイズ

     

    レイアウト枠を使う

     

    横並び画像やコンテンツを配置するならレイアウト枠を使う手段もございます

     

    画像が二つ、レイアウト枠で構成してボックスで囲んでみました

     


     

    シリウスボックス機能には
    灰色枠とか 黄色枠などありますが、地味で目立ちませんが

     

    ユーザー定義ボックスなら
    ここまで使えますので、どんどん使ってナイスなサイトに仕上げてみましょう

     

     

     

    使い手順は、最初に記事のどこかをマウスクリック指定したのち
    シリウス操作画面より、以下リボンバー選択

     

     

    プルタウンメニューから
    ユーザー定義ボックスを選択

     

    指定メニューが現れます
    解説画必要な面倒はございませんので弄リ回してください

     

    枠線の色
    背景色
    文字色
    文字サイズ
    と色々編集が可能ですぐできます

     

    参考
    テキストボックス枠の横幅を変更指定する
    シリウスカスタマイズ
    すぐできました

     

    テキストコンテンツは記事欄内に現れた以下div要素内に書き入れます

     

    <div style="border:solid 1px #FFFA93;background-color:#0A15FF;color:#FFFFFF;font-size:13px;padding:10px;">
    すぐできました
    </div>

     

    以上です

     

    関連カスタム詳細は、巻末記事をでご覧ください

     


     

    スポンサーリンク

     

     

     

    シリウス機能 カラーボックスを理解しましょう|シリウスカスタマイズ記事一覧

    ユーザー定義ボックスカスタマイズ

    ユーザー定義ボックスでは好みのカラーを選択して 綺麗なカラー背景のボックス枠を表現できますここでは その表現する変化を二つ変えたカスタマイズをご案内します一つは 背景を透過して枠線だけ表示させるというもので好みのカラー枠内でコンテンツを表現できます背景などいらんから綺麗な枠線で記事を囲みたい方にはお...

    ≫続きを読む

     

    ユーザー定義ボックス枠内背景50%透過方法

    シリウス機能 ユーザー定義ボックスカスタマイズユーザー定義ボックスカスタマイズの応用編となります上記解説でも画像要素の透過をする解説はございますがこちらでは rgbaのカラーコードを一部引用したものでカラーは黒のみを指定しての解説です他のカラーをお求めの方は rgbaキーワードでお調べくださいレイア...

    ≫続きを読む

     

     

    シリウス機能 カラーボックスを理解しましょう
    シリウスカスタマイズ

       広告

    .













    お勧め目 抜粋






















































    shop

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


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


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


    カスタムに使える情報

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