GnaviD3 テンプレート等カスタマイズ

モジュールGnaviD3

 状態:  閲覧数:1,708  投稿日:2009-07-08  更新日:
■1.xoops_trust_path/modules/gnavi/templates/header.html
<div align='center'>
[url='<{$mod_url}>/index.php'><img src='<{$mod_url}>/images/logo.gif' border='0' />[/url]
</div>

■2.xoops_trust_path/modules/gnavi/templates/itemheader.html
<script type="text/javascript" src="js/prototype.js]</script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<{strip}>
<{* TITLE *}>
<div id="gnn_title">
<{$photo.title}>
<{if $photo.is_newphoto}>&nbsp;<img src='<{$mod_url}>/images/new.gif' border='0' alt='<{$lang_new}>' title='<{$lang_new}>' /><{/if}>
<{if $photo.is_updatedphoto}>&nbsp;<img src='<{$mod_url}>/images/update.gif' border='0' alt='<{$lang_updated}>' title='<{$lang_updated}>' /><{/if}>
<{if $photo.is_popularphoto}>&nbsp;<img src='<{$mod_url}>/images/pop.gif' border='0' alt='<{$lang_popular}>' title='<{$lang_popular}>' /><{/if}>
<{if $map}><span>&nbsp;[[url=index.php<{$maplink_option}>]<{$map}>[/url]]</span><{/if}>
<{if $photo.can_edit}><span>[[url=index.php?page=submit&lid=<{$photo.lid}>]<{$lang_editthisphoto}>[/url]]</span><{/if}>
</div>

<div style="clear:both;"></div>

<{* ITEM INFORMATIONS *}>
<table class="gn_outer">
<{if $map}>
<tr><td colspan="2" class="gn_head" style="text-align:left;padding-left:10px;"><{$lang_map}>&nbsp;&nbsp;[[url=kml.php?lid=<{$photo.lid}>]KML[/url]]&nbsp;[[url=index.php<{$maplink_option}>]<{$map}>[/url]]</td></tr>
<tr><td colspan="2" ><div id="map" style="height:320px;"></div></td></tr>
<{/if}>
<{if $photo.url}><tr><td class="gn_head"><{$lang_url}></td><td class="gn_odd">[url='<{$photo.url}>'><{$photo.url}>[/url]</td></tr><{/if}>
<{if $photo.tel}><tr><td class="gn_head]<{$lang_tel}></td><td class="gn_odd"><{$photo.tel}></td></tr><{/if}>
<{if $photo.fax}><tr><td class="gn_head"><{$lang_fax}></td><td class="gn_odd"><{$photo.fax}></td></tr><{/if}>
<{if $photo.zip}><tr><td class="gn_head"><{$lang_zip}></td><td class="gn_odd"><{$photo.zip}></td></tr><{/if}>
<{if $photo.address}><tr><td class="gn_head"><{$lang_address}></td><td class="gn_odd"><{$photo.address}></td></tr><{/if}>
<{foreach from=$photo.addinfo item=addinfo}>
<tr><td class="gn_head"><{$addinfo.title}></td><td class="gn_odd"><{$addinfo.desc}></td></tr>
<{/foreach}>
<{if $qrimg}>
<tr><td class="gn_head"><{$lng_show_mobile}></td><td class="gn_odd" style="vertical-align:middle;"><img src="<{$qrimg}>" align="absmiddle"/>
&nbsp;&nbsp;[url=mailto:?body=<{$mod_url}>/?lid=<{$photo.lid}>]<{$lng_send_mobile}>[/url]</td></tr>
<{/if}>
</table>

<div style="clear:both;"></div>

<{* INFO date,owner,hits *}>
<div class="gn_rsmall">
<{$photo.datetime}>&nbsp;<{$lang_submitter}>:&nbsp;
<{if $photo.submitter > 0}>
[url='<{$xoops_url}>/userinfo.php?uid=<{$photo.submitter}>'><{$photo.submitter_name}>[/url]&nbsp;
(<a href='<{$mod_url}>/index.php?uid=<{$photo.submitter}>'><{$lang_itemlist}>[/url])
<{else}>
<{$photo.submitter_name}>
<{/if}>
&nbsp;[&nbsp;<{$photo.hits}>hit&nbsp;]
</div>

<{* DESCRIPTION *}>
<div id="gn_desc]
<{$photo.description}>
</div>

<{* CATEGORY LIST *}>
<div class="gn_rsmall">
(<{$photo.mycat}>)
</div>


<{* FILE1 *}>
<{if $photo.ext}><div class="gn_file">
<{if $photo.img==1}>[url=<{$photo.ahref_photo}>" title="<{$photo.caption}>" rel="lightbox[]]<img src="<{$photo.imgsrc_photo}>" alt="<{$photo.caption}>" <{$photo.width_height}> />[/url]
<{elseif $photo.img==2}><img src="<{$photo.imgsrc_photo}>" alt="<{$photo.caption}>" <{$photo.width_height}> />
<{else}>[url=<{$photo.ahref_photo}>]<img src="<{$photo.imgsrc_photo}>" alt="<{$photo.caption}>" />[/url]<{/if}>
<{if $photo.caption}><div class="gn_caption" <{$photo.captionstyle}>><{$photo.caption}></div><{/if}>
</div><{/if}>

<{* FILE2 *}>
<{if $photo.ext1}><div class="gn_file">
<{if $photo.img1==1}>[url=<{$photo.ahref_photo1}>" title="<{$photo.caption1}>" rel="lightbox[]]<img src="<{$photo.imgsrc_photo1}>" alt="<{$photo.caption1}>" <{$photo.width_height1}> />[/url]
<{elseif $photo.img1==2}><img src="<{$photo.imgsrc_photo1}>" alt="<{$photo.caption1}>" <{$photo.width_height1}> />
<{else}>[url=<{$photo.ahref_photo1}>]<img src="<{$photo.imgsrc_photo1}>" alt="<{$photo.caption1}>" />[/url]<{/if}>
<{if $photo.caption1}><div class="gn_caption" <{$photo.captionstyle1}>><{$photo.caption1}></div><{/if}>
</div><{/if}>

<{* FILE3 *}>
<{if $photo.ext2}><div class="gn_file">
<{if $photo.img2==1}>[url=<{$photo.ahref_photo2}>" title="<{$photo.caption2}>" rel="lightbox[]]<img src="<{$photo.imgsrc_photo2}>" alt="<{$photo.caption2}>" <{$photo.width_height2}> />[/url]
<{elseif $photo.img2==2}><img src="<{$photo.imgsrc_photo2}>" alt="<{$photo.caption2}>" <{$photo.width_height2}> />
<{else}>[url=<{$photo.ahref_photo2}>]<img src="<{$photo.imgsrc_photo2}>" alt="<{$photo.caption2}>" />[/url]<{/if}>
<{if $photo.caption2}><div class="gn_caption" <{$photo.captionstyle2}>><{$photo.caption2}></div><{/if}>
</div><{/if}>
<{/strip}>

■3.xoops_trust_path/modules/gnavi/templates/map.html
<tr>
<!-- <td>[url=<{$mod_url}>/kml.php<{$link_option}>]<img src="images/img_kml.gif" />[/url]</td> -->
<td></td>
</tr>

■4.public_html/ドメイン名/modules/gnavi/css/gnavi.css
#gn_mklist {
background:#FFFFFF;
font-size:10px;
padding:0;
margin:0;
// height:525px;
height:560px;
width:150px;
overflow:auto;
}


▼※テンプレートをカスタマイズする方法は大きく二つある。
(1)テンプレート管理画面より、編集
(2)ファイルを直接編集して、FTPでアップロ-ド。その後、モジュールアップロード。

(1)
・利点……編集履歴確認可能
・欠点……モジュールアップデートを行うと、管理画面から編集していた内容は、すべて消し飛んでしまう

(2)
・利点……変更した内容は完全確定される。モジュールアップデートを行っても、元に戻らない。
・欠点……編集履歴確認不可。都度モジュールアップデートが必要で、面倒。


▼ちなみに、(1)と(2)では、ファイルの名前も異なる
(1)
・gnavi_header.html
・gnavi_itemheader.html

(2)
・header.html
・itemheader.html


リスト表示ページのみ、画像エリア幅を狭めたい

GnaviD3/記事descriptionの中で画像を表示させる際に、サイズを強制指定させるやり方