yuan/jgb-partice-messageboard
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS美化調整

Browse Source
This commit is contained in:
Yuan Chiu 2020-04-10 00:01:13 +08:00
parent 9a84b6a869
commit 7f74d704a3
4 changed files with 34 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
htdocs/css/general.css
View File

@ -8,6 +8,7 @@
border: 1px black solid; border: 1px black solid;
border-radius: 5px; border-radius: 5px;
background: #0e6eff; background: #0e6eff;
color: #fff7dc;
color: white; color: white;
cursor: pointer; cursor: pointer;
@ -15,6 +16,12 @@
.btn:hover { .btn:hover {
opacity: 0.8; opacity: 0.8;
} }
.btn.green {
background: #178661;
}
.btn.red {
background: #ff0e5e;
}
.func-btn li { .func-btn li {
display: inline-block; display: inline-block;

3
htdocs/edit.php
View File

@ -57,8 +57,9 @@ else {
</li> </li>
</ul> </ul>
<ul class="func-btn"> <ul class="func-btn">
<li><input type="submit" class="btn" value="儲存"></li> <li><input type="submit" class="btn green" value="儲存"></li>
<li><input type="reset" class="btn" value="回復"></li> <li><input type="reset" class="btn" value="回復"></li>
<li><a href="index.php" class="btn">回首頁</a></li>
</ul> </ul>
</form> </form>
</section> </section>

4
htdocs/index.php
View File

@ -79,7 +79,7 @@ div.table-func {
<div id="main"> <div id="main">
<div class="func-btn"> <div class="func-btn">
<ul> <ul>
<li><a href="edit.php" class="btn">New</a></li> <li><a href="edit.php" class="btn green">New</a></li>
</ul> </ul>
</div> </div>
<section> <section>
@ -108,7 +108,7 @@ div.table-func {
<td class="table-row-func"> <td class="table-row-func">
<ul> <ul>
<li><a href="edit.php?id='.$item['id'].'" class="btn">Edit</a></li> <li><a href="edit.php?id='.$item['id'].'" class="btn">Edit</a></li>
<li><form action="save.php" method="post"><input type="hidden" name="id" value="'.$item['id'].'"><input type="hidden" name="delete" value="true"><input type="submit" class="btn" value="Delete"></form></li> <li><form action="save.php" method="post"><input type="hidden" name="id" value="'.$item['id'].'"><input type="hidden" name="delete" value="true"><input type="submit" class="btn red" value="Delete"></form></li>
</ul> </ul>
</td> </td>
</tr> </tr>

29
htdocs/view.php
View File

@ -24,6 +24,23 @@ $created_at = $item['created_at'];
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/general.css"> <link rel="stylesheet" href="css/general.css">
<title>Document</title> <title>Document</title>
<style>
article {
margin: 0 1.5em;
border: 2px brown dotted;
padding: 1em;
background: #fff7dc;
}
section ul.info {
margin-top: 3rem;
}
section ul.info li{
display: inline;
padding-right:3em;
}
</style>
</head> </head>
<body> <body>
<div id="container"> <div id="container">
@ -35,15 +52,15 @@ $created_at = $item['created_at'];
<ul> <ul>
<li><a href="index.php" class="btn">Index</a></li> <li><a href="index.php" class="btn">Index</a></li>
<li><a href="edit.php?id=<?php echo $id; ?>" class="btn">Edit</a></li> <li><a href="edit.php?id=<?php echo $id; ?>" class="btn">Edit</a></li>
<li><form action="save.php" method="post"><input type="hidden" name="id" value="<?php echo $id; ?>"><input type="hidden" name="delete" value="true"><input type="submit" class="btn" value="Delete"></form></li> <li><form action="save.php" method="post"><input type="hidden" name="id" value="<?php echo $id; ?>"><input type="hidden" name="delete" value="true"><input type="submit" class="btn red" value="Delete"></form></li>
</ul> </ul>
</div> </div>
<section> <section>
<ul> <h2><?php echo $title; ?></h2>
<li><?php echo $title; ?></li> <article>
<li><?php echo $content; ?></li> <?php echo $content; ?>
</ul> </article>
<ul> <ul class="info">
<li>最後修改：<?php echo $updated_at; ?></li> <li>最後修改：<?php echo $updated_at; ?></li>
<li>建立時間：<?php echo $created_at; ?></li> <li>建立時間：<?php echo $created_at; ?></li>
</ul> </ul>