*学习*思考* — 16 comments
10
九 09
昨天急急忙忙就把主题应用起来了，本来想图省事不管IE6的问题的，因为看到一个很知名的设计网站在IE6中竟然出现了边栏下掉的问题～哈哈～
但是和好多朋友聊了下发现很多人还在用IE6…还有后台的访问也是高达30%+的IE6…所以还是准备解决掉IE6的PNG透明问题。
最初接触到的是这两个方法：twinhelix的iepngfix和unitpngfix，两个方法类似，都是利用一个1像素的gif透明图片来帮助PNG透明，这两个方法中iepngfix更为强大一些，看似文件多了一点，其实还是只有两个文件。而unitpngfix更简单，只有1kb的js。可是又有一个很严重的问题，当遇到定位，如float来显示并排div之类的，或者backgrond-position和background-repeat，图片会被拉伸或者变形，设置定位显示不正常。
不过利用强大的Google搜到了DD_belatedPNG，这个方法的非常强大，支持图片，支持图片背景，支持背景定位，背景重复，甚至支持a:hover，哈哈～～有救鸟～～
使用也很简单：
1.首先在这里下载完整版(12kb)或者是简略版(7kb)，我也不知道具体有什么区别，不过我用的7kb的效果一样。PS：存储的文件名不要写错了，和以下代码配套的是DD_belatedPNG.js
2.然后在你的源文件的<header></header>间加入下面的代码：
/* —-指定IE6—– */
<!–[if IE 6]>
<script src=”DD_belatedPNG.js”></script>
<script>
/* ——DD_belatedPNG.js的文件名和路径要正确 ——*/
/* ——制定CSS选择器，之间用英文逗号隔开，另外链接的伪类需要指出，如：.example a:hover 下面是我需要透明的地方 —- */
DD_belatedPNG.fix(‘#colorful img,#header,#rss img,.formcontainer’);
</script>
<![endif]–>
如果不起作用的话你看看文件名或者路径有没有写错，再者绝对路径还有相对路径要弄清楚，还有加在<header></header>要小心不要嵌套在别的标签中，额，这是傻瓜问题么，不过我刚才就犯这样的错误了=。=
至此，解决完毕～
再放我喜欢的一首歌哈～Lily Allen的Fuck you～～不要说名字很低俗，是我很喜欢的哦，听后心情奇好无比～～～
一定要听哦，一定一定要听哦～～
音频片段：需要 Adobe Flash Player（9 或以上版本）播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
另外强求要求大家升级IE吧！！！！！！！！！！！！！！！拜托了～
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]–>
*学习*思考* — 11 comments
9
九 09
终于把主题完成了，因为是一边学习CSS一边尝试做主题的，所以期间那个波折呀…
当然最终我还是屈服于IE6的PNG图片问题上，那个IE png fix我用的没有效果，再研究下吧～不过定位我已经尽量正确了。我亲爱的朋友们，你们谁还在用IE6呀？谁还敢用IE6？我会深深的鄙视你的，所以你们换 个浏览器吧，那么喜欢IE的话也至少用IE7吧，或者IE8，或者遨游嘛～高级点的浏览器如果你知道我想你也换了，就不说了啊～
期间遇到一个问题，由于我之前的主题的内容区我改成600px了，我的图都是那么大的，而这次做的主题是550px的，我就想省事加了代码自适应，就和挖掘基一样。
不过发生一件奇妙的事，这段代码在挖掘基中正常，在我的Smigoo会被拉伸。
/* —宽度限制—- */
max-width:550px;
width:expression(this.width>550?”550px”:this.width);
/* —高度限制—- */
max-height:550px;
height:expression(this.height>590?”550px”:this.height);
这段代码在Smigoo中正常，在挖掘基会被拉伸。
/* —宽度限制—- */
max-width:550px;
width: expression(this.width >550&&this.width>this.height?550px:’auto’;);
/* —高度限制—- */
max-height:550px;
height: expresion(this.height >550?550px:’auto’;);
数字随便写的，高度我也没有规定限制，毕竟那么大的比较少啊～～～至此，在IE6中终于稍微正常些了，不过被压缩的还是很难看～以后还是尽量手动的改下图片～
大家如果需要试试吧，我也不清楚为什么了….
对了，不要忘记加个“overflow:hidden;”，以防万一啊～
下面要认真学习的是JS了～因为JS更灵活些～哈～～
对咯，听到MJ小时候唱的首歌，很喜欢呢～
音频片段：需要 Adobe Flash Player（9 或以上版本）播放音频片段。 点击这里下载最新版本。您需要开启浏览器的 JavaScript 支持。
网上找不到MJ的版本，这个是JamesTaylo的，据说小野丽莎也有个版本，不过我也没找到～～
*吃喝*玩乐* — 17 comments
1
九 09
明天某人就回学校咯～所以今天就出来玩了～
我们爬城墙的，今天最高就27度，不过没有风所以也是很闷热的。而且某人告诉我今天最高23度….所以我穿了件长袖…..=。=
爬上去后人还真的不多呢，就是好多草。
能看到鸡鸣寺，据说能绕南京城一周（除非某人骗我～>=<）。
哈哈～忽略我的摄影技术啊，我只是给大家看看小草的而已的～
那个是紫金山么？好像是的哦….
然后这个是一个门，嗯～拍虚了….不过感觉很不错啊～哈哈！～
哈哈，最后是某人和一个陌生女人的背影的合影哈，嗨嗨～～～这么大的人了还玩跷跷板～真是的…
*吃喝*玩乐* — 18 comments
26
八 09
今天七夕啊～～～嗨嗨，大家节日快乐哦～～～
其实我重点是想说章鱼小丸子～
昨天和添添出去玩的 她带我吃了章鱼小丸子～嗯嗯，第一次(别说我垮啊..)～～哈哈~好好吃哦
5元6个～～～在中央斜对过那条巷子里，就是大洋对过那条….额，那叫三元巷？还有什么的。就是有大象米线城，还有易记的美食小巷啦～
转张照片【作者：其斤 出处：http://my.poco.cn/commenddetail_v2-htx-id-693328.shtml】
不好意思啊～～因为我当时吃的迅雷不及掩耳…忘记拍了～～哈哈
我吃的那家没有放芥末，不过木鱼花和海苔放的蛮多的～刚烤好，热气腾腾的，木鱼花还在那飘～～诱人啊
看到旁边三星麻团店边上好像也有家小丸子，下次尝尝去～
*学习*思考* — 16 comments
23
八 09
这几天在看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>了～它也是块元素，我想做成图片右下的效果，这次没有其他标签帮忙了～看来只能舍弃了啊
