Changeset 5605
- Timestamp:
- Mar 6, 2008, 8:28:29 PM (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
OpenPNE/branches/prj/xhtmlcss/markup/1985.html
r5409 r5605 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <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"> 3 4 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <base href="http://takai.sns.dazai.pne.jp/"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 5 <base href="http://takai.sns.dazai.pne.jp/" /> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 7 <meta http-equiv="Content-Style-Type" content="text/css" /> 8 <meta http-equiv="Content-Script-Type" content="text/javascript" /> 7 9 <title>XHTML+CSS化</title> 8 <link rel="stylesheet" href=" ./css/default.css" type="text/css">10 <link rel="stylesheet" href="http://xhtmlcss.openpne.jp/markup/style.css" type="text/css" /> 9 11 <script type="text/javascript" src="./js/prototype.js"></script> 10 12 <script type="text/javascript" src="./js/pne.js"></script> 11 <style type="text/css">12 <!--13 /*枠線要素*/14 .border_01 { border: #CCCCCC 1px solid ; }15 .border_07 { border: #CCCCCC 1px solid ; }16 .border_10 { border: #FFFFFF 1px solid ; }17 18 /*背景要素*/19 .bg_00 { background-color: #FFFFFF ; }20 .bg_01 { background-color: #CCCCCC ; }21 .bg_02 { background-color: #FFFFFF ; }22 .bg_03 { background-color: #FFFFFF ; }23 .bg_04 { background-color: #CCCCCC ; }24 .bg_05 { background-color: #FFFFFF ; }25 .bg_06 { background-color: #36B3D1 ; }26 .bg_07 { background-color: #CCCCCC ; }27 .bg_08 { background-color: #FFFFFF ; }28 .bg_09 { background-color: #EEEEEE ; }29 .bg_10 { background-color: #CCCCCC ; }30 .bg_11 { background-color: #DDDDDD ; }31 .bg_12 { background-color: #FFFFFF ; }32 .bg_13 { background-color: #FFFFFF ; }33 .bg_14 { background-color: #FFFFFF ; }34 .color_19 { background-color: #FFFFFF ; }35 36 body { background-color: #FFFFFF ; }37 .container { background-color: #FFFFFF ; }38 39 .arrow_1 {40 width: 17px ;41 height: 14px ;42 background: url(./skin/default/img/icon_arrow_1.gif) 0% 100% no-repeat ;43 }44 .icon_1 {45 width: 14px ;46 height: 14px ;47 background: url(./skin/default/img/icon_1.gif) 50% 70% no-repeat ;48 }49 .icon_2 {50 width: 14px ;51 height: 14px ;52 background: url(./skin/default/img/icon_2.gif) 50% 70% no-repeat ;53 }54 .icon_3 {55 width: 14px ;56 height: 14px ;57 background: url(./skin/default/img/icon_3.gif) 50% 70% no-repeat ;58 }59 60 * { font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", Osaka, sans-serif ; }61 62 /*ここから:safari1.xパスワードフォーム非表示対策*/63 html:\66irst-child input[type="password"] { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif,"Osaka" ; }64 /*ここまで:safari1.xパスワードフォーム非表示対策*/65 66 /*テキスト入力欄のフォーカス時のクラス*/67 .text { background-color:#F8F8F8; }68 .text_focus { background-color:#FFFFFF; }69 70 71 /*ボタンに対する背景画像の指定*/72 input.submit {73 background: #DADCE6 url(./skin/default/img/bg_button.gif) 50% 0 repeat-x ;74 }75 76 /*ページヘッダロールオーバー設定*/77 div.inc_page_header div.navi_global a.navi_global_1:active ,78 div.inc_page_header div.navi_global a.navi_global_1:hover {79 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) 0 -70px no-repeat ;80 }81 82 div.inc_page_header div.navi_global a.navi_global_2:active ,83 div.inc_page_header div.navi_global a.navi_global_2:hover {84 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -90px -70px no-repeat ;85 }86 87 div.inc_page_header div.navi_global a.navi_global_3:active ,88 div.inc_page_header div.navi_global a.navi_global_3:hover {89 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -180px -70px no-repeat ;90 }91 92 div.inc_page_header div.navi_global a.navi_global_4:active ,93 div.inc_page_header div.navi_global a.navi_global_4:hover {94 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -288px -70px no-repeat ;95 }96 97 div.inc_page_header div.navi_global a.navi_global_5:active ,98 div.inc_page_header div.navi_global a.navi_global_5:hover {99 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -360px -70px no-repeat ;100 }101 102 div.inc_page_header div.navi_global a.navi_global_6:active ,103 div.inc_page_header div.navi_global a.navi_global_6:hover {104 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -432px -70px no-repeat ;105 }106 107 div.inc_page_header div.navi_global a.navi_global_7:active ,108 div.inc_page_header div.navi_global a.navi_global_7:hover {109 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -504px -70px no-repeat ;110 }111 112 div.inc_page_header div.navi_global a.navi_global_8:active ,113 div.inc_page_header div.navi_global a.navi_global_8:hover {114 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -576px -70px no-repeat ;115 }116 117 div.inc_page_header div.navi_global a.navi_global_9:active ,118 div.inc_page_header div.navi_global a.navi_global_9:hover {119 background: url(./skin/005_openpne_blue/img/skin_after_header_2.jpg) -648px -70px no-repeat ;120 }121 122 /*h系ナビロールオーバー設定*/123 .inc_navi div.h a.navi_h_1:active ,124 .inc_navi div.h a.navi_h_1:hover {125 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) 0 0 no-repeat ;126 }127 128 .inc_navi div.h a.navi_h_2:active ,129 .inc_navi div.h a.navi_h_2:hover {130 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -80px 0 no-repeat ;131 }132 133 .inc_navi div.h a.navi_h_3:active ,134 .inc_navi div.h a.navi_h_3:hover {135 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -160px 0 no-repeat ;136 }137 138 .inc_navi div.h a.navi_h_4:active ,139 .inc_navi div.h a.navi_h_4:hover {140 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -240px 0 no-repeat ;141 }142 143 .inc_navi div.h a.navi_h_5:active ,144 .inc_navi div.h a.navi_h_5:hover {145 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -320px 0 no-repeat ;146 }147 148 .inc_navi div.h a.navi_h_6:active ,149 .inc_navi div.h a.navi_h_6:hover {150 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -400px 0 no-repeat ;151 }152 153 .inc_navi div.h a.navi_h_7:active ,154 .inc_navi div.h a.navi_h_7:hover {155 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -480px 0 no-repeat ;156 }157 158 .inc_navi div.h a.navi_h_8:active ,159 .inc_navi div.h a.navi_h_8:hover {160 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -560px 0 no-repeat ;161 }162 163 .inc_navi div.h a.navi_h_9:active ,164 .inc_navi div.h a.navi_h_9:hover {165 background: url(./skin/005_openpne_blue/img/skin_navi_h_2.jpg) -640px 0 no-repeat ;166 }167 168 /*f系ナビロールオーバー設定*/169 .inc_navi div.f a.navi_f_1:active ,170 .inc_navi div.f a.navi_f_1:hover {171 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) 0 0 no-repeat ;172 }173 174 .inc_navi div.f a.navi_f_2:active ,175 .inc_navi div.f a.navi_f_2:hover {176 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -80px 0 no-repeat ;177 }178 179 .inc_navi div.f a.navi_f_3:active ,180 .inc_navi div.f a.navi_f_3:hover {181 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -160px 0 no-repeat ;182 }183 184 .inc_navi div.f a.navi_f_4:active ,185 .inc_navi div.f a.navi_f_4:hover {186 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -240px 0 no-repeat ;187 }188 189 .inc_navi div.f a.navi_f_5:active ,190 .inc_navi div.f a.navi_f_5:hover {191 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -320px 0 no-repeat ;192 }193 194 .inc_navi div.f a.navi_f_6:active ,195 .inc_navi div.f a.navi_f_6:hover {196 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -400px 0 no-repeat ;197 }198 199 .inc_navi div.f a.navi_f_7:active ,200 .inc_navi div.f a.navi_f_7:hover {201 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -480px 0 no-repeat ;202 }203 204 .inc_navi div.f a.navi_f_8:active ,205 .inc_navi div.f a.navi_f_8:hover {206 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -560px 0 no-repeat ;207 }208 209 .inc_navi div.f a.navi_f_9:active ,210 .inc_navi div.f a.navi_f_9:hover {211 background: url(./skin/005_openpne_blue/img/skin_navi_f_2.jpg) -640px 0 no-repeat ;212 }213 214 /*c系ナビロールオーバー設定*/215 .inc_navi div.c a.navi_c_1:active ,216 .inc_navi div.c a.navi_c_1:hover {217 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) 0 0 no-repeat ;218 }219 220 .inc_navi div.c a.navi_c_2:active ,221 .inc_navi div.c a.navi_c_2:hover {222 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -120px 0 no-repeat ;223 }224 225 .inc_navi div.c a.navi_c_3:active ,226 .inc_navi div.c a.navi_c_3:hover {227 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -240px 0 no-repeat ;228 }229 230 .inc_navi div.c a.navi_c_4:active ,231 .inc_navi div.c a.navi_c_4:hover {232 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -360px 0 no-repeat ;233 }234 235 .inc_navi div.c a.navi_c_5:active ,236 .inc_navi div.c a.navi_c_5:hover {237 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -480px 0 no-repeat ;238 }239 240 .inc_navi div.c a.navi_c_6:active ,241 .inc_navi div.c a.navi_c_6:hover {242 background: url(./skin/005_openpne_blue/img/skin_navi_c_2.jpg) -600px 0 no-repeat ;243 }244 245 /**フォント色変更**/246 247 /*リンク関連*/248 a:link { color: #026CD1; }249 a:visited { color: #004A95; }250 a:hover { color: #76AFE6; }251 a:active { color: #76AFE6; }252 253 /*コンテンツ見出しlv1*/254 td.bg_06 span.b_b,255 .c_00 { color: #222222; }256 257 /*コンテンツ見出しlv2*/258 .c_01 { color: #444444; }259 260 /*強調文字暖色*/261 .c_02 { color: #D92C49; }262 263 /*強調文字寒色*/264 .c_03 { color: #2C65D9; }265 266 /*その他文字色*/267 body { color: #000000; }268 269 -->270 </style>271 <script type="text/javascript">272 <!--273 TextFiledClassName_normal = 'text';274 TextFiledClassName_focus = 'text_focus';275 276 Event.observe(window, 'load', setFocusClass, false);277 278 function setFocusClass() {279 var TFs = $A(document.getElementsByClassName(TextFiledClassName_normal));280 TFs.each(function (node){281 node.TFclass = node.className;282 node.TFclass_onfocus = TextFiledClassName_focus;283 node.onfocus = function() { this.className = this.TFclass_onfocus; };284 node.onblur = function() { this.className = this.TFclass; };285 });286 }287 //-->288 </script>289 290 13 </head> 291 292 <body id="pc_page_h_bookmark_list"> 293 294 295 296 <div align="left"> 297 298 <table class="ext_sub_container" border="0" cellspacing="0" cellpadding="0"> 299 <tr> 300 <td class="ext_sub_container_left" align="left" valign="top"> 301 302 303 <table class="mainframe" border="0" cellspacing="0" cellpadding="0"> 304 <tr> 305 <td class="container inc_page_header"> 306 307 <div class="w_screen inc_page_header after_login"> 308 309 <img src="./skin/005_openpne_blue/img/skin_after_header.jpg" class="bg_after"> 310 311 312 <a class="logo_home" href="./"><img src="./skin/dummy.gif" alt="XHTML+CSS化"></a> 313 314 <div class="navi_global"> 315 <a class="navi_global_1" href="?m=pc&a=page_h_search"><img src="./skin/dummy.gif" alt="メンバー検索"></a> 316 <a class="navi_global_2" href="?m=pc&a=page_h_com_find_all"><img src="./skin/dummy.gif" alt="コミュニティ検索"></a> 317 <a class="navi_global_3" href="?m=pc&a=page_h_review_search"><img src="./skin/dummy.gif" alt="レビュー検索"></a> 318 <a class="navi_global_4" href="?m=pc&a=page_h_home"><img src="./skin/dummy.gif" alt="マイホーム"></a> 319 <a class="navi_global_5" href="?m=pc&a=page_h_invite"><img src="./skin/dummy.gif" alt="友人を誘う"></a> 320 <a class="navi_global_6" href="?m=pc&a=page_h_diary_list_all"><img src="./skin/dummy.gif" alt="最新日記"></a> 321 <a class="navi_global_7" href="?m=pc&a=page_h_ranking"><img src="./skin/dummy.gif" alt="ランキング"></a> 322 <a class="navi_global_8" href="?m=pc&a=page_h_config"><img src="./skin/dummy.gif" alt="設定変更"></a> 323 <a class="navi_global_9" href="./?m=pc&a=do_inc_page_header_logout&sessid=815bb1e79eddbcb30854f37f34c69672"><img src="./skin/dummy.gif" alt="ログアウト"></a> 324 14 <body><div id="Body"> 15 <div id="Container"> 16 <div style="border: 1px solid red; margin-bottom: 9px; height: 122px;"> 17 グローバルナビ 18 </div> 19 <div id="LayoutC"> 20 <div id="Center"> 21 <!--start #1985 ここから【1. simpleBox(シンプルボックス)】--> 22 <div class="dparts simpleBox"><div class="parts"> 23 <div class="partsHeading"><h3>お気に入り</h3></div> 24 <div class="block"> 25 <p>まだお気に入り登録がありません。</p> 325 26 </div> 326 327 </div> 328 329 </td> 330 </tr> 331 <tr> 332 <td class="container inc_navi"> 333 <div class="w_screen inc_navi"> 334 335 <img src="./skin/005_openpne_blue/img/skin_navi_h.jpg" class="bg"> 336 <div class="h"> 337 338 <a class="navi_h_1" href="?m=pc&a=page_h_home"><img src="./skin/dummy.gif" alt="ホーム"></a> 339 <a class="navi_h_2" href="?m=pc&a=page_fh_friend_list"><img src="./skin/dummy.gif" alt="マイフレンド"></a> 340 <a class="navi_h_3" href="?m=pc&a=page_fh_diary_list"><img src="./skin/dummy.gif" alt="日記"></a> 341 <a class="navi_h_4" href="?m=pc&a=page_h_message_box"><img src="./skin/dummy.gif" alt="メッセージ"></a> 342 343 <a class="navi_h_5" href="?m=pc&a=page_h_ashiato"><img src="./skin/dummy.gif" alt="あしあと"></a> 344 <a class="navi_h_6" href="?m=pc&a=page_h_bookmark_list"><img src="./skin/dummy.gif" alt="お気に入り"></a> 345 <a class="navi_h_7" href="?m=pc&a=page_fh_review_list_member"><img src="./skin/dummy.gif" alt="マイレビュー"></a> 346 <a class="navi_h_8" href="?m=pc&a=page_h_prof"><img src="./skin/dummy.gif" alt="マイページ確認"></a> 347 <a class="navi_h_9" href="?m=pc&a=page_h_config_prof"><img src="./skin/dummy.gif" alt="プロフィール変更"></a> 348 349 </div> 350 351 </div> 352 </td> 353 </tr> 354 355 <tr> 356 <td class="container main_content" align="center"> 357 358 <table class="container" border="0" cellspacing="0" cellpadding="0"><tr> 359 <td class="full_content" align="center"> 360 361 362 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l"> 363 364 <!-- ********************************** --> 365 <!-- ******ここから:無ブックマーク****** --> 366 <table border="0" cellspacing="0" cellpadding="0" style="width:650px;margin:0px auto;" class="border_07"> 367 <tr> 368 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 369 <td style="width:636px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 370 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 371 </tr> 372 <tr> 373 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 374 <td class="bg_01" align="center"> 375 <!-- *ここから:無ブックマーク>内容* --> 376 <!-- ここから:小タイトル --> 377 378 <table border="0" cellspacing="0" cellpadding="0" style="width:636px;" class="border_01"> 379 <tr> 380 <td style="width:36px;" class="bg_06"><img src="./skin/default/img/content_header_1.gif" style="width:30px;height:20px;" class="dummy"></td> 381 <td style="width:600px;padding:2px 0px;" class="bg_06"><span class="b_b c_00"> 382 お気に入り 383 </span></td> 384 </tr> 385 </table> 386 <!-- ここまで:小タイトル --> 387 <!-- ここから:主内容 --> 388 <table border="0" cellspacing="0" cellpadding="0" style="width:636px;margin:0px auto;"> 389 <tr> 390 <td style="width:636px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td> 391 </tr> 392 <tr> 393 <td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td> 394 <td style="width:634px;" class="bg_02" align="center" valign="middle"> 395 396 <div style="padding:10px 90px;"> 397 398 まだお気に入り登録がありません。 399 400 </div> 401 402 </td> 403 <td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" alt="dot" class="dot"></td> 404 </tr> 405 <tr> 406 <td style="width:636px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" alt="dot" class="dot"></td> 407 </tr> 408 </table> 409 <!-- ここまで:主内容 --> 410 <!-- 無し --> 411 <!-- *ここまで:無ブックマーク>>内容* --> 412 </td> 413 414 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 415 </tr> 416 <tr> 417 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 418 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 419 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 420 </tr> 421 </table> 422 <!-- ******ここまで:無ブックマーク****** --> 423 <!-- ********************************** --> 424 425 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l"> 426 427 428 </td> 429 </tr> 430 </table></td> 431 432 </tr> 433 <tr> 434 <td class="container inc_page_footer"> 435 436 437 <table class="inc_page_footer" border="0" cellspacing="0" cellpadding="0"> 438 <tr> 439 <td class="bg_page_footer" style="background: url(./skin/default/img/skin_footer.jpg) no-repeat ;"> 440 441 <a href="./?m=pc&a=page_o_sns_kiyaku" target="_blank">利用規約</a> <a href="./?m=pc&a=page_o_sns_privacy" target="_blank">プライバシーポリシー</a> 442 443 </td> 444 </tr> 445 </table> 446 447 </td> 448 </tr> 449 </table> 450 451 452 453 </td> 454 455 </tr> 456 </table> 457 458 </div> 459 460 461 462 </body> 463 27 </div></div> 28 <!-- #1985 ここまで【1. simpleBox(シンプルボックス)】end--> 29 </div><!-- Center --> 30 </div><!-- LayoutC --> 31 </div><!-- Container --> 32 </div></body> 464 33 </html>
Note: See TracChangeset
for help on using the changeset viewer.