下面是我用vici框架写的留言板,很简单,主要是学习vici,入门还是有必要的。 guestbook.htm: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <mce:style type="text/css"><!-- body { color:#000000; font:12px/18px Tahoma,Arial,Simsun,"宋体"; } #contain { margin:auto; width:950px; height:auto; } .wtag { width:20px; height:100%; } .htag { height:20px; width:100%; } * { margin:0; padding:0; } #header { width:950px; height:auto; } .topInfo_wide { background:url("../img/navBg2.png") no-repeat scroll 0 15px transparent; height:34px; line-height:34px; padding-top:15px; position:relative; text-align:right; z-index:3; } .navList_wide { float:left; padding-left:2px; } .topInfo_wide .qsLink { color:#83A90D; font-weight:bold; } .navList_wide a { background:url("../img/navLineBg.png") no-repeat scroll right center transparent; color:#FFFFFF; display:inline; float:left; font-size:14px; padding:0 15px 0 13px; } a { color:#010101; text-decoration:none; } #content { width:950px; height:auto; } ul li { list-style:none outside none; } .leftcon { width:650px; height :auto; border :0px solid #cccccc; margin:0px; padding :5px 10px 5px 10px; float:left; } .rightcon { width:255px; height :auto; border :0px solid #cccccc; margin:0px; padding :5px 10px 5px 10px; float:right; } .guestbook_box { width:630px; height:100px; padding:5px 10px 5px 10px; margin:auto; background:none repeat scroll 0 0 #F0F5F8; } .box_top, .box_content { width:100%; height:auto; margin-bottom:20px; } .top_title { float:left; padding-left:10px; } .top_writer { float:right; padding-right:10px; font-size:14px; } .box_content_left { width:530px; height:auto; float:left; } .box_content_right { width:95px; height:auto; float:right; padding-top:30px; } .ulmesg li { border-bottom:1px solid #E3EEF8; } .boxcontent,.bookperson { font-size:12px; width:630px; height:auto; margin-bottom:20px; padding:5px 10px 5px 10px; } .guestcontent { width:530px; height:80px; padding-left:10px; float:right; } .help { width:100%; height:auto; border:1px solid #CCCCCC; margin-bottom:20px; overflow:auto; } .spot_title { background:none repeat scroll 0 0 #F9F9F9; border-bottom:1px solid #ECECEC; color:#333333; font-size:12px; padding:3px 5px 4px 15px; } .shige { padding:5px 10px 5px 10px; line-height:20px; font-size:12px; } --></mce:style><style type="text/css" mce_bogus="1"> body { color:#000000; font:12px/18px Tahoma,Arial,Simsun,"宋体"; } #contain { margin:auto; width:950px; height:auto; } .wtag