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

source: OpenPNE/trunk/webapp/modules/pc/templates/inc_header.tpl @ 3350

Last change on this file since 3350 was 3003, checked in by nakagawa, 15 years ago

#815:"ヒラギノ角ゴ Pro W3"が適用されない場合が多くある。

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