API tools faq
paste
Advertisement
Guest User

Vanilla site

a guest
Apr 24th, 2015
204
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.97 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.     <title><% TITLE %></title>
  5.     <% CSS %>
  6.     <% JAVASCRIPT %>
  7.     <script type='text/javascript' src="http://crystal.s1.jcink.com/skins/butterflydreams/structure.js"></script>  
  8.     <script type='text/javascript' src='http://crystal.s1.jcink.com/skins/butterflydreams/tabscript.js'></script>
  9.     <script>
  10.     </script>          
  11.         <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  12.     </head>
  13.     <body>
  14.     <!-- Start Tabs -->
  15.     <div class="side">
  16.     <br />
  17.     <div align="center"><ul id='tab-strip'>
  18.      <li id='tab1' class='clickable'>Chat</li>
  19.      <li id='tab2' class='clickable'>Staff</li>
  20.      <li id='tab3' class='clickable'>News</li>
  21.      <li id='tab4' class='clickable'>Links</li>
  22.     </ul></div>
  23.    
  24.     <br />
  25.  
  26.     <!-- Tab Content #1 -->
  27.  
  28.     <div id='tab1-content' class='tab-content'>
  29.     <div style="height: 4px;"></div>       
  30.     <div id='shoutbox' style="width: 50px;">
  31.     <div id='cat_-1'>
  32.         <table width='90%' border='0' cellspacing='0' align='center' cellpadding='4'>
  33.             <tr>
  34.                 <td class='row2' align='left'>
  35.                 <iframe name='dsb' id='shoutbox-iframe' src='sb_iframe.php?step=D2' width="200" height="350" frameborder="0" style="border: 0px solid;border-top:0px; background-color: transparent; padding: 10px;" name="shoutbox-custom" allowtransparency="yes" scrolling="yes" marginwidth="2" marginheight="2"></iframe>
  36.                 <form target='dsb' action='?act=Shoutbox&viewing=d2iframe' name='GSHOUT' method='post'>
  37. <input type='text' size="28" name='Post' class='forminput sbinputbox' placeholder="message"><input type='submit' name='submit' value='Go!' class='forminput'>
  38. <br />
  39. <div style="float: right;"><a href=''>clear</a> · <a href='javascript:void(0);' OnClick='javascript:emo_popb();'>smilies</a> · <a href='javascript:void(0);' onclick="parent.dsb.location.href = 'sb_iframe.php?step=D2';">refresh</a> · <a href='index.php?act=Shoutbox'>history</a></div>
  40.  
  41.                 </form>
  42.                 </td>
  43.             </tr>
  44.             </table>
  45.         </div>
  46.     </div>
  47.     <br />
  48.  
  49.  
  50.     </div>
  51.  
  52.  
  53.     <!-- Tab Content #2 -->
  54.  
  55.     <div id='tab2-content' class='tab-content'>
  56.     <div style="width: 180px; height: 450px; padding-left:25px;"><marquee behavior="scroll" height="450" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
  57. <center><div class="staff"><br />
  58. <img src="http://placehold.it/150x150" style="border: 4px double #703e3b;"><br /><br />
  59. <a href="Link" class="staff2">Character #1</a>
  60. <a href="Link" class="staff2">Character #2</a>
  61. <a href="Link" class="staff2">Introduction Thread</a></div></div>
  62. </center><br />
  63.  
  64. <center><div class="staff"><br />
  65. <img src="http://placehold.it/150x150" style="border: 4px double #703e3b;"><br /><br />
  66. <a href="Link" class="staff2">Character #1</a>
  67. <a href="Link" class="staff2">Character #2</a>
  68. <a href="Link" class="staff2">Introduction Thread</a></div></div>
  69. </center><br />
  70.  
  71. <center><div class="staff"><br />
  72. <img src="http://placehold.it/150x150" style="border: 4px double #703e3b;"><br /><br />
  73. <a href="Link" class="staff2">Character #1</a>
  74. <a href="Link" class="staff2">Character #2</a>
  75. <a href="Link" class="staff2">Introduction Thread</a></div></div>
  76. </center>
  77.     </marquee></div></div>
  78.  
  79.     <!-- Tab Content #3 -->
  80.  
  81.     <div id='tab3-content' class='tab-content'>
  82.         <center><div style="width: 210px; height: 435px; overflow-y: scroll; overflow-x: hidden;">
  83. <div class="newsdate">Title, 6.6.14</div>
  84. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  85.     </div></div><br />
  86.  
  87. <div class="newsdate">Title, 6.5.14</div>
  88. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  89.     </div></div><br />
  90.  
  91. <div class="newsdate">Title, 6.4.14</div>
  92. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  93.     </div></div><br />
  94.  
  95. <div class="newsdate">Title, 6.3.14</div>
  96. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  97.     </div></div><br />
  98.  
  99. <div class="newsdate">Title, 6.2.14</div>
  100. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  101.     </div></div>
  102.  
  103. <div class="newsdate">Title, 6.1.14</div>
  104. <div class="newsbg"><div class="news">Place important news or updates here, and let everyone know what is going on in the forum and new events to join in on.
  105.     </div></div></div><br />
  106.  
  107. </div>
  108.  
  109. <!-- Tab Content #4 -->
  110.  
  111. <div id='tab4-content' class='tab-content side-links'>
  112. <center><div class="linksp"><a href="Link" class="sidelink">Example Link #</a>
  113. <a href="Link" class="sidelink">Example Link #</a>
  114. <a href="Link" class="sidelink">Example Link #</a>
  115. <a href="Link" class="sidelink">Example Link #</a>
  116. <a href="Link" class="sidelink">Example Link #</a>
  117. <a href="Link" class="sidelink">Example Link #</a>
  118. <a href="/index.php?act=Members" class="sidelink">Members</a>
  119. <a href="/index.php?act=Search&f=" class="sidelink">Search</a>
  120. <a href="/index.php?act=Help" class="sidelink">Help</a>
  121. </div></center>
  122. </div>
  123.  
  124. <!-- End Tabs -->
  125. </div>
  126. </center>
  127. </div>
  128. </center>
  129. </div>
  130. <!-- End Tabs -->
  131.  
  132. <table width="100%" id="userlinks" cellspacing="6">
  133.    <tr>
  134.     <td>Welcome Guest ( <a href='/index.php?act=Login&amp;CODE=00'>Log In</a> | <a href='/index.php?act=Reg&amp;CODE=00'>Register</a> )</td>
  135.     <td align='right'><a href='/index.php?act=Reg&amp;CODE=reval'>Resend Validation Email</a></td>
  136.    </tr>
  137.   </table>
  138.  
  139.  
  140.     <div id="wrapper">
  141.         <div id="logo">
  142.         <a href="index.php"><{LOGO}></a>
  143.         <div id="searchbar">
  144.             <div class="search-container">
  145.             <form action="index.php?act=Search&amp;CODE=01" method="post">
  146.                 <input type="hidden" name="forums" value="all">
  147.                 <input type="text" name="keywords" class="search-input" onfocus="this.value=''" value="Search...">
  148.                 <input type="submit" class="search-button">
  149.                 </form>
  150.             </div>
  151.         </div>
  152.         </div>
  153.         <div id="navi"><% NAVIGATION %></div>
  154.         <% BOARD HEADER %>     
  155.         <div id="innerwrapper">
  156.             <div id="board"><% BOARD %></div>
  157.             <div id="skin_selector">
  158.                 <% SKIN_SELECTOR %>
  159.             </div>
  160.         <div id='table-end'></div>
  161.             <% COPYRIGHT %>
  162.         </div>
  163.     </div>
  164.  
  165. <script>
  166. customIndex.init({
  167.     page: "<!-- |input_act| -->",
  168.     html: '<table width="100%" id="cfs-table"><td width="100%" class="row4" valign="top"><div id="cfs-title">{%link}</div><div id="cfs-lastpost">{%lp-title} by {%lp-author} <abbr title="{%lp-date}">{%lp-date}</abbr></font></span></div> <table width="100%"><tr><td align="center"><table id="stats-and-desc"><td><div id="cfs-posts-topics">{%topics} topics</div><div id="cfs-posts-topics">{%replies} posts</div></td><td width="100%" style="border: 2px solid #d3c8b4; padding:1px; width: 745px;"><div id="cfs-desc">{%description}</div></td></table></td></tr></table><div id="cfs-subforums">{%subforums}</div></td></table><div class="row4"></div>'
  169. });
  170.  
  171. customStats.init({
  172. html: '<div class="row4" width="100%"><table width="100%"><td width="25%"><div class="stats-info-boxes">{%users} User(s) Online<br /> {%users#guests} Guests(s)</div> <div class="stats-info-boxes">Our members have made a total of {%stats#posts} posts.</div> <div class="stats-info-boxes">{%stats#members} Members Registered</div></td><td width="75%"><div class="stats-header"><a href="index.php?act=Online&CODE=listall&sort_key=click">Members Online</a></div><div class="stats-bg">{%users#list}</div><div class="stats-header">Members Online Today</div><div class="stats-bg">{%online-today#list}</div><div class="stats-header">Most users ever online in one day was {%stats#most}</div></td></table></div>'
  173. });
  174.  
  175. $("#cfs-subforums").each(function(){$(this).html($(this).html().replace(/</a>,/g,"</a> •"))});
  176. </script>
  177.  
  178.     </body>
  179. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!