Add a example page of score, tpl and css
This commit is contained in:
parent
a58c1bed3e
commit
1eac1fa295
3 changed files with 118 additions and 0 deletions
3
htdocs/css/score.css
Normal file
3
htdocs/css/score.css
Normal file
|
@ -0,0 +1,3 @@
|
|||
body {
|
||||
padding: 30px;
|
||||
}
|
5
onyx/include/public/score.php
Normal file
5
onyx/include/public/score.php
Normal file
|
@ -0,0 +1,5 @@
|
|||
<?php
|
||||
|
||||
if(!defined('ONYX')) exit;
|
||||
|
||||
$page = "public/score";
|
110
onyx/tpl/bootstrap/public/score.tpl
Normal file
110
onyx/tpl/bootstrap/public/score.tpl
Normal file
|
@ -0,0 +1,110 @@
|
|||
{extends file="layout.tpl"}
|
||||
|
||||
{block name=head}
|
||||
<link href="css/score.css" rel="stylesheet">
|
||||
{/block}
|
||||
|
||||
{block name=content}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<h3>TOP #10</h3>
|
||||
<table class="table">
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>a</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>b</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>c</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>4</td>
|
||||
<td>d</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>5</td>
|
||||
<td>e</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>6</td>
|
||||
<td>f</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>7</td>
|
||||
<td>g</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>8</td>
|
||||
<td>h</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>9</td>
|
||||
<td>i</td>
|
||||
</td>
|
||||
<tr>
|
||||
<td>10</td>
|
||||
<td>j</td>
|
||||
</td>
|
||||
</table>
|
||||
</div>
|
||||
<!-- example -->
|
||||
<div class="col-md-10">
|
||||
<div class="jumbotron">
|
||||
<h1>Example</h1>
|
||||
<p>This is a example</p>
|
||||
<p>This is a example</p>
|
||||
<p>This is a example</p>
|
||||
<p>This is a example</p>
|
||||
<p>This is a example</p>
|
||||
<p>This is a example</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="carousel-team" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<div class="well">
|
||||
<center><h1>Team Alpha</h1></center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="well">
|
||||
<center><h1>Team Beta</h1></center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="well">
|
||||
<center><h1>Team Gamma</h1></center>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="well">
|
||||
<center><h1>Team Delta</h1></center>
|
||||
</div>
|
||||
<!--div class="carousel-caption">
|
||||
<p>#</p>
|
||||
<p><a href="#">#</a></p>
|
||||
</div-->
|
||||
</div>
|
||||
</div><!-- .carousel-inner -->
|
||||
<!-- next and previous controls here
|
||||
href values must reference the id for this carousel -->
|
||||
<!--a class="carousel-control left" href="#carousel-team" data-slide="prev">‹</a>
|
||||
<a class="carousel-control right" href="#carousel-team" data-slide="next">›</a-->
|
||||
</div><!-- .carousel -->
|
||||
|
||||
{/block}
|
||||
{block name=end}
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#carousel-team').carousel({
|
||||
interval: 4000 })
|
||||
});
|
||||
</script>
|
||||
{/block}
|
Reference in a new issue