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

Changeset 5779


Ignore:
Timestamp:
Mar 15, 2008, 7:44:34 PM (15 years ago)
Author:
ogawa
Message:

#2095:header/navi/css変更を取り込み

Location:
OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4
Files:
2 edited
1 copied

Legend:

Unmodified
Added
Removed

  • OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/public_html/xhtml_style.php

    r5769 r5779  
    1919require_once OPENPNE_WEBAPP_DIR . '/lib/db/etc.php';
    2020
    21 // エラー出力を抑制
    22 ini_set('display_errors', false);
    23 ob_start();
    24 
    25 // include_path の設定
    26 include_once OPENPNE_LIB_DIR . '/include/PHP/Compat/Constant/PATH_SEPARATOR.php';
    27 $include_paths = array(
    28     OPENPNE_LIB_DIR . '/include',
    29     OPENPNE_WEBAPP_DIR . '/lib',
    30     ini_get('include_path')
    31 );
    32 ini_set('include_path', implode(PATH_SEPARATOR, $include_paths));
    33 
    3421header('Content-Type: text/css');
    35 
    3622?>
    37 
    3823
    3924@charset "UTF-8";
    … …  
    8671        vertical-align: baseline;
    8772}
     73a img {
     74        vertical-align: text-bottom;
     75}
    8876br {
    8977        letter-spacing: 0;
    … …  
    179167ul.moreInfo li {
    180168        padding: 2px 0 2px 20px;
    181         background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 0.4em;
     169        background: url(http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
    182170}
    183171ul.moreInfo.button li {
    … …  
    226214 *--------------------------------------------*/
    227215div#LayoutA,
    228 div#LayoutB,
    229 .commentList dl,
    230 .diaryDetailBox dl {
     216div#LayoutB {
     217        zoom: 1;
    231218        overflow: hidden;
    232         zoom: 1;
    233219}
    234220/*----------------------------------------------
    … …  
    316302div.pagerRelative,
    317303div.pagerRelativeMulti,
    318 div.operation,
    319 .diaryDetailBox div.category {
     304div.operation {
    320305        border-top: 1px solid #cccccc;
    321306}
    … …  
    341326}
    342327div.pagerRelativeMulti {
     328        zoom: 1;
    343329        position: relative;
    344         zoom: 1;
    345330}
    346331div.pagerRelativeMulti div.pager {
    … …  
    352337        padding: 4px;
    353338}
     339div.operation ul.moreInfo {
     340        text-align: center;
     341}
    354342div.operation ul.moreInfo li {
    355         text-align: center;
     343        display: inline;
    356344}
    357345/*----------------------------------------------
    … …  
    375363 *----------------------------------------------------------------------------*/
    376364#globalNav {
     365        zoom: 1;
    377366        position: relative;
    378         zoom: 1;
    379367        width: 720px;
    380368        height: 96px;
    … …  
    382370}
    383371.localNav {
     372        zoom: 1;
    384373        position: relative;
    385         zoom: 1;
    386374        width: 720px;
    387375        height: 29px;
    … …  
    580568}
    581569.searchResultList .item {
     570        zoom: 1;
    582571        position: relative;
    583         zoom: 1;
    584572}
    585573.searchResultList td.photo {
    … …  
    599587.searchResultList td.operation {
    600588        padding: 0;
    601         background: url("http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif") repeat-y 120px 0;
     589        background: url(http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif) repeat-y 120px 0;
    602590}
    603591.searchResultList span.text {
    … …  
    709697 *----------------------------------------------------------------------------*/
    710698.formTable .partsHeading {
     699        zoom: 1;
    711700        position: relative;
    712         zoom: 1;
    713701}
    714702.formTable strong {
    … …  
    795783
    796784/*==============================================================================
    797  * 定義リスト
     785 * 3. alertBox（アラートボックス）
     786 *----------------------------------------------------------------------------*/
     787.alertBox {
     788        width: 564px;
     789}
     790#Body .alertBox th {
     791        width: 148px;
     792        padding: 8px 0;
     793        border: none;
     794        text-align: center;
     795}
     796#Body .alertBox td {
     797        padding: 6px;
     798        border-width: 0 0 0 1px;
     799        color: #ff0000;
     800}
     801
     802/*==============================================================================
    798803 * 17. commentList（コメントリスト）
     804 *----------------------------------------------------------------------------*/
     805.commentList dl {
     806        border-top: 1px solid #cccccc; overflow:hidden;
     807}
     808.commentList dt {
     809        float: left;
     810        width: 70px;
     811        padding-top: 5px;
     812        text-align: center;
     813}
     814.commentList dd {
     815        zoom: 1;
     816        min-height: 5.5em;
     817        margin-left: 70px;
     818        border-left: 1px solid #cccccc;
     819}
     820* html .commentList dd {
     821        height: 5.5em;
     822}
     823#LayoutC .commentList dt {
     824        width: 110px;
     825}
     826#LayoutC .commentList dd {
     827        margin-left: 110px;
     828}
     829.commentList dd div {
     830        border-top: 1px solid #cccccc;
     831}
     832.commentList dd div p {
     833        padding: 4px 3px;
     834}
     835.commentList dd div.title {
     836        zoom: 1;
     837        position: relative;
     838        border-top: none;
     839}
     840.commentList dd div.title p.heading {
     841        margin-right: 10.5em;
     842}
     843.commentList dd div.title p.public {
     844        position: absolute;
     845        top: 0;
     846        right: 0;
     847}
     848.commentList dd ul.photo {
     849        padding: 5px 5px 0;
     850}
     851.commentList dd ul.photo li {
     852        display: inline;
     853        margin-left: 6px;
     854}
     855.commentList dd div.footer p {
     856        text-align: right;
     857}
     858.commentList div.operation {
     859        padding: 8px 0;
     860}
     861
     862/*==============================================================================
    799863 * 8. diaryDetailBox（日記詳細ボックス）
    800864 *----------------------------------------------------------------------------*/
    801 .commentList dd div.header p.heading,
    802 .diaryDetailBox .partsHeading h3 {
    803         margin-right: 10em;
    804 }
    805 .commentList dl,
     865.diaryDetailBox .partsHeading {
     866        zoom: 1;
     867        position: relative;
     868}
     869.diaryDetailBox .partsHeading p.public {
     870        position: absolute;
     871        right: 3px;
     872}
    806873.diaryDetailBox dl {
    807874        border-top: 1px solid #cccccc;
    808875}
    809 .commentList dt,
    810876.diaryDetailBox dt {
    811877        float: left;
     878        width: 70px;
     879        padding-top: 5px;
     880        text-align: center;
     881}
     882.diaryDetailBox dd {
     883        zoom: 1;
     884        min-height: 4.2em;
     885        margin-left: 70px;
     886        border-left: 1px solid #cccccc;
     887}
     888* html .diaryDetailBox dd {
     889        height: 4.2em;
     890}
     891.diaryDetailBox dd div {
     892        border-top: 1px solid #cccccc;
     893}
     894.diaryDetailBox dd div p {
    812895        padding: 4px 3px;
    813         text-align: center;
    814 }
    815 .commentList dd,
    816 .diaryDetailBox dd {
    817         zoom: 1;
    818 }
    819 .commentList dd div,
    820 .diaryDetailBox dd div {
    821         padding: 4px 3px;
    822         border-top: 1px solid #cccccc;
    823 }
    824 .commentList dd div.header,
    825 .diaryDetailBox dd div.header {
     896}
     897.diaryDetailBox dd div.title {
    826898        border-top: none;
    827899}
    828 .commentList dd div.body ul.photo,
    829 .diaryDetailBox dd div.body ul.photo {
    830         margin: 2px 0 4px;
    831 }
    832 .commentList dd div.body ul.photo li,
    833 .diaryDetailBox dd div.body ul.photo li {
     900.diaryDetailBox dd ul.photo {
     901        padding: 5px 5px 0;
     902}
     903.diaryDetailBox dd ul.photo li {
    834904        display: inline;
    835905        margin-left: 6px;
    836906}
    837 .commentList dd div.body ul.photo a img,
    838 .diaryDetailBox dd div.body ul.photo a img {
    839         vertical-align: text-bottom;
    840 }
    841 .commentList dd div.footer p,
    842 .diaryDetailBox dd div.footer p {
    843         text-align: right;
    844 }
    845 
    846 /*==============================================================================
    847  * 17. commentList（コメントリスト）
    848  *----------------------------------------------------------------------------*/
    849 .commentList dl {
    850         background: url("http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif") repeat-y 65px 0;
    851 }
    852 * html .commentList dl {
    853         background: url("http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif") repeat-y 68px 0;
    854 }
    855 .commentList dt {
    856         width: 60px;
    857 }
    858 .commentList dd {
    859         margin-left: 66px;
    860 }
    861 .commentList dd div.header {
    862         position: relative;
    863         zoom: 1;
    864 }
    865 .commentList dd div.header p.public {
    866         position: absolute;
    867         top: 4px;
    868         right: 4px;
    869 }
    870 
    871 /*==============================================================================
    872  * 8. diaryDetailBox（日記詳細ボックス）
    873  *----------------------------------------------------------------------------*/
    874 .diaryDetailBox dl {
    875         background: url("http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif") repeat-y 79px 0;
    876 }
    877 * html .diaryDetailBox dl {
    878         background: url("http://takai.sns.dazai.pne.jp/skin/org/bg_border.gif") repeat-y 82px 0;
    879 }
    880 .diaryDetailBox dt {
    881         width: 74px;
    882 }
    883 .diaryDetailBox dd {
    884         margin-left: 80px; /* 95 */
    885 }
    886 .diaryDetailBox .partsHeading {
    887         position: relative;
    888         zoom: 1;
    889 }
    890 .diaryDetailBox .partsHeading h3 {
    891         display: block;
    892         overflow: hidden;
    893 }
    894 .diaryDetailBox .partsHeading p.public {
    895         position: absolute;
    896         top: 2px;
    897         right: 3px;
    898 }
    899 .diaryDetailBox .pagerRelative {
    900         position: relative;
    901         zoom: 1;
    902 }
    903 .diaryDetailBox .pagerRelative .prev {
    904         position: absolute;
    905         top: 4px;
    906         left: 4px;
    907         margin: 0 0 0 10px;
    908 }
    909 .diaryDetailBox .pagerRelative p.next {
    910         margin: 0 10px 0 0;
    911 }
    912 .diaryDetailBox div.category {
     907.diaryDetailBox div.category ul {
    913908        padding: 4px;
    914909        text-align: right;
    915910}
    916 .diaryDetailBox div.category ul {
    917         display: inline;
    918 }
    919 .diaryDetailBox div.category li {
     911.diaryDetailBox div.category ul li {
    920912        display: inline;
    921913        font-size: 80%;
    … …  
    923915
    924916/*==============================================================================
     917 * 21. recentList（最新書き込みリスト）
     918 *----------------------------------------------------------------------------*/
     919.recentList dl {
     920        border-top: 1px solid #cccccc;
     921}
     922.recentList dt {
     923        float: left;
     924        width: 170px;
     925        padding: 5px;
     926        text-align: center;
     927}
     928.recentList dd {
     929        zoom: 1;
     930        margin-left: 180px;
     931        padding: 5px;
     932        border-left: 1px solid #cccccc;
     933}
     934
     935/*==============================================================================
    925936 *
    926937 *----------------------------------------------------------------------------*/
    … …  
    929940 *
    930941 *----------------------------------------------------------------------------*/
     942
     943/*==============================================================================
     944 *
     945 *----------------------------------------------------------------------------*/

  • OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/webapp/modules/pc/templates/inc_header.tpl

    r5092 r5779  
    1 ({***************************************})
    2 ({**ここから：旧inc_html_header.tplの内容**})
    3 ({***************************************})
    4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    5 <html>
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
    64<head>
    7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     5<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    86({$INC_HEADER_inc_html_head|smarty:nodefaults})
    9 <meta http-equiv="Content-Style-Type" content="text/css">
     7<meta http-equiv="Content-Style-Type" content="text/css" />
     8<meta http-equiv="Content-Script-Type" content="text/javascript" />
    109<title>({$INC_HEADER_title})</title>
    11 <link rel="stylesheet" href="./css/default.css" type="text/css">
     10<link rel="stylesheet" href="./xhtml_style.php" type="text/css" />
    1211<script type="text/javascript" src="./js/prototype.js"></script>
    1312<script type="text/javascript" src="./js/pne.js"></script>
    14 <style type="text/css">
    15 <!--
    16 /*枠線要素*/
    17 .border_01 { border: #({$INC_HEADER_color_config.border_01}) 1px solid ; }
    18 .border_07 { border: #({$INC_HEADER_color_config.border_07}) 1px solid ; }
    19 .border_10 { border: #({$INC_HEADER_color_config.border_10}) 1px solid ; }
    20 
    21 /*背景要素*/
    22 .bg_00 { background-color: #({$INC_HEADER_color_config.bg_00}) ; }
    23 .bg_01 { background-color: #({$INC_HEADER_color_config.bg_01}) ; }
    24 .bg_02 { background-color: #({$INC_HEADER_color_config.bg_02}) ; }
    25 .bg_03 { background-color: #({$INC_HEADER_color_config.bg_03}) ; }
    26 .bg_04 { background-color: #({$INC_HEADER_color_config.bg_04}) ; }
    27 .bg_05 { background-color: #({$INC_HEADER_color_config.bg_05}) ; }
    28 .bg_06 { background-color: #({$INC_HEADER_color_config.bg_06}) ; }
    29 .bg_07 { background-color: #({$INC_HEADER_color_config.bg_07}) ; }
    30 .bg_08 { background-color: #({$INC_HEADER_color_config.bg_08}) ; }
    31 .bg_09 { background-color: #({$INC_HEADER_color_config.bg_09}) ; }
    32 .bg_10 { background-color: #({$INC_HEADER_color_config.bg_10}) ; }
    33 .bg_11 { background-color: #({$INC_HEADER_color_config.bg_11}) ; }
    34 .bg_12 { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
    35 .bg_13 { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
    36 .bg_14 { background-color: #({$INC_HEADER_color_config.bg_14}) ; }
    37 .color_19 { background-color: #({$INC_HEADER_color_config.color_19}) ; }
    38 
    39 body { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
    40 .container { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
    41 
    42 .arrow_1 {
    43   width: 17px ;
    44   height: 14px ;
    45   background: url(({t_img_url_skin filename=icon_arrow_1})) 0% 100%  no-repeat ;
    46 }
    47 .icon_1 {
    48   width: 14px ;
    49   height: 14px ;
    50   background: url(({t_img_url_skin filename=icon_1})) 50% 70%  no-repeat ;
    51 }
    52 .icon_2 {
    53   width: 14px ;
    54   height: 14px ;
    55   background: url(({t_img_url_skin filename=icon_2})) 50% 70%  no-repeat ;
    56 }
    57 .icon_3 {
    58   width: 14px ;
    59   height: 14px ;
    60   background: url(({t_img_url_skin filename=icon_3})) 50% 70%  no-repeat ;
    61 }
    62 
    63 * { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3",({* "メイリオ", Meiryo,*}) "ＭＳ Ｐゴシック", Osaka, sans-serif ; }
    64 
    65 /*ここから：safari1.xパスワードフォーム非表示対策*/
    66 html:\66irst-child input[type="password"] { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif,"Osaka" ; }
    67 /*ここまで：safari1.xパスワードフォーム非表示対策*/
    68 
    69 /*テキスト入力欄のフォーカス時のクラス*/
    70 .text       { background-color:#F8F8F8; }
    71 .text_focus { background-color:#FFFFFF; }
    72 
    73 
    74 /*ボタンに対する背景画像の指定*/
    75 input.submit {
    76     background: #DADCE6 url(({t_img_url_skin filename=bg_button})) 50% 0 repeat-x ;
    77 }
    78 
    79 ({if $smarty.const.OPENPNE_ENABLE_ROLLOVER})
    80 /*ページヘッダロールオーバー設定*/
    81 div.inc_page_header div.navi_global a.navi_global_1:active ,
    82 div.inc_page_header div.navi_global a.navi_global_1:hover {
    83     background: url(({t_img_url_skin filename=skin_after_header_2})) 0 -70px no-repeat ;
    84 }
    85 
    86 div.inc_page_header div.navi_global a.navi_global_2:active ,
    87 div.inc_page_header div.navi_global a.navi_global_2:hover {
    88     background: url(({t_img_url_skin filename=skin_after_header_2})) -90px -70px no-repeat ;
    89 }
    90 
    91 div.inc_page_header div.navi_global a.navi_global_3:active ,
    92 div.inc_page_header div.navi_global a.navi_global_3:hover {
    93     background: url(({t_img_url_skin filename=skin_after_header_2})) -180px -70px no-repeat ;
    94 }
    95 
    96 div.inc_page_header div.navi_global a.navi_global_4:active ,
    97 div.inc_page_header div.navi_global a.navi_global_4:hover {
    98     background: url(({t_img_url_skin filename=skin_after_header_2})) -288px -70px no-repeat ;
    99 }
    100 
    101 div.inc_page_header div.navi_global a.navi_global_5:active ,
    102 div.inc_page_header div.navi_global a.navi_global_5:hover {
    103     background: url(({t_img_url_skin filename=skin_after_header_2})) -360px -70px no-repeat ;
    104 }
    105 
    106 div.inc_page_header div.navi_global a.navi_global_6:active ,
    107 div.inc_page_header div.navi_global a.navi_global_6:hover {
    108     background: url(({t_img_url_skin filename=skin_after_header_2})) -432px -70px no-repeat ;
    109 }
    110 
    111 div.inc_page_header div.navi_global a.navi_global_7:active ,
    112 div.inc_page_header div.navi_global a.navi_global_7:hover {
    113     background: url(({t_img_url_skin filename=skin_after_header_2})) -504px -70px no-repeat ;
    114 }
    115 
    116 div.inc_page_header div.navi_global a.navi_global_8:active ,
    117 div.inc_page_header div.navi_global a.navi_global_8:hover {
    118     background: url(({t_img_url_skin filename=skin_after_header_2})) -576px -70px no-repeat ;
    119 }
    120 
    121 div.inc_page_header div.navi_global a.navi_global_9:active ,
    122 div.inc_page_header div.navi_global a.navi_global_9:hover {
    123     background: url(({t_img_url_skin filename=skin_after_header_2})) -648px -70px no-repeat ;
    124 }
    125 
    126 /*h系ナビロールオーバー設定*/
    127 .inc_navi div.h a.navi_h_1:active ,
    128 .inc_navi div.h a.navi_h_1:hover {
    129     background: url(({t_img_url_skin filename=skin_navi_h_2})) 0 0 no-repeat ;
    130 }
    131 
    132 .inc_navi div.h a.navi_h_2:active ,
    133 .inc_navi div.h a.navi_h_2:hover {
    134     background: url(({t_img_url_skin filename=skin_navi_h_2})) -80px 0 no-repeat ;
    135 }
    136 
    137 .inc_navi div.h a.navi_h_3:active ,
    138 .inc_navi div.h a.navi_h_3:hover {
    139     background: url(({t_img_url_skin filename=skin_navi_h_2})) -160px 0 no-repeat ;
    140 }
    141 
    142 .inc_navi div.h a.navi_h_4:active ,
    143 .inc_navi div.h a.navi_h_4:hover {
    144     background: url(({t_img_url_skin filename=skin_navi_h_2})) -240px 0 no-repeat ;
    145 }
    146 
    147 .inc_navi div.h a.navi_h_5:active ,
    148 .inc_navi div.h a.navi_h_5:hover {
    149     background: url(({t_img_url_skin filename=skin_navi_h_2})) -320px 0 no-repeat ;
    150 }
    151 
    152 .inc_navi div.h a.navi_h_6:active ,
    153 .inc_navi div.h a.navi_h_6:hover {
    154     background: url(({t_img_url_skin filename=skin_navi_h_2})) -400px 0 no-repeat ;
    155 }
    156 
    157 .inc_navi div.h a.navi_h_7:active ,
    158 .inc_navi div.h a.navi_h_7:hover {
    159     background: url(({t_img_url_skin filename=skin_navi_h_2})) -480px 0 no-repeat ;
    160 }
    161 
    162 .inc_navi div.h a.navi_h_8:active ,
    163 .inc_navi div.h a.navi_h_8:hover {
    164     background: url(({t_img_url_skin filename=skin_navi_h_2})) -560px 0 no-repeat ;
    165 }
    166 
    167 .inc_navi div.h a.navi_h_9:active ,
    168 .inc_navi div.h a.navi_h_9:hover {
    169     background: url(({t_img_url_skin filename=skin_navi_h_2})) -640px 0 no-repeat ;
    170 }
    171 
    172 /*f系ナビロールオーバー設定*/
    173 .inc_navi div.f a.navi_f_1:active ,
    174 .inc_navi div.f a.navi_f_1:hover {
    175     background: url(({t_img_url_skin filename=skin_navi_f_2})) 0 0 no-repeat ;
    176 }
    177 
    178 .inc_navi div.f a.navi_f_2:active ,
    179 .inc_navi div.f a.navi_f_2:hover {
    180     background: url(({t_img_url_skin filename=skin_navi_f_2})) -80px 0 no-repeat ;
    181 }
    182 
    183 .inc_navi div.f a.navi_f_3:active ,
    184 .inc_navi div.f a.navi_f_3:hover {
    185     background: url(({t_img_url_skin filename=skin_navi_f_2})) -160px 0 no-repeat ;
    186 }
    187 
    188 .inc_navi div.f a.navi_f_4:active ,
    189 .inc_navi div.f a.navi_f_4:hover {
    190     background: url(({t_img_url_skin filename=skin_navi_f_2})) -240px 0 no-repeat ;
    191 }
    192 
    193 .inc_navi div.f a.navi_f_5:active ,
    194 .inc_navi div.f a.navi_f_5:hover {
    195     background: url(({t_img_url_skin filename=skin_navi_f_2})) -320px 0 no-repeat ;
    196 }
    197 
    198 .inc_navi div.f a.navi_f_6:active ,
    199 .inc_navi div.f a.navi_f_6:hover {
    200     background: url(({t_img_url_skin filename=skin_navi_f_2})) -400px 0 no-repeat ;
    201 }
    202 
    203 .inc_navi div.f a.navi_f_7:active ,
    204 .inc_navi div.f a.navi_f_7:hover {
    205     background: url(({t_img_url_skin filename=skin_navi_f_2})) -480px 0 no-repeat ;
    206 }
    207 
    208 .inc_navi div.f a.navi_f_8:active ,
    209 .inc_navi div.f a.navi_f_8:hover {
    210     background: url(({t_img_url_skin filename=skin_navi_f_2})) -560px 0 no-repeat ;
    211 }
    212 
    213 .inc_navi div.f a.navi_f_9:active ,
    214 .inc_navi div.f a.navi_f_9:hover {
    215     background: url(({t_img_url_skin filename=skin_navi_f_2})) -640px 0 no-repeat ;
    216 }
    217 
    218 /*c系ナビロールオーバー設定*/
    219 .inc_navi div.c a.navi_c_1:active ,
    220 .inc_navi div.c a.navi_c_1:hover {
    221     background: url(({t_img_url_skin filename=skin_navi_c_2})) 0 0 no-repeat ;
    222 }
    223 
    224 .inc_navi div.c a.navi_c_2:active ,
    225 .inc_navi div.c a.navi_c_2:hover {
    226     background: url(({t_img_url_skin filename=skin_navi_c_2})) -120px 0 no-repeat ;
    227 }
    228 
    229 .inc_navi div.c a.navi_c_3:active ,
    230 .inc_navi div.c a.navi_c_3:hover {
    231     background: url(({t_img_url_skin filename=skin_navi_c_2})) -240px 0 no-repeat ;
    232 }
    233 
    234 .inc_navi div.c a.navi_c_4:active ,
    235 .inc_navi div.c a.navi_c_4:hover {
    236     background: url(({t_img_url_skin filename=skin_navi_c_2})) -360px 0 no-repeat ;
    237 }
    238 
    239 .inc_navi div.c a.navi_c_5:active ,
    240 .inc_navi div.c a.navi_c_5:hover {
    241     background: url(({t_img_url_skin filename=skin_navi_c_2})) -480px 0 no-repeat ;
    242 }
    243 
    244 .inc_navi div.c a.navi_c_6:active ,
    245 .inc_navi div.c a.navi_c_6:hover {
    246     background: url(({t_img_url_skin filename=skin_navi_c_2})) -600px 0 no-repeat ;
    247 }
     13</head>
     14<body id="pc_page_({$INC_HEADER_page_name})"><div id="Body">
     15({* unknown *})({$INC_HEADER_inc_page_top2|smarty:nodefaults})
     16({* unknown *})({$INC_HEADER_inc_page_top|smarty:nodefaults})
     17({if !$INC_HEADER_is_login})
     18<div class="section" id="globalNav">
     19<h1><a href="({t_url})">({$smarty.const.SNS_NAME})</a></h1>
     20({if $before_after == "after"})
     21<ul>
     22({foreach from=$INC_HEADER_global_navi key=key item=item})
     23({if $item.url})
     24<li id="globalNav_({$key+1})"><a href="({$item.url})">({$item.caption})</a></li>
    24825({/if})
    249 
    250 ({$INC_HEADER_inc_custom_css|smarty:nodefaults})
    251 
    252 -->
    253 </style>
    254 <script type="text/javascript">
    255 <!--
    256 ({*テキスト入力欄の背景色変更*})
    257 TextFiledClassName_normal = 'text';
    258 TextFiledClassName_focus  = 'text_focus';
    259 
    260 Event.observe(window, 'load', setFocusClass, false);
    261 
    262 function setFocusClass() {
    263     var TFs = $A(document.getElementsByClassName(TextFiledClassName_normal));
    264     TFs.each(function (node){
    265         node.TFclass = node.className;
    266         node.TFclass_onfocus = TextFiledClassName_focus;
    267         node.onfocus = function() { this.className = this.TFclass_onfocus; };
    268         node.onblur  = function() { this.className = this.TFclass; };
    269     });
    270 }
    271 //-->
    272 </script>
    273 </head>
    274 ({***************************************})
    275 ({**ここまで：旧inc_html_header.tplの内容**})
    276 ({***************************************})
    277 
    278 <body id="pc_page_({$INC_HEADER_page_name})">
    279 
    280 ({$INC_HEADER_inc_page_top2|smarty:nodefaults})
    281 
    282 <div align="left">
    283 
    284 <table class="ext_sub_container" border="0" cellspacing="0" cellpadding="0">
    285 <tr>
    286 <td class="ext_sub_container_left" align="left" valign="top">
    287 
    288 ({$INC_HEADER_inc_page_top|smarty:nodefaults})
    289 <table class="mainframe" border="0" cellspacing="0" cellpadding="0">
    290 <tr>
    291 <td class="container inc_page_header">
    292 
    293 ({if !$INC_HEADER_is_login})
    294 ({***************************************})
    295 ({**ここから：旧inc_page_header.tplの内容**})
    296 ({***************************************})
    297 ({* before_login / after_login *})
    298 <div class="w_screen inc_page_header ({$before_after})_login">
    299 
    300 ({* skin_before_header / skin_after_header *})
    301 ({* bg_before / bg_after *})
    302 <img src="({t_img_url_skin filename=skin_`$before_after`_header})" class="bg_({$before_after})">
    303 
    304 ({if $INC_HEADER_top_banner_html_before || $INC_HEADER_top_banner_html_after})
    305 <div class="banner">
    306 ({if $before_after == 'before'})
    307 ({$INC_HEADER_top_banner_html_before|smarty:nodefaults})
    308 ({else})
    309 ({$INC_HEADER_top_banner_html_after|smarty:nodefaults})
     26({/foreach})
     27<li id="globalNav_9"><a href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})">ログアウト </a></li>
     28</ul>
    31029({/if})
    31130</div>
    312 ({elseif $INC_HEADER_top_banner.c_banner_id})
    313 <div class="banner">
    314 ({strip})
    315 ({if $INC_HEADER_top_banner.a_href})
    316     ({if $before_after == "before"})
    317     <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">
    318     ({else})
    319     <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">
    320     ({/if})
    321     <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
    322     </a>
    323 ({else})
    324     <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
    325 ({/if})
    326 ({/strip})
    327 </div>
    328 ({/if})
    32931
    330 <a class="logo_home" href="({t_url})"><img src="./skin/dummy.gif" alt="({$smarty.const.SNS_NAME})"></a>
     32({* unknown *})({if $inc_entry_point[1]})({$inc_entry_point[1]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})({/if})
    33133
    332 ({if $before_after == "after"})
    333 <div class="navi_global">
    334 ({foreach from=$INC_HEADER_global_navi key=key item=item})
    335 ({if $item.url})
    336 <a class="navi_global_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
    337 ({/if})
    338 ({/foreach})
    339 <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>
    340 </div>
    341 ({/if})
     34({if $inc_navi})({$inc_navi|smarty:nodefaults})({/if})
    34235
    343 </div>
    344 ({***************************************})
    345 ({**ここまで：旧inc_page_header.tplの内容**})
    346 ({***************************************})
     36({* unknown *})({if $inc_entry_point[2]})({$inc_entry_point[2]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})({/if})
    34737
    348 </td>
    349 </tr>
    350 ({if $inc_entry_point[1]})
    351 <tr>
    352 <td class="container">
    353 ({$inc_entry_point[1]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
    354 </td>
    355 </tr>
    356 ({/if})
    357 ({if $inc_navi})
    358 <tr>
    359 <td class="container inc_navi">
    360 ({$inc_navi|smarty:nodefaults})
    361 </td>
    362 </tr>
    363 ({/if})
    364 ({if $inc_entry_point[2]})
    365 <tr>
    366 <td class="container">
    367 ({$inc_entry_point[2]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
    368 </td>
    369 </tr>
    370 ({/if})
    371 ({if !$no_use_alert && ($msg || $msg1 || $msg2 || $msg3 || $err_msg)})
    372 <tr>
    373 <td class="container main_content" align="center">
     38({* unknown *})<div class="w_screen inc_page_header ({$before_after})_login">
     39({* unknown *})({* <img src="({t_img_url_skin filename=skin_`$before_after`_header})" class="bg_({$before_after})"> *})
     40({* unknown *})({if $INC_HEADER_top_banner_html_before || $INC_HEADER_top_banner_html_after})
     41({* unknown *})<div class="banner">
     42({* unknown *})({if $before_after == 'before'})
     43({* unknown *})({$INC_HEADER_top_banner_html_before|smarty:nodefaults})
     44({* unknown *})({else})
     45({* unknown *})({$INC_HEADER_top_banner_html_after|smarty:nodefaults})
     46({* unknown *})({/if})
     47({* unknown *})</div>
     48({* unknown *})({elseif $INC_HEADER_top_banner.c_banner_id})
     49({* unknown *})<div class="banner">
     50({* unknown *})({strip})
     51({* unknown *})({if $INC_HEADER_top_banner.a_href})
     52({* unknown *})({if $before_after == "before"})
     53({* unknown *})<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">
     54({* unknown *})({else})
     55({* unknown *})<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">
     56({* unknown *})({/if})
     57({* unknown *})<img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
     58({* unknown *})</a>
     59({* unknown *})({else})
     60({* unknown *})<img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
     61({* unknown *})({/if})
     62({* unknown *})({/strip})
     63({* unknown *})</div>
     64({* unknown *})({/if})
    37465
    375 ({*************************************})
    376 ({**ここから：旧inc_alert_box.tplの内容**})
    377 ({*************************************})
    378 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
     66({* parts:3 *})({if !$no_use_alert && ($msg || $msg1 || $msg2 || $msg3 || $err_msg)})
     67({* parts:3 *})<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width})({else})580({/if})px;margin:0px auto;" class="border_07">
     68({* parts:3 *})<tr>
     69({* parts:3 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     70({* parts:3 *})<td style="width:({if $width})({$width-14})({else})566({/if})px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     71({* parts:3 *})<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     72({* parts:3 *})</tr>
     73({* parts:3 *})<tr>
     74({* parts:3 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     75({* parts:3 *})<td class="bg_01" align="center">
     76({* parts:3 *})<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width-16})({else})564({/if})px;">
     77({* parts:3 *})<tr>
     78({* parts:3 *})<td style="width:({if $width})({$width-16})({else})564({/if})px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
     79({* parts:3 *})</tr>
     80({* parts:3 *})<tr>
     81({* parts:3 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
     82({* parts:3 *})<td style="width:150px;" class="bg_03" align="center" valign="middle">
     83({* parts:3 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
     84({* parts:3 *})<img src="({t_img_url_skin filename=icon_alert_l})" class="icon">
     85({* parts:3 *})<img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
     86({* parts:3 *})</td>
     87({* parts:3 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
     88({* parts:3 *})<td style="width:({if $width})({$width-153})({else})427({/if})px;height:50px;" class="bg_02" align="left" valign="middle">
     89({* parts:3 *})<div style="padding:8px 6px;" class="caution">
     90({* parts:3 *})({if $msg})({$msg})<br>({/if})
     91({* parts:3 *})({if $msg1})({$msg1})<br>({/if})
     92({* parts:3 *})({if $msg2})({$msg2})<br>({/if})
     93({* parts:3 *})({if $msg3})({$msg3})<br>({/if})
     94({* parts:3 *})({foreach from=$err_msg item=item})
     95({* parts:3 *})({$item})<br>
     96({* parts:3 *})({/foreach})
     97({* parts:3 *})</div>
     98({* parts:3 *})</td>
     99({* parts:3 *})<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
     100({* parts:3 *})</tr>
     101({* parts:3 *})<tr>
     102({* parts:3 *})<td style="height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
     103({* parts:3 *})</tr>
     104({* parts:3 *})</table>
     105({* parts:3 *})</td>
     106({* parts:3 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     107({* parts:3 *})</tr>
     108({* parts:3 *})<tr>
     109({* parts:3 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     110({* parts:3 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     111({* parts:3 *})<td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
     112({* parts:3 *})</tr>
     113({* parts:3 *})</table>
     114({* parts:3 *})({/if})
    379115
    380 <!-- ************************* -->
    381 <!-- ******ここから：警告****** -->
    382 <table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width})({else})580({/if})px;margin:0px auto;" class="border_07">
    383 <tr>
    384 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    385 <td style="width:({if $width})({$width-14})({else})566({/if})px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    386 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    387 </tr>
    388 <tr>
    389 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    390 <td class="bg_01" align="center">
    391 <!-- *ここから：警告＞内容* -->
    392 ({*ここから：header*})
    393 <!-- 無し -->
    394 ({*ここまで：header*})
    395 ({*ここから：body*})
    396 <!-- ここから：主内容 -->
    397 <table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width-16})({else})564({/if})px;">
    398 <tr>
    399 <td style="width:({if $width})({$width-16})({else})564({/if})px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    400 </tr>
    401 <tr>
    402 <td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    403 <td style="width:150px;" class="bg_03" align="center" valign="middle">
    404 <!-- ここから：主内容＞警告アイコン -->
    405 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    406 <img src="({t_img_url_skin filename=icon_alert_l})" class="icon">
    407 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l">
    408 <!-- ここまで：主内容＞警告アイコン -->
    409 </td>
    410 <td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    411 <td style="width:({if $width})({$width-153})({else})427({/if})px;height:50px;" class="bg_02" align="left" valign="middle">
    412 <div style="padding:8px 6px;" class="caution">
    413 <!-- ここから：主内容＞警告文本体 -->
    414 ({if $msg})({$msg})<br>({/if})
    415 ({if $msg1})({$msg1})<br>({/if})
    416 ({if $msg2})({$msg2})<br>({/if})
    417 ({if $msg3})({$msg3})<br>({/if})
    418 ({foreach from=$err_msg item=item})
    419 ({$item})<br>
    420 ({/foreach})
    421 <!-- ここまで：主内容＞警告文本体 -->
    422 </div>
    423 </td>
    424 <td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    425 </tr>
    426 <tr>
    427 <td style="height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td>
    428 </tr>
    429 </table>
    430 <!-- ここまで：主内容 -->
    431 ({*ここまで：body*})
    432 ({*ここから：footer*})
    433 <!-- 無し -->
    434 ({*ここまで：footer*})
    435 <!-- *ここまで：警告＞＞内容* -->
    436 </td>
    437 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    438 </tr>
    439 <tr>
    440 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    441 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    442 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td>
    443 </tr>
    444 </table>
    445 <!-- ******ここまで：警告****** -->
    446 <!-- ************************* -->
    447 
    448 ({*************************************})
    449 ({**ここまで：旧inc_alert_box.tplの内容**})
    450 ({*************************************})
    451 
    452 </td>
    453 </tr>
    454 ({/if})
    455 ({/if})
     116({/if})({* !$INC_HEADER_is_login *})

  • OpenPNE/branches/prj/xhtmlcss/OpenPNE-2.11.4/webapp/modules/pc/templates/inc_navi.tpl

    r2 r5779  
    1 <div class="w_screen inc_navi">
    2 ({if $INC_NAVI_type=="h" || $INC_NAVI_type=="self"})
    3 
    4 <img src="({t_img_url_skin filename=skin_navi_h})" class="bg">
    5 <div class="h">
    6 
     1({if $INC_NAVI_type === 'h'})
     2<div class="section localNav" id="hLocalNav">
     3<ul>
    74({foreach from=$navi key=key item=item})
    85({if $item.url})
    9 <a class="navi_h_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
     6<li id="hLocalNav_({$key+1})"><a href="({$item.url})">({$item.caption})</a></li>
    107({/if})
    118({/foreach})
    12 
     9</ul>
    1310</div>
    14 
    15 ({elseif $INC_NAVI_type=="f" || $INC_NAVI_type=="other"})
    16 
    17 <img src="({t_img_url_skin filename=skin_navi_f})" class="bg">
    18 <div class="f">
    19 
     11({elseif $INC_NAVI_type === 'f'})
     12<div class="section localNav" id="fLocalNav">
     13<ul>
    2014({foreach from=$navi key=key item=item})
    2115({if $item.url})
    22 <a class="navi_f_({$key+1})" href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
     16<li id="fLocalNav_({$key+1})"><a href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})">({$item.caption})</a></li>
    2317({/if})
    2418({/foreach})
    25 
     19</ul>
    2620</div>
    27 
    28 ({elseif $INC_NAVI_type=="c"})
    29 
    30 <img src="({t_img_url_skin filename=skin_navi_c})" class="bg">
    31 <div class="c">
    32 
     21({elseif $INC_NAVI_type === 'c'})
     22<div class="section localNav" id="cLocalNav">
     23<ul>
    3324({foreach from=$navi key=key item=item})
    3425({if $item.url})
    35 <a class="navi_c_({$key+1})" href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
     26<li id="cLocalNav_({$key+1})"><a href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})">({$item.caption})</a></li>
    3627({/if})
    3728({/foreach})
    38 
     29</ul>
    3930</div>
    40 
    4131({/if})
    42 </div>
Note: See TracChangeset for help on using the changeset viewer.