Xoops d3blog 画像を投稿する 余白を設定する

Xoops

はじめに、管理者メニューでイメージカテゴリを新規に作成します。

管理者メニュー -> 互換モジュール -> イメージ・マネージャー

「新規作成」のボタンを押下。

カテゴリ名やその他の設定事項を記入して「送信」

次に実際にd3blogで記事の中に画像を挿入してみます。
記事の投稿画面で、エントリ本文の「BBコード入力パレットを表示する」にチェックを入れます。

そうすると、いろいろなアイコンが表示されます。
「IMAGE MANNAGER」を押下。

遷移した画面 http://localhost/imagemanager.php?target=contents で、
先ほど作成したイメージカテゴリを選択して送信ボタンを押下。

右上に表示される「画像のアップロード」を押下。
アップロードしたい画像を選択して送信。

アップロードした画像が表示されますが、まだ記事本文には挿入されていません。
右側に表示されている「右寄せ、センタリング、左寄せ」のアイコンを
クリックすると、記事本文に画像が挿入されます。

画像と本文の間に余白を作りたい時には、
「d3blog_main_style.css」を編集します。
以下を追加

.clearFix img{
margin-right:1em;
max-width:480px; 
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です