ブログ - XOOPS X 標準テーマのカスタマイズ
XOOPS X の標準テーマでは、トップページにフリック画像が組み込まれている。
これをカスタマイズしてみよう。
これをカスタマイズしてみよう。
■トップページのフリック部分の画像変更
●画像サイズを変えたい
元のサイズは 950x320px である。
画像の変更
オリジナルの画像は images/main_xoops_picture_01.jpg (同02, 03)
theme.html の <* flick *}> 以下の↓の部分がひとつのフリックカラム
これを増減すれば、カラムの増減が可能。
<a href="#">
を変更すればリンク先を変えられる。
CSSの変更
css/jquery-jcflick.css の
を変更する。
●画像サイズを変えたい
元のサイズは 950x320px である。
画像の変更
オリジナルの画像は images/main_xoops_picture_01.jpg (同02, 03)
theme.html の <* flick *}> 以下の↓の部分がひとつのフリックカラム
<div class="flickCol">
<p><a href="#">
<img src="<{$xoops_imageurl}>images/main_xoops_picture_01.jpg" width="100%" alt="picture_01" />
</a></p>
</div>
これを増減すれば、カラムの増減が可能。
<a href="#">
を変更すればリンク先を変えられる。
CSSの変更
css/jquery-jcflick.css の
#flickMain .flickContainer {
_width: 950px;
max-height: 320px;
_height: 320px;
}
を変更する。