魔法のｉ−らんどの掲示板用サンプル６
TOP
<![CDATA[
//////////////////////////////////////////////////////////////////////////
/**********************************************************/
/* */
/* JavaScript External file ----- Reconstruction Script */
/* */
/**********************************************************/
//タイトル部分の変更
document.title="Bisoy\'s Room BBS";
//フレームの時に使用
//document.write('<base target="_top">');
/***************************** Beginning of Stylesheet ************************************/
document.write('<style type="text/css">',
//body は記述が多いので３段
'body {scrollbar-base-color:#ADF;scrollbar-face-color:#ADF;scrollbar-track-color:#ADF;scrollbar-arrow-color:#FFFFCE;scrollbar-face-color:#ADF;scrollbar-highlight-color:#ADF;scrollbar-3dlight-color:#FFFFCE;scrollbar-shadow-color:#ADF;scrollbar-darkshadow-color:#FFFFCE;}',
'body {overflow-y:hidden;background-color:#ffffff;color:#333;font-family:"ＭＳ Ｐゴシック",Arial,sans-serif;margin:0;cursor:crosshair;}',
'body {background-image:url(img/wall-01.jpg);background-attachment:fixed;background-repeat:no-repeat;background-position:center;}',
//その他の指定
'hr {border:dotted orange;height:2px;}',//掲示板下部の広告部分の水平線（区切り線）の指定
'hr.underline {border:dotted #0000ff;height:1px;}',//内側のTABLEの中にある水平線（区切り線）の指定
'input,option,select {background:orange;color:#FFF;font-size:70%;font-family:Helvetica,Arial,sans-serif;border:dotted #ff5500 thin;}',
'img {border:0;}',//画像全体の border 無し指定
'.cen {text-align:center;margin-top:2em;margin-bottom:2em;}',
'.rig {text-align:right;margin-top:2em;margin-bottom:2em;}',
'.lef {text-align:left;margin-top:2em;margin-bottom:2em;}',
//TABLEの外枠の設定と内側の壁紙設定
//画面の上からの距離top:80px; 画面の左側からの距離left:30px; TABLE枠の大きさ指定 width:70%;height:380px; この数値変更で、TABLEの場所や大きさが決まります。
'table.kir {position:absolute;top:80px;left:30px;width:70%;height:70%;text-align:left;border:5px solid #00DDEE;background:transparent;color:#000000;background-image:url(img/3dcg-91.jpg);}',
'.yeover {overflow-y:scroll;text-align:left;width:100%;height:100%;}',
//内側のTABLEの書き込み部分の文字指定等
'td.maintd {width:300px;background-color:#FFC;font-family:"Times New Roman",Helvetica,Arial,sans-serif;font-size:95%;}',
//通常のリンク指定
'a {font-size:85%;font-weight:bold;font-family:Helvetica,"Times New Roman",Arial,sans-serif;cursor:e-resize;/*cursor:url("curs.cur");*/}',
'a:link {background:transparent;color:#000000;text-decoration:none;}',
'a:visited {background:transparent;color:#ff6600;text-decoration:none;}',
'a:active {background:transparent;color:#99ff00;text-decoration:none;}',
'a:hover {background:transparent;color:#ff5500;text-decoration:none;position:relative;top:0px;left:4px;}',
//ページ上部のリンク部分
'.navitop {background-color:#FFF;color:#AAA;top:0px;left:0px;position:absolute;z-index:2;}',
'.navitop ul {padding:0px;margin:0px;}',
'.navitop li {background:transparent;color:#9F0;display:inline;border:dotted #0DE thin;}',
'.navitop a {width:150px;height:14px;text-align:center;font-family:Helvetica,"Times New Roman","FKシンボルゴシック","ＭＳ Ｐゴシック",Arial,sans-serif;font-weight:bold;font-size:70%;}',
'.navitop a:link {background-color:#FFF;color:#AAA;text-decoration:none;}',
'.navitop a:visited {background-color:#FFF;color:#AAA;text-decoration:none;}',
'.navitop a:active {background-color:#FEF;color:#F0F;text-decoration:none;}',
'.navitop a:hover {background-color:#AADDFF;color:#FFF;text-decoration:none;position:relative;top:0px;left:0px;}',
'<\/style>');
/******************************** End of Stylesheet ***************************************/
//ここからページ上部のリンク部分
document.write(
'<div class="navitop"><ul>',
'<li><a href="http://ip.tosp.co.jp/i.asp?i=bisoy" target="_blank">Design by bisoy<\/a><\/li>',
'<li><a href="http://bagongbayani.org/" target="_blank">Bagong Bayani<\/a><\/li>',
'<li><a href="http://external-file.com/" target="_blank">JavaScript External File<\/a><\/li>',
'<\/ul><\/div>');
//ここまでページ上部のリンク部分
//MIDI使用する時
//document.write('<bgsound src="music/hogehoge.mid" loop="infinite">');
document.write(
'<table class="kir"><tr><td style="text-align:center">',
'<div class="yeover">',
'<div style="text-align:left;margin:2em;" id="bbs">');
function bisoy(){
for(i=0;i<document.links.length;i++){
if(document.links[i].innerText=="[ｹｰﾀｲMode表示]"){
document.links[i].innerHTML="<div style=\"margin-top:5px;margin-right:7em;font-weight:bold\">phone</div>";
}
if(document.links[i].innerText=="My HomePage"){
document.links[i].innerHTML="HomePage";
}
if(document.links[i].innerText=="Delete"){
document.links[i].innerHTML=" <span style=\"color:#0000ff\">★<\/span><br><hr class=\"underline\">";
}
if(document.links[i].innerText=="[0]戻る"){
document.links[i].innerHTML="戻る";
}
if(document.links[i].innerText=="[1]書く"){
document.links[i].innerHTML="カキコ";
}
if(document.links[i].innerText=="[4]私書箱IDで書く"){
document.links[i].innerHTML="IDでカキコ";
}
if(document.links[i].innerText=="[5]変換言葉にする"){
document.links[i].innerHTML="Change";
}
if(document.links[i].innerText=="[5]ﾉｰﾏﾙ言葉に戻す"){
document.links[i].innerHTML="Normal";
}
if(document.links[i].innerText=="[6]ﾛｸﾞを表示"){
document.links[i].innerHTML="ログ";
}
if(document.links[i].innerText=="[6]ﾛｸﾞを非表示"){
document.links[i].innerHTML="No Log";
}
if(document.links[i].innerText=="ipBookMark"){
document.links[i].innerHTML="ip\-B";
}
if(document.links[i].innerText=="R"){
document.links[i].innerHTML="";
}
if(document.links[i].innerText=="次へ"){
document.links[i].innerHTML="NEXT";
}
}
Lucy=bbs.innerHTML;
Jyude=Lucy.replace(/■/g,"<span style=\"color:#0000ff\">■<\/span>");Lucy=Jyude;
//曜日の変更
Jyude=Lucy.replace(/\(+月+\)/g," <span style=\"color:#888888\">Monday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+火+\)/g," <span style=\"color:#888888\">Tuesday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+水+\)/g," <span style=\"color:#888888\">Wednesday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+木+\)/g," <span style=\"color:#888888\">Thursday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+金+\)/g," <span style=\"color:#888888\">Friday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+土+\)/g," <span style=\"color:#0000ff\">Saturday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+日+\)/g," <span style=\"color:#ff0000\">Sunday<\/span> ");Lucy=Jyude;
//訪問者の接続機種の文字部分変更
Jyude=Lucy.replace(/Pc/g," <span style=\"color:#0000ff;font-size:80%\"><br><hr class=\"underline\">「Computer」<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/i\*/g," <span style=\"color:#0000ff;font-size:80%\"><br><hr class=\"underline\">「NTT DoCoMo」<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/j\*/g," <span style=\"color:#0000ff;font-size:80%\"><br><hr class=\"underline\">「Vodafone」<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/J\*/g," <span style=\"color:#0000ff;font-size:80%\"><br><hr class=\"underline\">「Vodafone」<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/ez/g," <span style=\"color:#0000ff;font-size:80%\"><br><hr class=\"underline\">「EZweb」<\/span> ");Lucy=Jyude;
//表示回数部分の変更
Jyude=Lucy.replace(/Find/g,"<span style=\"color:#888888;font-size:80%\">表\示回数<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/Write/g,"<span style=\"color:#888888;font-size:80%\">カキコ数<\/span> ");Lucy=Jyude;
Bayani=Lucy.match(/<HR SIZE=1>/g);
Anna=2;
for(i=0;i<Bayani.length-2;i++){
yan=i%4;
if(i==0){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<div class="cen">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="img/ffcul.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_top.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcur.gif" width="29" height="29"><\/td>'
+'<\/tr><tr>'
+'<td background="img/FFC_left.gif" width="29"><\/td>'
+'<td class="maintd">');
Lucy=Jyude;
}
if(yan==1 && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="img/FFC_right.gif" width="29"><\/td>'
+'<\/tr><tr>'
+'<td><img src="img/ffcdl.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_bottom.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcdr.gif" width="29" height="29"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="rig">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="img/ffcul.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_top.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcur.gif" width="29" height="29"><\/td>'
+'<\/tr><tr>'
+'<td background="img/FFC_left.gif" width="29"><\/td>'
+'<td class="maintd">');
Lucy=Jyude;
}
if(i==Anna && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="img/FFC_right.gif" width="29"><\/td>'
+'<\/tr><tr>'
+'<td><img src="img/ffcdl.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_bottom.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcdr.gif" width="29" height="29"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="cen">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="img/ffcul.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_top.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcur.gif" width="29" height="29"><\/td>'
+'<\/tr><tr>'
+'<td background="img/FFC_left.gif" width="29"><\/td>'
+'<td class="maintd">');
Lucy=Jyude;
Anna+=2;
}
if(yan==3 && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="img/FFC_right.gif" width="29"><\/td>'
+'<\/tr><tr>'
+'<td><img src="img/ffcdl.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_bottom.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcdr.gif" width="29" height="29"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="lef">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="img/ffcul.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_top.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcur.gif" width="29" height="29"><\/td>'
+'<\/tr><tr>'
+'<td background="img/FFC_left.gif" width="29"><\/td>'
+'<td class="maintd">');
Lucy=Jyude;
}
}
bbs.innerHTML=Lucy+'<\/td>'
+'<td background="img/FFC_right.gif" width="29"><\/td>'
+'<\/tr><tr>'
+'<td><img src="img/ffcdl.gif" width="29" height="29"><\/td>'
+'<td background="img/FFC_bottom.gif" width="300" height="29"><\/td>'
+'<td><img src="img/ffcdr.gif" width="29" height="29"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<\/div>';
}
window.onload=bisoy;
//注意：画像やMIDIを魔法のｉ−らんどの掲示板に呼び出す時は、フルパスで記述します。
]]>
素材（画像等）は、ご利用される素材屋さんより、許可を頂いて下さい。
当サイトから画像等の、素材の持ち帰りは禁止です。
| Contact us at Feedback |
Last Update: 6 / 25 / 2008 17:51:49 JST