School Original Customize Sample

001 : like a "dacafe.photograph."

自作HTMLトップページの編集のHTMLソース欄に
<html> <head> <title>like a "dacafe.photograph." </title> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS"> <link rel="stylesheet" href="../1tools/font-family_en.css" type="text/css"> <link rel="stylesheet" href="../1tools/color.css" type="text/css"> <link rel="stylesheet" href="../1tools/wide.css" type="text/css"> <link rel="stylesheet" href="../1tools/blank.css" type="text/css"> <script src="../1tools/grobal.js" type="text/javascript"></script> <script src="../1tools/select_css.js" type="text/javascript"></script> <link rel="stylesheet" href="../1tools/common.css" type="text/css"> </head> <body id="top" onLoad="setStyle();"> <div style="position:absolute; z-index:1; top:0px; left:41px;"> <div id="HeaderShadow"></div> </div> <div style="position:absolute; z-index:2; top:0px; left:41px;"> <div id="HeaderImage"></div> </div> <div style="position:absolute; z-index:3; top:350px; left:460px; width:269px; height:87px; background:url('top_page/this_site_is.gifの相対パス') no-repeat; "> </div>  <table class="wide_10" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="wide_5" colspan="3" nowrap> <table class="wide_5" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="line" width="1" nowrap><img src="../0img/shim.gif" width="1" height="1"></td> <td class="textbgcolor wide_7" nowrap> <div id="wrapcontent"> <div id="content">  <div class="blank25"></div>  <table class="wide_7" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="PetitPaddingLeft" width="35" nowrap><div class="blank1"></div></td> <td class="wide_77" nowrap>   </td> <td class="PetitPaddingRight" width="35" nowrap><div class="blank1"></div></td> </tr> </table>  <div class="blank20"></div> <div class="blank20"></div>  <table class="wide_7" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="PetitPaddingLeft" width="35" nowrap><div class="blank1"></div></td> <td valign="top">  <div id="counter"> NO.<script language="JavaScript" src="count.php?mode=total&unique=1&length=8"></script> </div> <div class="blank10"></div> <table class="wide_77" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="top_page/english_letter.gifの相対パス" alt="counter_under"></td> </tr> <tr><td height="100"></td></tr> <tr> <td align="right"><img src="top_page/lovely.gifの相対パス" alt="lovely"></td> </tr> <tr><td height="50"></td></tr> <tr> <td align="right"><img src="../top_page/love_it.gifの相対パス" alt="loveit"></td> </tr> </table> <div style="position:relative; z-index:2; bottom:-34px; left:-35px;"> <a href="../grape1/"><img src="top_page/top_next_off.gifの相対パス" onmouseover="this.src='top_page/top_next_on.gifの相対パス'" onmouseout="this.src='top_page/top_next_off.gifの相対パス'"></a> </div>  </td> <td class="PetitPaddingLeft" width="35" nowrap><div class="blank1"></div></td> </tr> </table>  </div> </div>  <div id="PetitFooter"> <table class="wide_7" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="PetitPaddingLeft" width="35" nowrap><div class="blank1"></div></td> <td> <table class="wide_77" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="50%" nowrap><div class="blank1"></div></td> <td width="50%" align="right" nowrap><div class="navi_en" lang="en"><a href="http://www.petit.cc/" target="_blank">Petit Homepage Service</a></div></td> </tr> </table> </td> <td class="PetitPaddingRight" width="35" nowrap><div class="blank1"></div></td> </tr> </table> </div>  <div class="blank20" lang="ja"></div>  </td> <td class="line" width="1" nowrap><img src="../0img/shim.gif" width="1" height="1"></td> </tr> <tr> <td class="line" height="1" colspan="3" nowrap><img src="../0img/shim.gif" width="1" height="1"></td> </tr> </table> </td> <td class="shadow" width="5" nowrap><div class="blank1"></div></td> <td width="10" nowrap><div class="blank1"></div></td> </tr> <tr> <td width="5" height="5" nowrap><div class="blank1"></div></td> <td class="shadow wide_77" height="5" nowrap><div class="blank1"></div></td> <td class="shadow" width="67" height="5" nowrap><div class="blank1"></div></td> <td class="shadow" width="5" height="5" nowrap><div class="blank1"></div></td> <td width="10" height="5" nowrap><div class="blank1"></div></td> </tr> </table> </body> </html>
を入力してください。

※ 画像の相対パスを入力する箇所がたくさんあります。要確認！
※ 上から３行目の「<title>」のあとには、あなたのプチのタイトルを入力してください。

カスタマイズの前に

まずは画像アップロード

基本カスタマイズ

プチラボ

写真フレーム

詳細カスタマイズ