Weeblyアプリを活用したアイスホッケーチームのWebサイト作成
Home
Roster
Social Media
Instagram
Twitter & Facebook
Others
Image
Line
Scroll
Show / Hide
Table
線 / 区切り線
ページを区切る罫線には、Weebly 標準コンポーネントの「区切り線 (ディバイダー)」を水平線(横線)に利用できます。横にコンポーネントを配置して列構造にして縦線(垂直線)で区切りたいときや、水平線をカラフルにしたいときに使えるアプリです。
Vertical Divider
垂直の区切り線を入れます。区切り線を入れたい列に、アプリをドラッグ&ドロップします。列内の位置は任意で大丈夫のようです。
列の右側、左側どちらに垂直線を入れたいかを指定します。両方を指定することはできません。
線の太さ、色を設定できます。
線の種類には、Solid / Dashed / Dotted を設定できます。
スマホなどで表示幅が狭く、横並びにならないときに、列の区切り線を列の上に入れるか下に入れるかを設定できます。
※ 無料で提供されていましたが、2018年初頭ぐらいから有料に変更になりました。そのためサンプルには区切り線が表示されません。
列1
列の一番上に Vertical Dividerを配置しています。
右側, 赤, 太さ 1, Solid
列2
列の一番下に Vertical Divider を配置しています。
右側, 黒, 太さ 5, Dotted
列3
列4
左側, 緑, 太さ10, Dashed
スマホ表示で上に表示
Vertical Divider - Weebly アプリセンター
Colored Lines
水平方向の罫線を提供する有料アプリです。月額課金ではなく、2017年6月時点で 1.99 ドルの買い切りです。
罫線に色と太さを設定できます。
スタイルの設定(実線や点線など)はできないようです。
Colored Lines - Weebly アプリセンター
Home
Roster
Social Media
Instagram
Twitter & Facebook
Others
Image
Line
Scroll
Show / Hide
Table