WordPress | 给你的文章标题等加上阴影

前一段在网上转,看到好多博客真的是太漂亮了,看的我直流口水。没办法,我也没有学过php、css。只能硬着头皮在那看人家的代码了。
哎,你还别说,还真看懂了。其实程序代码就是一种理念,都是人写的。无法就是语言不同而已,思维都大相径庭,无非就是让计算机去干活而已~


好了废话说多了,看图
image

怎样能看出文字飘起来的感觉了吗!
如果想看如何操作就进来看吧~简单到你想哭!注意:有些浏览器不支持这么高级的css3哈哈

首先在你的style.css中找到你的文章标题的定义

如我的

.post .content h2{ margin:0 0 12px 0; border-bottom:1px dotted #CCC;}

在最后面的”}”,然后

 

前添加:

text-shadow: 1px 1px 3px #666;

添加完后的效果:
.post .content h2{ margin:0 0 12px 0; border-bottom:1px dotted #CCC;text-shadow: 1px 1px 3px #666;}

因为网络上好多高手,也不给对照,直接说,弄的我们这些菜鸟跟云里雾里,所以我弄个对照出来!哈哈

你们可不要把我的直接复制上去袄,因为每个人的主题都不同,所以 还是先看看自己的css样式大致意思在操作!
最后:上传文件,刷新就可以看到效果了

我的标签等就是这个定义的! .post .content .meta .tag

如果你想修改全部页面,当然找body部分了

以上操作可以看到效果的浏览器包括:Firefox 3.5, Chrome 2.0, Opera 9.5, Safari 4.0

 

 

本文参考老肥博客

- THE END -
版权声明:
转载原创文章请注明,文章出处://kinggoo.com
原文地址:https://kinggoo.com/xtyy-wp-titleaddshadow.htm
发表评论?

0 条评论。

发表评论


此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据