博客头像加边框一直是我的一大心病,作者开发程序的时候压根没往这方面想,导致CSS内无法加入,我仔细研究了想尽量不修改PHP文件,在,模板内完成,但无法完美执行,那样做的结果是区域内的所有图片皆加边框,无法区分头像与表情图…… 无奈,还是要修改PHP文件!以下为我根据自己模板修改的,可参照!

演示可看我的留言板部分!

留言板部分修改
找inc/boblog_class_run.php   434行


$replycontent="\"\"
{$replycontent}
";




padding-{$avatarposition2}: 5px;


改为

padding: 3px;


(删掉的那个代码我不知道是什么东西,但我知道它影响美观!这里设置的是头像边线距离头像的距离,你可以按照你喜欢的距离设置像素)

紧跟着后面加

margin-left:5px;


(头像和区域内文字的左边距,根据自己的模板调试)

有内外边距了但没边线,那就加吧,紧跟着加

border: 1px solid #DDDDDD;



保存覆盖即可



评论部分修改

通过上面的修改不知道看明白没,下面我就说明:

同样的文件333行找:

padding-{$avatarposition2}: 5px;



替换为:

padding: 3px; margin-left:5px; border: 1px solid #DDDDDD;



是的,完了!上面的也是一步,我写详细了而已!想让大家明白要修改的是什么部分!

(我的inc/boblog_class_run.php文件以前修改楼层改过,所以上面说的行数不一定100%正确,放聪明点查找吧!如果你也想修改楼层看这里:http://www.kison.cn/post/342/)

Tags:bo-blog, 头像边框