ニュース記事に画像を貼り付けてみたけれど、画像と本文が密着して見栄えが悪い。そんな小さな悩み、小さな改良で、すぐに解決できます。
ニュー スに画像をつけて投稿するのは簡単にできるのですが、画像のまわりに適度なスペース(パディング)を設けるのは、すこし面倒です、いえ、面倒でした。過去 にxoopscube.jpのフォーラムなどでも、この件についていくか質問があったようですが、その都度ニュース記事内でHTMLタグを使ったり、 newsモジュール自体をハックしたり、あるいはXoopsCodeをハックしたりと、単に余白を設けるだけなのに、大がかりな工事が必要だと言われてき ました。しかし、そのようなやり方は面倒なだけでなく、XOOPSをアップデートするときに、それらの地道な苦労は吹き飛んでしまいます。
最も楽でスマートな解決方法はテーマのスタイルシートを編集する方法です。あなたが今使用しているテーマのスタイルシートに以下の一行を追加するだけです。
.itemBody img{padding: 5px;}
どうでしょう?あっという間に実現できたことでしょう。テーマは意図しないアップデートで上書きされることもありませんし、この程度の作業であれば、たとえテーマが上書きされてもすぐに治せます。
もちろんこのtipsはBulletinにも使えます。それ以上にclassがitemBodyである箇所ならどこでも適用できます。このtipsを応用すればweblogや他のモジュールでも利用できます。
トラバURL : http://suin.asia/trackback/279
氷川 XOOPS Module 開発室