html留言板

html留言板,第1张

<?php

//开启SESSION,启用SESSION变量检查表单是否重复提交

session_start()

$title="留言"

include("include/header.php")

include("include/class.imobj.php")//检查表单,符合要求的留言插入数据库

$sub=$_POST['sub']//防止恶意留言代码并规划文本格式

function clean($string){

$string = stripslashes($string)

$string = addslashes($string)

$string = htmlspecialchars($string)

$string = strip_tags($string)

$string = trim($string)

$string = nl2br($string)

$string = substr($string,0,250)

return $string

}

//判断表单

if (!empty($_POST['name'])&&!empty($_POST['email'])&&!empty($_POST['message'])&&$_SESSION["userlastaction"]<$_POST["lastaction"]) {

if (!strcasecmp($_POST['checknum'],$_SESSION['chenknum'])){

$name=clean($_POST['name'])

$email=clean($_POST['email'])

$message=clean($_POST['message'])

$_SESSION["userlastaction"]++

/*

include("include/conn_ruin.php")

$sql = "INSERT INTO guestbook (name,time_at,email,message) VALUES('$name',NOW( ),'$email','$message')"

$result = @mysql_query($sql,$conn)

mysql_close($conn)

*/

$error = 'Now , the message page isn\'t opening until i let it open! you can do anything if you can , trash!,'

}else {

$error = "出错:验证码错误! Warning: Authentication code error!"

}

}else {

$error ="出错:您的表单没有填写完整或重复提交,请重新检查内容或浏览其它感兴趣的页面!  Warning:You did not fill out forms, or to repeat. Please check. Or visit other pages!"

}//验证码部分

$check = new imobj()

$check->construct()

$check->createimg()

$_SESSION['chenknum'] = $check->getid()?>

<body id="me">

<div id="menu">

<ul>

<li id="home"><a href="home.php" title="首页">HOME</a></li>

<li id="blog"><a href="blog.php" title="博客">BLOG</a></li>

<li id="about"><a href="about.php" title="关于我">ABOUT</a></li>

<li id="message"><a href="message.php" title="给我留言">MESSAGE</a></li>

</ul>

</div>

<hr />

<div id="content">

<fieldset>

<div id="view"><?php if (!empty($error)&&$sub=="true") echo "<span style=\"color:#fffbackground:redfont-weight:boldfont-size:12px\" >$error</span>" ?>

<hr /> <?php

include("include/conn_ruin.php")//分页部分 //取得留言总条数

$sql = "SELECT COUNT(*) FROM guestbook"

$result=mysql_query($sql,$conn)

$mes_number = mysql_fetch_row($result)//设置每页显示条数

$every_number = 12

//获取最后的页数

$last_page_number = floor($mes_number[0] /$every_number)+1//获取当前所请求的页码

if (empty($_GET['page']) || $_GET['page']<1)

{

$page=1

} else if ($_GET['page']>$last_page_number)

{

$page=$last_page_number

}else {

$page = $_GET['page']

} //echo "everynumber:".$every_number."

".$last_page_number."

".$page//获取LIMIT参数

$a = ($page-1)*$every_number//echo "

$a"//读取数据库并显示留言 $sql ="SELECT * FROM guestbook ORDER BY time_at DESC LIMIT $a,$every_number"

$result=mysql_query($sql,$conn)

echo "<table>"

while($row = mysql_fetch_row($result))

{

echo "<tr class=\"title\"><td>"

echo "<b>".$row[1]."</b> | ".$row[2]."</td></tr>"

echo "<tr class=\"mess\"><td>"

echo $row[4]."</td></tr>"

}

echo "</table>"

mysql_close($conn)?>

</div>

<hr />

<a href="message.php?page=1">首页</a> <a href="message.php?page=<?=$page-1?>">上一页</a> <a href="message.php?page=<?=$page+1?>">下一页</a> <a href="message.php?page=<?=$last_page_number?>">末页</a>

<hr />

<div id="writein">

<h4>填写您的留言,如需站长回复,请务必填写您的真实E-Mail</h4>

<form name="test" onSubmit="return CheckForm()" action="message.php" method="post">

姓名[name]:<input type="text" name="name" maxlength=15 /> 邮箱[email]:<input type="text" name="email" maxlength=50 />

<p>留言[message]:验证 : <input type="text" size="6" name="checknum" /> <img src ="img.php" /></p>

<p><textarea cols="62" rows="5" name="message"></textarea></p>

<input type="hidden" name="sub" value="true" /><input type="hidden" name="lastaction" value=<?=$_SESSION["userlastaction"]+1 ?>/>

<input type="hidden" name="checknumc" value="<?=$numc?>" />

<p><input class="button" type="submit" value="提 交" /><input class="button" type="reset" value="重 写" /></p>

</form>

</div>

<hr />

</fieldset>

</div>

<?php include("include/footer.php") ?>

</body>

</html>很久以前写的一个PHP留言板,防不了垃圾留言

html+css制作的只是前台页面

CSS代码

这里重点注意的就是 .ds-avatar 的背景要和页面背景一致,这样就能展示出凹进去的效果。

body {background:#333}

.ds-post-main {position:relative width:500px}

.ds-avatar {position:absolute top:20px width:31px height:31px padding:5px background:#333border-radius:50%}

.ds-avatar a {display:block width:31px height:31px background:#01cc01 border-radius:50%}

.ds-comment-body {margin-left:20pxpadding:10px 10px 10px 30px height:80pxbackground:#01644f}

HTML代码

这是多说留言评论的结构,其实wordpress也可以这样的。

<div class="ds-post-main">

<div class="ds-avatar">

<a href="#nogo" > </a>

</div>

<div class="ds-comment-body"> </div>

</div>

美化留言评论样式

添加质感:这里主要使用CSS3的圆角(border-radius)、阴影(box-shadow)来实现质感

交互设计:达人使用的交互只是一个简单的CSS3旋转动画(transform:rotate),当然可以使用更多的动画效果来,不过不建议搞得过于花哨。

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>留言板</title>

</head>

<body>

<table width="750" cellspacing="3" cellpadding="0" id="table1">

<tr>

<td width="250" bgcolor="#FFCCFF"> </td>

<td width="250" bgcolor="#CCFFCC"> </td>

<td width="250" bgcolor="#CCFFFF"> </td>

</tr>

<tr>

<td height="200" bgcolor="#FFCCFF"> </td>

<td height="200" width="250" style="border:1px red solid">

此处为留言板

<iframe name="I1" src="liuyan.asp" height="200" width="250" marginwidth="1" marginheight="1" scrolling="no" border="1" frameborder="1"></iframe>

<!--不要边框 frameborder="1",ASP制作的留言版src="liuyan.asp",要滚动条scrolling="yes"-->

</td>

<td height="200" bgcolor="#CCFFFF"> </td>

</tr>

<tr>

<td bgcolor="#FFCCFF"> </td>

<td bgcolor="#CCFFCC"> </td>

<td bgcolor="#CCFFFF"> </td>

</tr>

</table>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6124386.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存