李思章

When your legs get tired, run with your heart.

  • 首页
  • 学学技术
  • 资源分享
  • 引领视觉
  • 个人杂烩
    • 我的马拉松
    • 我爱我家
    • 生活百态
  • 马拉松训练
  • 关于我们
菜单
  1. 首页
  2. 个人杂烩
  3. 给WordPress日志图片添加默认边框样式

给WordPress日志图片添加默认边框样式

2010/05 22
  • 4913 次点击
  • 个人杂烩
  • 4 条评论

很多WordPress的日志内容里或多或少地会添加一些图片,但不是所有的WordPress日志图片都带样式,本文就教大家如何简单实现WordPress日志图片添加边框样式。

以35款不同风格的RSS图标下载为例,文章里有很多图片,但所有的图片都是原生态的,没什么修饰,看起来有点呆板,如果在内容页面里添加上默认的样式表,让图片自带上边框,效果一定会不错。

首先,我们要先确认在哪里定义图片的CSS样式,本文讲的是对日志内容里的图片进行修饰,那图片的CSS样式肯定要放在内容样式下了,看图:

http://www.xbaidu.net/pic/images/2010052212.gif

我们在博客里随便找到一篇日志,之后选中日志内容的开头查看源码,千百度的内容开始源码如下:

到这里,我们就可以确定图片样式应该放在postcontent样式表里面了,于是去后台的主题编辑,编辑style.css,CTL+F,找到“postcontent”,之后在其下添加代码:

div.postcontent img { padding:3px 3px; border:#CCCCCC solid thin; }
div.postcontent img a { padding:3px 3px; border:#CCCCCC solid thin; }
div.postcontent img a:hover { padding:3px 3px; border:#FF0000 solid thin; }

这三行代码,就可以实现不带链接、带链接、鼠标放在链接上之后的效果,这里没定义图片大小,还可以添加上图片限制大小,在以后的教程中,我还会为大家献上。

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2012.12.28

    美国女生给我的六个惊诧(转)

    此文章转自QQ群里关心中国未来、中国教育的网…

  2. 没有图片

    2011.01.25

    WordPress引号半角自动转全角的解决办法

    修改WordPress安装目录/wp-inc…

  3. 没有图片

    2011.01.25

    用PHPMyAdmin批量替换MySQL内容的代码

    有时博客日志内容有些重复的内容需要批量替换成…

  4. 没有图片

    2010.06.24

    WordPress多站点域名绑定插件 WordPress 3.0 Domain Mapping 0.5.2

    随着Wordpress 3.0多站点功能的出…

  5. 没有图片

    2010.06.03

    Gravatar正式推出个人公开档案

    写博客的朋友都知道Gravatar,Grav…

  6. 没有图片

    2010.06.04

    UltraEdit-32 V16.10 烈火汉化绿色版

    UltraEdit是能够满足你一切编辑需要的…

评论

  • 4 评论
  1. G字头老大 2011.05.06 9:02下午

    请问如果想实现“相片堆叠”样式的图片边框效果,可以吗?

    回复
  2. goldmili 2011.02.12 11:45下午

    非常感谢!找了好久,终于在你这里找到解决的方法~~

    回复
  3. RuiAlessio 2011.01.31 4:57上午

    可是,如果日志内容的class不是postcontent而是content,和表情的class一致,上述方法就需要修正了。不然日志内容加了边框,表情也会被加上边框。

    回复
  4. Billow 2010.10.14 9:40上午

    感谢分享,正需要这个!我收藏了!

    回复
点击这里取消回复。

一组超炫丽的电脑桌面主题 Photo Story Platinum v3.5.0.12 绿色便携版 | 照片故事白金版

返回首页

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!

  • rss
  • Twitter
  • Facebook

最新日志

  1. 没有图片

    2018.11.22

    phpStudy 升级 MySQL 到最新版 MySQL 8.0
  2. 没有图片

    2018.01.03

    2017年终总结
  3. this is alt text

    2017.11.09

    2017年 蓝色星球2 高清版下载
  4. 2017.06.23

    豆瓣读书2016年度读书榜单(收藏)
  5. 2017.06.23

    推荐10到14岁儿童看的50本童书及推荐理由
  6. 2017.06.11

    Simple Lightbox – jQuery Lightbox插件

© 2009 李思章Themed by WP盒子

返回顶部