| Server IP : 122.155.177.87 / Your IP : 122.155.177.87 Web Server : Apache/2 System : Linux cat177-87.static.lnwhostname.com 3.10.0-1160.62.1.el7.x86_64 #1 SMP Tue Apr 5 16:57:59 UTC 2022 x86_64 User : apache ( 994) PHP Version : 5.3.29 Disable Function : dl,eval,exec,mail,passthru,popen,posix_getpwuid,posix_kill,posix_mkfifo,posix_setegid,posix_seteuid,posix_setgid,posix_setpgid,posix_setsid,posix_setuid,posix_uname,proc_close,proc_open,putenv,shell_exec,show_source,system MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/moungngam/domains/moungngam.go.th/public_html/webboard/ |
Upload File : |
<?php
ob_start();
include("config.inc.php");
/* =========================
CONNECT DATABASE
========================= */
mysql_connect($host, $user_db, $passwd_db) or die("Connect Database Error");
mysql_select_db($dbname) or die("Select Database Error");
mysql_query("SET NAMES tis620");
/* =========================
ѹѨغѹ
========================= */
$chk_date = date("Y-m-d");
/* =========================
֧šзش 3 з
========================= */
$sql = "SELECT *
FROM webboard_data
WHERE Category='board'
ORDER BY No DESC
LIMIT 0,3";
$result = mysql_query($sql) or die(mysql_error());
?>
<!DOCTYPE html>
<html lang="th">
<head>
<meta charset="tis-620" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>дҹǹ (-ͺش)</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@500;600;700;800&family=Sarabun:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style type="text/css">
:root{
--ink-navy:#5B3A96;
--ink-navy-d:#2E1B54;
--canal-teal:#8E5FC2;
--canal-teal-d:#6B3FA0;
--rice-gold:#E4649C;
--rice-gold-d:#C6437E;
--paper:#FAF6FC;
--paper-2:#F1E8F8;
--charcoal:#2B2B2B;
--line:#E4D6F0;
--shadow:0 6px 24px rgba(27,58,92,0.08);
--radius:14px;
--font-body:'Sarabun',sans-serif;
--font-display:'Kanit',sans-serif;
}
*{box-sizing:border-box;}
body{
margin:0;
padding:0;
background:var(--paper);
font-family:var(--font-body);
color:var(--charcoal);
line-height:1.7;
}
.board-wrapper{
max-width:1180px;
margin:0 auto;
padding:40px 20px 56px;
}
.eyebrow{
font-family:var(--font-display);font-weight:700;letter-spacing:.06em;
color:var(--canal-teal);text-transform:uppercase;font-size:13px;margin:0 0 8px;
}
.section-title{
font-family:var(--font-display);
font-size:clamp(22px,3vw,30px);
font-weight:700;
color:var(--ink-navy);
margin:0 0 6px;
}
.section-sub{
color:#5b5b5b;
margin:0 0 28px;
font-size:15px;
}
.section-sub a{
color:var(--canal-teal-d);
text-decoration:none;
}
.section-sub a:hover{
text-decoration:underline;
}
.board-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.board-card{
background:#fff;
border:1px solid var(--line);
border-radius:var(--radius);
box-shadow:var(--shadow);
overflow:hidden;
display:flex;
flex-direction:column;
}
.board-q{
padding:18px 18px 14px;
border-bottom:1px dashed var(--line);
}
.board-q a{
color:var(--rice-gold-d);
text-decoration:none;
font-weight:600;
font-size:16px;
font-family:var(--font-display);
}
.board-q a:hover{
text-decoration:underline;
}
.board-meta{
font-size:12.5px;
color:#7a7a7a;
margin-top:8px;
line-height:1.9;
}
.board-meta strong{
color:var(--charcoal);
}
.board-a{
padding:16px 18px;
background:#fafcfb;
flex:1;
}
.board-a .lbl{
color:var(--canal-teal-d);
font-weight:700;
font-size:13px;
margin-bottom:8px;
font-family:var(--font-display);
}
.board-a .who{
font-weight:600;
font-size:14px;
margin-bottom:6px;
}
.board-a .txt{
font-size:13.5px;
color:#444;
word-break:break-word;
}
.board-a .dt{
font-size:11.5px;
color:#999;
margin-top:10px;
}
.board-a .no-answer{
color:#999;
font-style:italic;
font-size:13.5px;
}
.answer-image{
margin-top:12px;
text-align:center;
}
.answer-image img{
max-width:100%;
border-radius:8px;
border:1px solid var(--line);
padding:3px;
}
.new-icon{
vertical-align:middle;
margin-left:5px;
}
.no-data{
text-align:center;
padding:60px 20px;
color:var(--rice-gold-d);
font-family:var(--font-display);
font-size:18px;
}
@media (max-width:980px){
.board-grid{ grid-template-columns:1fr; }
}
</style>
</head>
<body>
<div class="board-wrapper">
<p class="eyebrow">§ҡЪҪ</p>
<h2 class="section-title">дҹǹ (-ͺش)</h2>
<p class="section-sub">
ӶСõͺѺҡ˹§ҹشҡдҹǹҢͧ ͺ.ǧ ·
<a href="./webboard/webboard.php?Category=board">١дҹǹҷ ›</a>
</p>
<?php if (mysql_num_rows($result) == 0) { ?>
<div class="no-data">ѧբŤӶ</div>
<?php } else { ?>
<div class="board-grid">
<?php while ($row = mysql_fetch_array($result)) {
$No = $row["No"];
$Question = $row["Question"];
$Name = $row["Name"];
$Date = substr($row["Date"], 0, 10);
$Reply = $row["Reply"];
/* ѴͤӶԹ */
if (strlen($Question) > 120) {
$Question = substr($Question, 0, 120) . " ...";
}
?>
<div class="board-card">
<!-- ================= QUESTION ================= -->
<div class="board-q">
<a href="./webboard/show.php?Category=board&No=<?= $No ?>" target="_blank">
<?= $Question ?>
</a>
<?php if ($Date == $chk_date) { ?>
<img src="./webboard/pic/new2day.gif" border="0" class="new-icon">
<?php } ?>
<div class="board-meta">
: <strong><?= $Name ?></strong><br>
ѹ: <?= $Date ?> · ӵͺ: <strong><?= $Reply ?></strong>
</div>
</div>
<!-- ================= ANSWER ================= -->
<div class="board-a">
<div class="lbl">ӵͺش</div>
<?php
$sql_ans = "SELECT *
FROM webboard_ans
WHERE QuestionNo='$No'
ORDER BY No DESC
LIMIT 1";
$result_ans = mysql_query($sql_ans);
if ($result_ans && mysql_num_rows($result_ans) > 0) {
$ans = mysql_fetch_array($result_ans);
$ans_name = $ans["Name"];
$ans_msg = $ans["Msg"];
$ans_date = $ans["Date"];
$ans_photo = $ans["nphoto"];
?>
<div class="who"><?= $ans_name ?></div>
<div class="txt"><?= nl2br($ans_msg) ?></div>
<?php if ($ans_photo != "") { ?>
<div class="answer-image">
<img src="./webboard/picpost/<?= $ans_photo ?>">
</div>
<?php } ?>
<div class="dt">ѹͺ: <?= $ans_date ?></div>
<?php } else { ?>
<div class="no-answer">ѧռͺӶ</div>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
<?php } ?>
</div>
<?php
mysql_close();
ob_end_flush();
?>
</body>
</html>