SIRIUS(シリウス)の画像とテキストの並列表示

Tips_機能の拡張 Tips_プチ裏ワザ Tips_iPhone Tips_その他 購入者特典 購入者専用ページ

新サイトのご紹介

SIRIUSの大型バージョンアップ(ver1.5)によって、システム内部に様々な改良が加えられました。

それによって当サイトでご紹介している独自の機能拡張の一部が【新】テンプレートに標準で搭載されるようにもなってます。

反対に大型バージョンアップによって、これまでご紹介してきたTipsの中にはうまく作動しないものもあったりします。

よって今後このサイトの更新はストップすることにしました。
(サイトはしばらくは残しておきます)

これに伴い、新テンプレートに対応した新しい『SIRIUSの賢い使い方』サイトを公開しました。

さらに【新】SIRIUSテンプレートをベースにしたカスタムテンプレート【Volar】も公開中です。(※SIRIUS購入の特典になります)

【Volar】はこれまで私がご紹介してきたTipsが最初から組み込まれたカスタムテンプレートであり、当サイトではまだご紹介してない新機能も追加搭載してます。

新サイトの方もよろしくお願いします→SIRIUSでウェブサイト作成~ホームページ使いこなしのワザ~

※当サイトで紹介しているSIRIUS小技は順次新サイトに移植の予定です。

画像とテキストの並列表示

サンプル画像

 

SIRIUS(シリウス)には、
画像とテキストを横並びで並列表示するためのカンタン設定機能が
標準で搭載されてます。

(CSSの世界では「float」と呼ばれる普遍的なテクニックです)

 

実はコレ、CSSを使って設定するのですが、
慣れないとレイアウト崩れが起きやすいんです。

 

ちょっとしたミスで文字と画像が重なって表示されてしまった……なんていうトラブルも決して少なくありません。

 

それがちゃちゃっとできちゃうんですから、
web屋泣かせもいいところですね。

 

キャプチャ画像

 

購入ページへ


てっぺん