完全カスタマイズ例

BACK NEXT SAVE LOAD
JUMP
pages
1 ページ 3 ページ 5 ページ 7 ページ

HTML ソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>WCR Comic Viewer - 完全カスタマイズ例</title>
  <link rel="stylesheet" type="text/css" href="/css/sample.css" />
  <link rel="stylesheet" type="text/css" href="/css/custom.css" />
  <link rel="shortcut icon" href="/images/favicon.ico" />
  <script type="text/javascript" charset="UTF-8" src="http://viewer.webcomicranking.com/js/wcrcv.js"></script>
</head>
<body>

<h1>完全カスタマイズ例</h1>

<div class="centering_ie">
<div id="wcrcv_canvas">
  <div id="wcrcv_msg"></div>
  <div id="wcrcv_page"></div>
  <div id="wcrcv_menu">
    <div class="left">
      <img src="/custom/back.gif" alt="BACK" id="wcrcv_back" />
      <img src="/custom/next.gif" alt="NEXT" id="wcrcv_next" />
      <img src="/custom/save.gif" alt="SAVE" id="wcrcv_save" />
      <img src="/custom/load.gif" alt="LOAD" id="wcrcv_load" />
    </div>
    <div class="left">
      <strong>JUMP</strong> <input type="text" id="wcrcv_num" />
    </div>
    <div id="wcrcv_pages">pages</div>
    <div class="clear"></div>
  </div>
</div>
</div>

<div class="page_jump"><a href="#p1">1 ページ</a> <a href="#p3">3 ページ</a> <a href="#p5">5 ページ</a> <a href="#p7">7 ページ</a></div>

<ul>
  <li><a href="sample/00.gif"></a></li>
  <li><a href="sample/01.gif"></a></li>
  <li><a href="sample/02.gif"></a></li>
  <li><a href="sample/03.gif"></a></li>
  <li><a href="sample/04.gif"></a></li>
  <li><a href="sample/05.gif"></a></li>
  <li><a href="sample/06.gif"></a></li>
</ul>

<h2>HTML ソース</h2>

：

</body>
</html>