にゃあ

ニュース記事と画像に適度な余白を作る

ニュース記事に画像を貼り付けてみたけれど、画像と本文が密着して見栄えが悪い。そんな小さな悩み、小さな改良で、すぐに解決できます。

ニュー スに画像をつけて投稿するのは簡単にできるのですが、画像のまわりに適度なスペース(パディング)を設けるのは、すこし面倒です、いえ、面倒でした。過去 にxoopscube.jpのフォーラムなどでも、この件についていくか質問があったようですが、その都度ニュース記事内でHTMLタグを使ったり、 newsモジュール自体をハックしたり、あるいはXoopsCodeをハックしたりと、単に余白を設けるだけなのに、大がかりな工事が必要だと言われてき ました。しかし、そのようなやり方は面倒なだけでなく、XOOPSをアップデートするときに、それらの地道な苦労は吹き飛んでしまいます。

最も楽でスマートな解決方法はテーマのスタイルシートを編集する方法です。あなたが今使用しているテーマのスタイルシートに以下の一行を追加するだけです。

.itemBody img{padding: 5px;}

どうでしょう?あっという間に実現できたことでしょう。テーマは意図しないアップデートで上書きされることもありませんし、この程度の作業であれば、たとえテーマが上書きされてもすぐに治せます。

もちろんこのtipsはBulletinにも使えます。それ以上にclassがitemBodyである箇所ならどこでも適用できます。このtipsを応用すればweblogや他のモジュールでも利用できます。


コメント&トラバ

トラックバックを送る

無関係なスパムのトラックバックを防止するため、リンク先で本サイト(suin.asia)への言及が確認されないトラックバックは破棄しています。

トラバURL : http://suin.asia/trackback/279

コメントを書く

お名前* URL
本文*
合い言葉* ←「is4638dio」と入力して下さい。
* この記事の話題と関係ないコメントはどんな内容でも削除します。(移動できないので)

トラックバック

トラックバックがないのはさみしいにゃん…。

コメント

コメントはないです。誰かコメント書いてよぅ…。

Author

Submenu

Recent Entries

XOOPS Cube Dev Ring

氷川 XOOPS Module 開発室

Recent Comments

Recent Trackbacks

facebookいいね