魔法のｉ−らんどの掲示板用サンプル５
TOP
<![CDATA[
//////////////////////////////////////////////////////////////////////////
/**********************************************************/
/* */
/* JavaScript External file ----- Reconstruction Script */
/* */
/**********************************************************/
/***************************** Beginning of Stylesheet ************************************/
document.write('<style type="text/css">',
//body は記述が多いので２段
'body {scrollbar-face-color:#ffffff;scrollbar-highlight-color:#cccccc;scrollbar-shadow-color:#cccccc;scrollbar-3dlight-color:#ffffff;scrollbar-arrow-color:#888888;scrollbar-track-color:#fbfbfa;scrollbar-darkshadow-color:#ffffff;}',
'body {background-color:#ffffff;color:#888888;margin:0;cursor:crosshair;/*cursor:url("curs.cur");*/}',
//背景画像用の予備
//'body {background-image:url(kabe_check46.gif);background-attachment:fixed;background-repeat:no-repeat;background-position:top;}',
//ページ上部のリンク部分
'.navi_top {background-color:#ffffff;color:#888888;top:0px;left:0px;position:absolute;z-index:2;}',
'.navi_top ul {padding:0px;margin:0px;}',
'.navi_top li {display:inline;border:solid 1px #888888;}',
'.navi_top a {width:150px;height:14px;text-align:center;font-family:Helvetica,"Times New Roman","ＭＳ Ｐゴシック",Arial,sans-serif;font-weight:bold;font-size:70%;}',
'.navi_top a:link {background-color:#FFFFFF;color:#000000;text-decoration:none;}',
'.navi_top a:visited {background-color:#FFFFFF;color:#000000;text-decoration:none;}',
'.navi_top a:active {background-color:#FFEEFF;color:#FF00FF;text-decoration:none;}',
'.navi_top a:hover {background-color:#004080;color:#ffffff;text-decoration:none;position:relative;top:0px;left:0px;}',
//通常のリンク指定
'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-color:transparent;color:#c8e6ff;text-decoration:none;}',
'a:visited {background-color:transparent;color:#006666;text-decoration:none;}',
'a:active {border:dotted #ffd5ff thin;background-color:transparent;color:#99ff00;text-decoration:underline;}',
'a:hover {border:dotted #c8e6ff thin;padding:2px;background-color:transparent;color:#ff5500;text-decoration:underline;position:relative;top:2px;left:2px;}',
//その他の指定
'input {background-color:#ffffff;color:#555555;border:dotted #c8e6ff thin;font-size:70%;}',
'select {background-color:#c8e6ff;color:#000000;border:dotted #c8e6ff thin;font-size:70%;}',
'hr {border:dotted #cccccc thin;width:95%;}',
'hr.line {border:dotted #c8e6ff thin;width:90%;}',
'.cen {text-align:center;}',
'table {/*filter:Alpha(Opacity=95,finishOpacity=70,style=2);*/}',
'img {border:0;}',
'<\/style>');
/******************************** End of Stylesheet ***************************************/
document.write('<base target="_top">');
document.write(
'<div class="navi_top"><ul>',
'<li><a href="http://external-file.com/" target="_blank">JavaScript External File<\/a><\/li>',
'<li><a href="http://white-board.jp/" target="_blank">White Board<\/a><\/li>',
'<li><a href="http://external-file.com/ja/externalfile/external_file_sample5.html" target="_blank">Design by hogehoge<\/a><\/li>',
'<\/ul><\/div>');
document.write('<div id="bbs">');
function biso(){
for(i=0;i<document.links.length;i++){
if(document.links[i].innerText=="[ｹｰﾀｲMode表示]"){
document.links[i].innerHTML="Mobile";
}
if(document.links[i].innerText=="My HomePage"){
document.links[i].innerHTML="HOME";
}
if(document.links[i].innerText=="Delete"){
document.links[i].innerHTML="<br><hr class=\"line\">";
}
if(document.links[i].innerText=="[0]戻る"){
document.links[i].innerHTML="BACK";
}
if(document.links[i].innerText=="[1]書く"){
document.links[i].innerHTML="Message";
}
if(document.links[i].innerText=="[4]私書箱IDで書く"){
document.links[i].innerHTML="ID Message";
}
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="Log";
}
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:#c8e6ff\">■<\/span>");Lucy=Jyude;
Jyude=Lucy.replace(/\(+月+\)/g," <span style=\"font-weight:bold;color:#888888\">Monday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+火+\)/g," <span style=\"font-weight:bold;color:#888888\">Tuesday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+水+\)/g," <span style=\"font-weight:bold;color:#888888\">Wednesday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+木+\)/g," <span style=\"font-weight:bold;color:#888888\">Thursday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+金+\)/g," <span style=\"font-weight:bold;color:#888888\">Friday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+土+\)/g," <span style=\"font-weight:bold;color:#0000ff\">Saturday<\/span> ");Lucy=Jyude;
Jyude=Lucy.replace(/\(+日+\)/g," <span style=\"font-weight:bold;color:#ff0000\">Sunday<\/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="bb/bb-c1.gif" width="60" height="60"><\/td>'
+'<td background="bb/top.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c2.gif" width="60" height="60"><\/td>'
+'<\/tr><tr>'
+'<td background="bb/left.gif" width="60"><\/td>'
+'<td width="300">');
Lucy=Jyude;
}
if(yan==1 && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="bb/right.gif" width="60"><\/td>'
+'<\/tr><tr>'
+'<td><img src="bb/c3.gif" width="60" height="60"><\/td>'
+'<td background="bb/under.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c4.gif" width="60" height="60"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="cen">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="bb/bb-c1.gif" width="60" height="60"><\/td>'
+'<td background="bb/top.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c2.gif" width="60" height="60"><\/td>'
+'<\/tr><tr>'
+'<td background="bb/left.gif" width="60"><\/td>'
+'<td width="300">');
Lucy=Jyude;
}
if(i==Anna && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="bb/right.gif" width="60"><\/td>'
+'<\/tr><tr>'
+'<td><img src="bb/c3.gif" width="60" height="60"><\/td>'
+'<td background="bb/under.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c4.gif" width="60" height="60"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="cen">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="bb/bb-c1.gif" width="60" height="60"><\/td>'
+'<td background="bb/top.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c2.gif" width="60" height="60"><\/td>'
+'<\/tr><tr>'
+'<td background="bb/left.gif" width="60"><\/td>'
+'<td width="300">');
Lucy=Jyude;
Anna+=2;
}
if(yan==3 && i!=(Bayani.length-3)){
Jyude=Lucy.replace(/<HR SIZE=1>/,'<\/td>'
+'<td background="bb/right.gif" width="60"><\/td>'
+'<\/tr><tr>'
+'<td><img src="bb/c3.gif" width="60" height="60"><\/td>'
+'<td background="bb/under.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c4.gif" width="60" height="60"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<br><br>'
+'<div class="cen">'
+'<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>'
+'<td><img src="bb/bb-c1.gif" width="60" height="60"><\/td>'
+'<td background="bb/top.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c2.gif" width="60" height="60"><\/td>'
+'<\/tr><tr>'
+'<td background="bb/left.gif" width="60"><\/td>'
+'<td width="300">');
Lucy=Jyude;
}
}
bbs.innerHTML=Lucy+'<\/td>'
+'<td background="bb/right.gif" width="60"><\/td>'
+'<\/tr><tr>'
+'<td><img src="bb/c3.gif" width="60" height="60"><\/td>'
+'<td background="bb/under.gif" width="300" height="60"><\/td>'
+'<td><img src="bb/c4.gif" width="60" height="60"><\/td>'
+'<\/tr><\/tbody><\/table>'
+'<\/div>'
+'<\/div>';
}
window.onload=biso;
//注意：画像等を魔法のｉ−らんどの掲示板に呼び出す時は、フルパスで記述します。
//////////////////////////////////////////////////////////////////////////
]]>
下記の Sample で使用している、Table 素材は、White Board 様よりお借りしております。
素材（画像等）は、ご利用される素材屋さんより、許可頂いて下さい。
ここからの素材の持ち帰りは禁止です。
| Contact us at Feedback |
Last Update: 6 / 25 / 2008 17:51:35 JST