ここの情報は古いです。ご理解頂いた上でお取り扱いください。

source: OpenPNE/branches/takanashi/prj_takanashi4/webapp_biz/modules/biz/templates/inc_header.tpl @ 1184

Last change on this file since 1184 was 1184, checked in by takanashi, 14 years ago

bg_14追加(BIZ)

File size: 18.9 KB
Line 
1({***************************************})
2({**ここから:旧inc_html_header.tplの内容**})
3({***************************************})
4<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
5<html>
6<head>
7({$INC_HEADER_inc_html_head|smarty:nodefaults})
8<meta http-equiv="Pragma" content="no-cache">
9<meta http-equiv="Cache-Control" content="no-cache">
10<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">
11<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
12<meta http-equiv="Content-Style-Type" content="text/css">
13<title>({$INC_HEADER_title})</title>
14({if $smarty.const.SKIN_VERSION=='1.8'})
15<link rel="stylesheet" href="./css/default_1_8.css?v=2.2.5" type="text/css">
16({else})
17<link rel="stylesheet" href="./css/default.css?v=2.2.5" type="text/css">
18({/if})
19<script type="text/javascript" src="./js/prototype.js"></script>
20<style type="text/css">
21<!--
22/*枠線要素*/
23.border_00 { border: #({$INC_HEADER_color_config.border_00}) 1px solid ; }
24.border_01 { border: #({$INC_HEADER_color_config.border_01}) 1px solid ; }
25.border_02 { border: #({$INC_HEADER_color_config.border_02}) 1px solid ; }
26.border_03 { border: #({$INC_HEADER_color_config.border_03}) 1px solid ; }
27.border_04 { border: #({$INC_HEADER_color_config.border_04}) 1px solid ; }
28.border_05 { border: #({$INC_HEADER_color_config.border_05}) 1px solid ; }
29.border_06 { border: #({$INC_HEADER_color_config.border_06}) 1px solid ; }
30.border_07 { border: #({$INC_HEADER_color_config.border_07}) 1px solid ; }
31.border_08 { border: #({$INC_HEADER_color_config.border_08}) 1px solid ; }
32.border_09 { border: #({$INC_HEADER_color_config.border_09}) 1px solid ; }
33.border_10 { border: #({$INC_HEADER_color_config.border_10}) 1px solid ; }
34
35/*背景要素*/
36.bg_00 { background-color: #({$INC_HEADER_color_config.bg_00}) ; }
37.bg_01 { background-color: #({$INC_HEADER_color_config.bg_01}) ; }
38.bg_02 { background-color: #({$INC_HEADER_color_config.bg_02}) ; }
39.bg_03 { background-color: #({$INC_HEADER_color_config.bg_03}) ; }
40.bg_04 { background-color: #({$INC_HEADER_color_config.bg_04}) ; }
41.bg_05 { background-color: #({$INC_HEADER_color_config.bg_05}) ; }
42.bg_06 { background-color: #({$INC_HEADER_color_config.bg_06}) ; }
43.bg_07 { background-color: #({$INC_HEADER_color_config.bg_07}) ; }
44.bg_08 { background-color: #({$INC_HEADER_color_config.bg_08}) ; }
45.bg_09 { background-color: #({$INC_HEADER_color_config.bg_09}) ; }
46.bg_10 { background-color: #({$INC_HEADER_color_config.bg_10}) ; }
47.bg_11 { background-color: #({$INC_HEADER_color_config.bg_11}) ; }
48.bg_12 { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
49.bg_13 { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
50.bg_14 { background-color: #({$INC_HEADER_color_config.bg_14}) ; }
51
52body { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
53.container { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
54
55.arrow_1 {
56  width: 17px ;
57  height: 14px ;
58  background: url(({t_img_url_skin filename=icon_arrow_1})) 0% 100%  no-repeat ;
59}
60.icon_1 {
61  width: 14px ;
62  height: 14px ;
63  background: url(({t_img_url_skin filename=icon_1})) 50% 70%  no-repeat ;
64}
65.icon_2 {
66  width: 14px ;
67  height: 14px ;
68  background: url(({t_img_url_skin filename=icon_2})) 50% 70%  no-repeat ;
69}
70.icon_3 {
71  width: 14px ;
72  height: 14px ;
73  background: url(({t_img_url_skin filename=icon_3})) 50% 70%  no-repeat ;
74}
75
76* { font-family: "MS Pゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif ; }
77
78/*テキスト入力欄のフォーカス時のクラス*/
79.text       { background-color:#F8F8F8; }
80.text_focus { background-color:#FFFFFF; }
81
82/*ボタンに対する背景画像の指定*/
83input.submit {
84        background: #DADCE6 url(({t_img_url_skin filename=bg_button})) 50% 0 repeat-x ;
85}
86
87({if $smarty.const.OPENPNE_ENABLE_ROLLOVER})
88/*ページヘッダロールオーバー設定*/
89div.inc_page_header div.navi_global a.navi_global_1:active ,
90div.inc_page_header div.navi_global a.navi_global_1:hover {
91        background: url(({t_img_url_skin filename=skin_after_header_2})) 0 -70px no-repeat ;
92}
93
94div.inc_page_header div.navi_global a.navi_global_2:active ,
95div.inc_page_header div.navi_global a.navi_global_2:hover {
96        background: url(({t_img_url_skin filename=skin_after_header_2})) -90px -70px no-repeat ;
97}
98
99div.inc_page_header div.navi_global a.navi_global_3:active ,
100div.inc_page_header div.navi_global a.navi_global_3:hover {
101        background: url(({t_img_url_skin filename=skin_after_header_2})) -180px -70px no-repeat ;
102}
103
104div.inc_page_header div.navi_global a.navi_global_4:active ,
105div.inc_page_header div.navi_global a.navi_global_4:hover {
106        background: url(({t_img_url_skin filename=skin_after_header_2})) -288px -70px no-repeat ;
107}
108
109div.inc_page_header div.navi_global a.navi_global_5:active ,
110div.inc_page_header div.navi_global a.navi_global_5:hover {
111        background: url(({t_img_url_skin filename=skin_after_header_2})) -360px -70px no-repeat ;
112}
113
114div.inc_page_header div.navi_global a.navi_global_6:active ,
115div.inc_page_header div.navi_global a.navi_global_6:hover {
116        background: url(({t_img_url_skin filename=skin_after_header_2})) -432px -70px no-repeat ;
117}
118
119div.inc_page_header div.navi_global a.navi_global_7:active ,
120div.inc_page_header div.navi_global a.navi_global_7:hover {
121        background: url(({t_img_url_skin filename=skin_after_header_2})) -504px -70px no-repeat ;
122}
123
124div.inc_page_header div.navi_global a.navi_global_8:active ,
125div.inc_page_header div.navi_global a.navi_global_8:hover {
126        background: url(({t_img_url_skin filename=skin_after_header_2})) -576px -70px no-repeat ;
127}
128
129div.inc_page_header div.navi_global a.navi_global_9:active ,
130div.inc_page_header div.navi_global a.navi_global_9:hover {
131        background: url(({t_img_url_skin filename=skin_after_header_2})) -648px -70px no-repeat ;
132}
133
134/*h系ナビロールオーバー設定*/
135.inc_navi div.h a.navi_h_1:active ,
136.inc_navi div.h a.navi_h_1:hover {
137        background: url(({t_img_url_skin filename=skin_navi_h_2})) 0 0 no-repeat ;
138}
139
140.inc_navi div.h a.navi_h_2:active ,
141.inc_navi div.h a.navi_h_2:hover {
142        background: url(({t_img_url_skin filename=skin_navi_h_2})) -80px 0 no-repeat ;
143}
144
145.inc_navi div.h a.navi_h_3:active ,
146.inc_navi div.h a.navi_h_3:hover {
147        background: url(({t_img_url_skin filename=skin_navi_h_2})) -160px 0 no-repeat ;
148}
149
150.inc_navi div.h a.navi_h_4:active ,
151.inc_navi div.h a.navi_h_4:hover {
152        background: url(({t_img_url_skin filename=skin_navi_h_2})) -240px 0 no-repeat ;
153}
154
155.inc_navi div.h a.navi_h_5:active ,
156.inc_navi div.h a.navi_h_5:hover {
157        background: url(({t_img_url_skin filename=skin_navi_h_2})) -320px 0 no-repeat ;
158}
159
160.inc_navi div.h a.navi_h_6:active ,
161.inc_navi div.h a.navi_h_6:hover {
162        background: url(({t_img_url_skin filename=skin_navi_h_2})) -400px 0 no-repeat ;
163}
164
165.inc_navi div.h a.navi_h_7:active ,
166.inc_navi div.h a.navi_h_7:hover {
167        background: url(({t_img_url_skin filename=skin_navi_h_2})) -480px 0 no-repeat ;
168}
169
170.inc_navi div.h a.navi_h_8:active ,
171.inc_navi div.h a.navi_h_8:hover {
172        background: url(({t_img_url_skin filename=skin_navi_h_2})) -560px 0 no-repeat ;
173}
174
175.inc_navi div.h a.navi_h_9:active ,
176.inc_navi div.h a.navi_h_9:hover {
177        background: url(({t_img_url_skin filename=skin_navi_h_2})) -640px 0 no-repeat ;
178}
179
180/*f系ナビロールオーバー設定*/
181.inc_navi div.f a.navi_f_1:active ,
182.inc_navi div.f a.navi_f_1:hover {
183        background: url(({t_img_url_skin filename=skin_navi_f_2})) 0 0 no-repeat ;
184}
185
186.inc_navi div.f a.navi_f_2:active ,
187.inc_navi div.f a.navi_f_2:hover {
188        background: url(({t_img_url_skin filename=skin_navi_f_2})) -80px 0 no-repeat ;
189}
190
191.inc_navi div.f a.navi_f_3:active ,
192.inc_navi div.f a.navi_f_3:hover {
193        background: url(({t_img_url_skin filename=skin_navi_f_2})) -160px 0 no-repeat ;
194}
195
196.inc_navi div.f a.navi_f_4:active ,
197.inc_navi div.f a.navi_f_4:hover {
198        background: url(({t_img_url_skin filename=skin_navi_f_2})) -240px 0 no-repeat ;
199}
200
201.inc_navi div.f a.navi_f_5:active ,
202.inc_navi div.f a.navi_f_5:hover {
203        background: url(({t_img_url_skin filename=skin_navi_f_2})) -320px 0 no-repeat ;
204}
205
206.inc_navi div.f a.navi_f_6:active ,
207.inc_navi div.f a.navi_f_6:hover {
208        background: url(({t_img_url_skin filename=skin_navi_f_2})) -400px 0 no-repeat ;
209}
210
211.inc_navi div.f a.navi_f_7:active ,
212.inc_navi div.f a.navi_f_7:hover {
213        background: url(({t_img_url_skin filename=skin_navi_f_2})) -480px 0 no-repeat ;
214}
215
216.inc_navi div.f a.navi_f_8:active ,
217.inc_navi div.f a.navi_f_8:hover {
218        background: url(({t_img_url_skin filename=skin_navi_f_2})) -560px 0 no-repeat ;
219}
220
221.inc_navi div.f a.navi_f_9:active ,
222.inc_navi div.f a.navi_f_9:hover {
223        background: url(({t_img_url_skin filename=skin_navi_f_2})) -640px 0 no-repeat ;
224}
225
226/*c系ナビロールオーバー設定*/
227.inc_navi div.c a.navi_c_1:active ,
228.inc_navi div.c a.navi_c_1:hover {
229        background: url(({t_img_url_skin filename=skin_navi_c_2})) 0 0 no-repeat ;
230}
231
232.inc_navi div.c a.navi_c_2:active ,
233.inc_navi div.c a.navi_c_2:hover {
234        background: url(({t_img_url_skin filename=skin_navi_c_2})) -120px 0 no-repeat ;
235}
236
237.inc_navi div.c a.navi_c_3:active ,
238.inc_navi div.c a.navi_c_3:hover {
239        background: url(({t_img_url_skin filename=skin_navi_c_2})) -240px 0 no-repeat ;
240}
241
242.inc_navi div.c a.navi_c_4:active ,
243.inc_navi div.c a.navi_c_4:hover {
244        background: url(({t_img_url_skin filename=skin_navi_c_2})) -360px 0 no-repeat ;
245}
246
247.inc_navi div.c a.navi_c_5:active ,
248.inc_navi div.c a.navi_c_5:hover {
249        background: url(({t_img_url_skin filename=skin_navi_c_2})) -480px 0 no-repeat ;
250}
251
252.inc_navi div.c a.navi_c_6:active ,
253.inc_navi div.c a.navi_c_6:hover {
254        background: url(({t_img_url_skin filename=skin_navi_c_2})) -600px 0 no-repeat ;
255}
256({/if})
257
258({$INC_HEADER_inc_custom_css|smarty:nodefaults})
259
260-->
261</style>
262<script type="text/javascript">
263<!--
264
265TextFiledClassName_normal = 'text';
266TextFiledClassName_focus  = 'text_focus';
267
268Event.observe(window, 'load', setFocusClass, false);
269function setFocusClass() {
270  var TFs = $A(document.getElementsByClassName(TextFiledClassName_normal));
271  TFs.each(function (node){
272    node.TFclass = node.className;
273    node.TFclass_onfocus = TextFiledClassName_focus;
274    node.onfocus = function() { this.className = this.TFclass_onfocus; };
275    node.onblur  = function() { this.className = this.TFclass; };
276  });
277}
278
279//-->
280</script>
281</head>
282({***************************************})
283({**ここまで:旧inc_html_header.tplの内容**})
284({***************************************})
285
286({if $smarty.const.OPENPNE_USE_COMMU_MAP && $c_commu.is_display_map})
287<script src="http://maps.google.co.jp/maps?file=api&amp;v=2&amp;key=({$smarty.const.GOOGLE_MAPS_API_KEY})" type="text/javascript"></script>
288<script type="text/javascript">
289<!--
290function load() {
291    if (GBrowserIsCompatible()) {
292        var point = new GLatLng(({$c_commu.map_latitude}), ({$c_commu.map_longitude}));
293        var zoom = ({$c_commu.map_zoom});
294        var html = '<div><img src="({t_img_url filename=$c_commu.image_filename w=120 h=120 noimg=no_logo})" width="60" height="60" align="left" hspace="5">({$c_commu.name})</div>';
295
296        var map = new GMap2(document.getElementById("map"));
297        map.addControl(new GSmallMapControl());
298        map.addControl(new GMapTypeControl());
299        map.setCenter(point, zoom);
300
301        var marker = new GMarker(point);
302        map.addOverlay(marker);
303        GEvent.addListener(marker, "click", function() {
304            marker.openInfoWindowHtml(html);
305        });
306    }
307}
308//-->
309</script>
310<body onLoad="load()" onUnload="GUnload()" class="({$INC_HEADER_type})">
311({else})
312<body class="({$INC_HEADER_type})">
313({/if})
314<div align="left">
315
316<table class="ext_sub_container" border="0" cellspacing="0" cellpadding="0">
317<tr>
318<td class="ext_sub_container_left" align="left" valign="top">
319
320({$INC_HEADER_inc_page_top|smarty:nodefaults})
321<table class="mainframe" border="0" cellspacing="0" cellpadding="0">
322<tr>
323<td class="container inc_page_header">
324
325({if !$INC_HEADER_is_login})
326({***************************************})
327({**ここから:旧inc_page_header.tplの内容**})
328({***************************************})
329({* before_login / after_login *})
330<div class="w_screen inc_page_header ({$before_after})_login">
331
332({* skin_before_header / skin_after_header *})
333({* bg_before / bg_after *})
334<img src="({t_img_url_skin filename=skin_`$before_after`_header})" class="bg_({$before_after})">
335
336({if $INC_HEADER_top_banner_html_before || $INC_HEADER_top_banner_html_after})
337<div class="banner">
338({if $before_after == 'before'})
339({$INC_HEADER_top_banner_html_before|smarty:nodefaults})
340({else})
341({$INC_HEADER_top_banner_html_after|smarty:nodefaults})
342({/if})
343</div>
344({elseif $INC_HEADER_top_banner.c_banner_id})
345<div class="banner">
346({strip})
347({if $INC_HEADER_top_banner.a_href})
348    ({if $before_after == "before"})
349    <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})" target="_blank">
350    ({else})
351    <a href="({t_url m=pc a=do_h_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})&amp;sessid=({$PHPSESSID})" target="_blank">
352    ({/if})
353    <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
354    </a>
355({else})
356    <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
357({/if})
358({/strip})
359</div>
360({/if})
361
362<a class="logo_home" href="({t_url})"><img src="./skin/dummy.gif" alt="({$smarty.const.SNS_NAME})"></a>
363
364({if $before_after == "after"})
365<div class="navi_global">
366({foreach from=$INC_HEADER_global_navi key=key item=item})
367({if $item.url})
368<a class="navi_global_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
369({/if})
370({/foreach})
371<a class="navi_global_9" href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})"><img src="./skin/dummy.gif" alt="ログアウト"></a>
372</div>
373({/if})
374
375</div>
376({***************************************})
377({**ここまで:旧inc_page_header.tplの内容**})
378({***************************************})
379
380</td>
381</tr>
382({if $inc_entry_point[1]})
383<tr>
384<td class="container">
385({$inc_entry_point[1]|smarty:nodefaults})
386</td>
387</tr>
388({/if})
389({if $inc_navi})
390<tr>
391<td class="container inc_navi">
392({$inc_navi|smarty:nodefaults})
393</td>
394</tr>
395({/if})
396({if $inc_entry_point[2]})
397<tr>
398<td class="container">
399({$inc_entry_point[2]|smarty:nodefaults})
400</td>
401</tr>
402({/if})
403({if !$no_use_alert && $msg})
404<tr>
405<td class="container main_content" align="center">
406
407({*************************************})
408({**ここから:旧inc_alert_box.tplの内容**})
409({*************************************})
410({if $msg || $msg1 || $msg2 || $msg3 || $err_msg})
411<img src="./skin/dummy.gif" class="v_spacer_l">
412
413<!-- ************************* -->
414<!-- ******ここから:警告****** -->
415<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width})({else})580({/if})px;margin:0px auto;" class="border_07">
416<tr>
417<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
418<td style="width:({if $width})({$width-14})({else})566({/if})px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
419<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
420</tr>
421<tr>
422<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
423<td class="bg_01" align="center">
424<!-- *ここから:警告>内容* -->
425({*ここから:header*})
426<!-- 無し -->
427({*ここまで:header*})
428({*ここから:body*})
429<!-- ここから:主内容 -->
430({if !INC_HEADER_is_no_alert})
431<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width-16})({else})564({/if})px;">
432<tr>
433<td style="width:({if $width})({$width-16})({else})564({/if})px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
434</tr>
435<tr>
436<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
437<td style="width:150px;" class="bg_03" align="center" valign="middle">
438<!-- ここから:主内容>警告アイコン -->
439<img src="./skin/dummy.gif" class="v_spacer_l">
440<img src="({t_img_url_skin filename=icon_alert_l})" class="icon">
441<img src="./skin/dummy.gif" class="v_spacer_l">
442<!-- ここまで:主内容>警告アイコン -->
443</td>
444<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
445<td style="width:({if $width})({$width-153})({else})427({/if})px;height:50px;" class="bg_02" align="left" valign="middle">
446<div style="padding:8px 6px;" class="caution">
447<!-- ここから:主内容>警告文本体 -->
448({if $msg})({$msg})<br>({/if})
449({if $msg1})({$msg1})<br>({/if})
450({if $msg2})({$msg2})<br>({/if})
451({if $msg3})({$msg3})<br>({/if})
452({foreach from=$err_msg item=item})
453({$item})</br>
454({/foreach})
455<!-- ここまで:主内容>警告文本体 -->
456</div>
457</td>
458<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
459</tr>
460<tr>
461<td style="height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
462</tr>
463</table>
464({else})
465<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width-16})({else})564({/if})px;">
466<tr>
467<td style="width:({if $width})({$width-16})({else})564({/if})px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
468</tr>
469<tr>
470<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
471<td style="width:({if $width})({$width-18})({else})562({/if})px;height:50px;" class="bg_02" align="left" valign="middle">
472<div style="padding:8px 30px;">
473<!-- ここから:主内容>メッセージ文本体 -->
474({if $msg})({$msg})<br>({/if})
475({if $msg1})({$msg1})<br>({/if})
476({if $msg2})({$msg2})<br>({/if})
477({if $msg3})({$msg3})<br>({/if})
478({foreach from=$err_msg item=item})
479({$item})</br>
480({/foreach})
481<!-- ここまで:主内容>メッセージ文本体 -->
482</div>
483</td>
484<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
485</tr>
486<tr>
487<td style="height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
488</tr>
489</table>
490({/if})
491<!-- ここまで:主内容 -->
492({*ここまで:body*})
493({*ここから:footer*})
494<!-- 無し -->
495({*ここまで:footer*})
496<!-- *ここまで:警告>>内容* -->
497</td>
498<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
499</tr>
500<tr>
501<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
502<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
503<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
504</tr>
505</table>
506<!-- ******ここまで:警告****** -->
507<!-- ************************* -->
508
509({/if})
510({*************************************})
511({**ここまで:旧inc_alert_box.tplの内容**})
512({*************************************})
513
514</td>
515</tr>
516({/if})
517({/if})
Note: See TracBrowser for help on using the repository browser.