美化zblog评论输入框
zblog的皮肤,一般都不会去修改日志评论输入框,原来怎样,现在就怎样。或许,这也是一种特色,用的什么blog程序总能从输入框、页码显示效果等找出一点倪端。不过,我想,完美的皮肤应该还是会在意这一块的美化,否则白色的背景和输入框又怎么和那么多色彩均配合得能完美逼近无暇呢?
zblog的评论输入框位置修改自然在模板里,是b_article_commentpost.html,而验证码是b_article_commentpost-verify.html。默认的验证码被拉伸了,其高度宽度可以在这里修改width和heigth值,默认的是50和11;边框颜色也在这里,img的style里的border;缩小后的验证码会往上走,我顺道加了个padding-top:2px;以使其看起来上下居中。
在b_article_commentpost.html里,有个<#template:article_commentpost-verify#>是验证码的标签。我把姓名和验证码调为一行,代码为:
<p><label for="inpName"><#ZC_MSG001#>:</label><input type="text" name="inpName" id="inpName" class="text" value="" size="28" tabindex="1" /><label for="inpName">(必填)</label><#template:article_commentpost-verify#></p>
至于下面什么网站、邮箱的自己琢磨了。<#ZC_MSG055#>这类标签是文字标签,对应的是LANGUAGE/SimpChinese.asp。不过不用查,根据位置就应该能猜到大概地方。
其实最关键一点是CSS,如果用过浏览器CSS查看工具的会很容易知道输入框的CSS大部分没写。
/*名字输入框*/
#inpName{width:150px;border:1px solid #9455c6;background:none;height:11px;}
/*验证码输入框*/
#inpVerify{width:50px;border:1px solid #9455c6;background:none;height:11px;}
/*邮箱输入框*/
#inpEmail{width:300px;border:1px solid #9455c6;background:none;height:11px;}
/*网站地址输入框*/
#inpHomePage{width:300px;border:1px solid #9455c6;background:none;height:11px;}
/*正文输入框*/
#txaArticle{border:1px solid #9455c6;background:none;}
以上输入框都可以分别定位width、height、border(边框)、background(背景),当然,也可以放入背景图。根据皮肤适当修饰即可。
找星铃丹聊个五毛
星铃丹Q群:86821220
星铃丹Q号:86821220
星铃丹微信:86821220