Changeset 5671
- Timestamp:
- Mar 12, 2008, 4:51:04 PM (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
OpenPNE/branches/prj/xhtmlcss/markup/1931.html
r5411 r5671 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_c_join_commu"> 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=eba17d2cf103a702014c1cae8783e39e"><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 #1931 ここから【6. yesNoButtonBox(はい、いいえボタン付きボックス)】--> 22 <div class="dparts yesNoButtonBox"><div class="parts"> 23 <div class="partsHeading"><h3>このコミュニティに参加</h3></div> 24 <div class="block"> 25 <p>島根県に本当に参加しますか?</p> 26 <form action="./" method="post"> 27 <fieldset> 28 <input type="hidden" name="m" value="pc" /> 29 <input type="hidden" name="a" value="do_inc_join_c_commu" /> 30 <input type="hidden" name="sessid" value="eba17d2cf103a702014c1cae8783e39e" /> 31 <input type="hidden" name="target_c_commu_id" value="1" /> 32 <ul class="moreInfo button"> 33 <li><input type="submit" class="input_submit" value="参加する" /></li> 34 <li><input type="submit" class="input_submit" value="参加しない" /></li> 35 </ul> 36 </fieldset> 37 </form> 325 38 </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_c.jpg" class="bg"> 336 <div class="c"> 337 338 <a class="navi_c_1" href="?m=pc&a=page_c_home&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="コミュニティトップ"></a> 339 <a class="navi_c_2" href="?m=pc&a=page_c_topic_list&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="掲示板"></a> 340 <a class="navi_c_3" href="?m=pc&a=page_c_member_review&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="おすすめレビュー"></a> 341 <a class="navi_c_4" href="?m=pc&a=page_c_join_commu&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="コミュニティに参加"></a> 342 343 <a class="navi_c_5" href="?m=pc&a=page_c_invite&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="マイフレンドに紹介"></a> 344 <a class="navi_c_6" href="?m=pc&a=page_c_leave_commu&target_c_commu_id=1"><img src="./skin/dummy.gif" alt="コミュニティを退会"></a> 345 346 </div> 347 348 </div> 349 </td> 350 </tr> 351 352 <tr> 353 <td class="container main_content" align="center"> 354 355 <table class="container" border="0" cellspacing="0" cellpadding="0"><tr> 356 <td class="full_content" align="center"> 357 358 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l"> 359 360 <!-- ****************************************** --> 361 <!-- ******ここから:このコミュニティに参加****** --> 362 <table border="0" cellspacing="0" cellpadding="0" style="width:580px;" class="border_01"> 363 <tr> 364 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 365 <td style="width:566px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 366 <td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 367 </tr> 368 <tr> 369 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 370 <td class="bg_01" align="center"> 371 <!-- ここから:小タイトル --> 372 <table border="0" cellspacing="0" cellpadding="0" style="width:566px;" class="border_01"> 373 <tr> 374 <td style="width:36px;" class="bg_06"><img src="./skin/default/img/content_header_1.gif" style="width:30px;height:20px;" class="dummy"></td> 375 <td style="width:528px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">このコミュニティに参加</span></td> 376 377 </tr> 378 </table> 379 <!-- ここまで:小タイトル --> 380 <!-- ここから:メッセージ --> 381 <table border="0" cellspacing="1" cellpadding="3" style="width:564px;"> 382 <tr> 383 <td colspan="2" class="bg_02" align="center"> 384 385 <table><tr><td colspan="2"> 386 <table><tr><td colspan="2"> 387 島根県に本当に参加しますか? 388 </td></tr> 389 390 <tr> 391 392 <form action="./" method="post"> 393 <input type="hidden" name="m" value="pc"> 394 395 <input type="hidden" name="a" value="do_inc_join_c_commu"> 396 <input type="hidden" name="sessid" value="eba17d2cf103a702014c1cae8783e39e"> 397 <input type="hidden" name="target_c_commu_id" value="1"> 398 <td align="right"><input type="submit" class="submit" value="参加する"></td> 399 </form> 400 401 <form action="./" method="get"> 402 <input type="hidden" name="m" value="pc"> 403 <input type="hidden" name="a" value="page_c_home"> 404 <input type="hidden" name="target_c_commu_id" value="1"> 405 <td align="left"><input type="submit" class="submit" value="参加しない"></td> 406 </form> 407 </tr></table> 408 </td></tr> 409 410 </table> 411 </td> 412 413 </tr> 414 </table> 415 <!-- ここまで:メッセージ --> 416 <!-- 無し --> 417 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 418 </tr> 419 <tr> 420 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 421 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 422 <td class="bg_00"><img src="./skin/dummy.gif" alt="square" class="square"></td> 423 </tr> 424 </form> 425 </table> 426 <!-- ******ここまで:このコミュニティに参加****** --> 427 <!-- ****************************************** --> 428 429 <img src="./skin/dummy.gif" alt="dummy" class="v_spacer_l"> 430 431 432 </td> 433 </tr> 434 </table></td> 435 </tr> 436 <tr> 437 <td class="container inc_page_footer"> 438 439 440 <table class="inc_page_footer" border="0" cellspacing="0" cellpadding="0"> 441 <tr> 442 <td class="bg_page_footer" style="background: url(./skin/default/img/skin_footer.jpg) no-repeat ;"> 443 444 <a href="./?m=pc&a=page_o_sns_kiyaku" target="_blank">利用規約</a> <a href="./?m=pc&a=page_o_sns_privacy" target="_blank">プライバシーポリシー</a> 445 446 </td> 447 </tr> 448 </table> 449 450 </td> 451 </tr> 452 </table> 453 454 455 456 </td> 457 458 </tr> 459 </table> 460 461 </div> 462 463 464 465 </body> 39 </div></div> 40 <!-- #1931 ここまで【6. yesNoButtonBox(はい、いいえボタン付きボックス)】end--> 41 </div><!-- Center --> 42 </div><!-- LayoutC --> 43 </div><!-- Container --> 44 </div></body> 466 45 </html>
Note: See TracChangeset
for help on using the changeset viewer.