SIRIUS(シリウス)の使い方講座5|レイアウト枠の設定方法

 

シリウスでは、レイアウト枠を作ることで左右に別々のコンテンツを表示させることができます。

 

まずは、ツールバーの「ボックス」のところにある「レイアウト枠」をクリックします。

 

レイアウト枠をクリックすると、別ウィンドウで「レイアウトの設定画面」が開きます。

 

レイアウト横幅を調整することで、左右の大きさを調整できます。

 

左列20%、右列80%で設定した場合

 

麦わら海賊団のフィギュアです。ワンピースチョコエッグという食玩に入っていたものです。
左からニコ・ロビン、チョッパー、フランキー、ナミです。
全部で16種類とシークレットが1つあります。
すべてのキャラクターを揃えるためには、たくさんチョコエッグを買わないといけません。

 

ボーダー(線)を入れた場合

 

男性のアイコン画像です。

女性のアイコン画像です。

 

列の隙間


左右それぞれのコンテンツの隙間の大きさを指定できます。

 

列の隙間が2pxの場合

左側のコンテンツ

右側のコンテンツ

 

列の隙間が10pxの場合

左側のコンテンツ

右側のコンテンツ

 

余白の設定


左右それぞれのコンテンツの余白の大きさを指定できます。

 

余白が0pxの場合

左側のコンテンツ

右側のコンテンツ

 

余白が100pxの場合

左側のコンテンツ

右側のコンテンツ

 

ボーターの設定


ボーダー(線)の太さを指定することもできます。

 

ボーダー1pxの場合

左側のコンテンツ

右側のコンテンツ

 

ボーダー100pxの場合

左側のコンテンツ

右側のコンテンツ

 

線の色


線の色を指定することができます。

 

#FFF30Aの場合

左側のコンテンツ

右側のコンテンツ

 

#00C509の場合

左側のコンテンツ

右側のコンテンツ

 

スマートフォンで1列にする

 

「スマートフォン上で1列にする」にチェックを入れると、スマートフォンでは1列に表示されます。

 

 

トップへ戻る