这几天在看CSS，顺便试着做做WP主题，昨天遇到一个问题，上面是我在PS中想象的样式，文章是随便复制的，请无视～～
我想把边栏的内容文字的背景颜色弄成#2b2b2b的～哈～
于是就使劲的设置sidebar的li，但是问题来了<li>是块元素啊～如果设置background-color就会一整块被变色，就像下面一样～
- 啦啦啦，啦啦啦啦啦，啦啦啦，我是卖报的小行家～～
- 咿呀爹 呀灭爹～～
- 哈哈哈哈啊哈哈哈哈 小霸王 其乐无穷
上面的代码是：
<ul>
<li style=”background:#3CC; color:#FFF; list-style:none”>啦啦啦，啦啦啦啦啦，啦啦啦，我是卖报的小行家～～</li>
<li style=”background:#ff7554; color:#FFF; list-style:none”>咿呀爹 呀灭爹～～</li>
<li style=”background:#00af4d; color:#FFF; list-style:none”>哈哈哈哈啊哈哈哈哈 小霸王 其乐无穷</li>
</ul>
然后我试着改列表的display属性，改成inline，这样可以使块元素转换为行内元素～
- 啦啦啦，啦啦啦啦啦，啦啦啦，我是卖报的小行家～～
- 咿呀爹 呀灭爹～～
- 哈哈哈哈啊哈哈哈哈 小霸王 其乐无穷
结果就是这样了，li都跑一行了….
但是wp的调用函数，比如<?php wp_list_cats>直接就是显示为li，我也不知道在哪修改，所以苦恼了好久…
今天随便看看好看的网站发现一个网站做的效果和我的差不多，于是看了他的CSS..
结果发现问题可以非常简单的解决…
WP调用的这些分类啊，最新文章之类的都是了链接啊～我改不了li但是可以改<a>的属性啊～哈哈 真是白痴了下～～
看下面的效果～
以上的代码是：
<ul>
<li style=”list-style:none;”><a style=”background:#3CC; color:#FFF;”>啦啦啦，啦啦啦啦啦，啦啦啦，我是卖报的小行家～～</a></li>
<li style=”list-style:none;”><a style=”background:#ff7554; color:#FFF;”>咿呀爹 呀灭爹～～</a></li>
<li style=”list-style:none;”><a style=”background:#00af4d; color:#FFF;”>哈哈哈哈啊哈哈哈哈 小霸王 其乐无穷</a></li>
</ul>
哈哈～当然这不是大问题啦，不过我没想到，所以很开心能解决～～嘿嘿～～
不过现在还有个问题啦～～就是<blockquote>了～它也是块元素，我想做成图片右下的效果，这次没有其他标签帮忙了～看来只能舍弃了啊
你说不给我看的，结果就放在这公开了。
咿呀爹 呀灭爹～～这是什么东西啊？我完全看不懂，请楼主解释一下。
[回复]
smigoo 回复:
八月 23rd, 2009 at 18:51
我不想给你看的东西没截图下来啊～～啊哈哈～不过想再重新弄了…
咿呀爹 呀灭爹～～是我从友邻日本学到的，意思就是“你好啊，吃过了吗”
[回复]
SoleilNeon 回复:
八月 23rd, 2009 at 19:03
哦，原来是这个意思哦，日本人还真有礼貌，我看的电影中，他们老是把这两句挂在嘴边。
[回复]
smigoo 回复:
八月 23rd, 2009 at 19:40
哈哈 那你一定知道
ki-mo-qi(chi)-i-i就是吃饱了～～哈哈
[回复]
汗……楼上
[回复]
smigoo 回复:
八月 23rd, 2009 at 19:46
文明城市 从礼貌用语普及
[回复]
做一个这样的主题要多长时间啊 。
[回复]
smigoo 回复:
八月 23rd, 2009 at 20:42
一般比较强大的用个框架 说不定2天就OK了…不过我的话就久了….
[回复]
d4z 回复:
八月 23rd, 2009 at 20:51
哎呀 我还想找你帮忙做主题呢如果我哪天要搞独博的话 。。
[回复]
smigoo 回复:
八月 23rd, 2009 at 21:45
哈哈 那好 等我做好了 你看看我的风格适合不～
[回复]
额，，，主要看“咿呀爹 呀灭爹～”去了，。。。
[回复]
smigoo 回复:
八月 23rd, 2009 at 23:26
哈哈～～
[回复]
你是技术人才~
[回复]
截图上看挺不错的。
[回复]
LX同学和你绝对是有的一拼了….. 甩…..咿呀..
[回复]
我也想自己做个blog~~~~~~
[回复]