图片如何加框

    这个效果挺好看的,其实是校内上相册的效果,有同学问,就简单写一下,挺简单的。如果变化模板的话还得再改一次……

    比如这个Simple White风格,在Skin 目录下找到这个文件夹,其下又个layout.css,找到如下这么一行

CSS代码
  1. /*—日志内容框–*/  
  2.   .Content-body img {background-colorimportant;border1px solid #FFFFFFmargin0pxpadding3px;} 

将其替换为如下代码即可实现现在的SourBell上的效果了:

CSS代码
  1. /*—日志内容框–*/   
  2. .Content-body img {border:1px solid #006699;margin:0px; padding:3px;background:#FFFFFF;}  
  3. .Content-body a:hover img { border:1px solid #FD0085; background:#FFFFFF;} 

    其中,第2行的border属性中的#006699为常规状态下边框颜色,为了统一风格我设置为simple white的默认字体颜色。同理,第3行里border属性中的#FD0085就是simple white中超链接的粉色,两个background好像影响不大,这些都可以自己修改,嗯哼。

    这样的效果必须图片有超链,如果没有,那只有一个外框,鼠标移上去没有变化。另外好像在IE下显示跟FF下又点区别,我在FF下显示是正常的,IE很少用,所以也懒得去管了。

《图片如何加框》有4个想法

  1. 收到,感谢非常!

    不揣冒昧再问一下:当图片设置为[img=left]时,我博上的图片与文字紧贴在一起。
    这个参数在哪里设置?

    ps1:链接已加。为了统一,起名为“贝尔的 | 单身记”。不知是否妥当。

    ps2:嗯哼,你是不是得了老六综合症?

  2. 我没明白问题……你用的是ubb还是fck?你是想实现什么样的效果?
    PS1:那样的就可以了,我在想用什么名字去申请呢,呵呵,我这儿比较简单,没几个人,就这样挂在下面没意见吧?
    PS2:大约也许吧……挺好玩的,我也很少说的,嗯哼~

  3. 我用的是UBB。
    当图片属性写成[img=left]时,图片会与文字紧贴在一起。
    我想实现的效果就是图片与文字的间距大一些。

发表评论

电子邮件地址不会被公开。 必填项已用*标注