suin.io

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

suin2006年6月24日

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

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

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

.itemBody img{padding: 5px;}

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

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

RELATED POSTS