Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Wednesday, May 14, 2008

[CSS/htc] IE5.5+ PNG Fix

  IE7下以不支援PNG圖檔的Transparent問題,也是存在很久、很令人困擾的問題。現在有個好東西,也是利用 .htc 檔來解決這個問題,雖說不是非常完美,但對於大多數的應用都已經有支援了。連Apple都有使用此一hack唷( http://www.apple.com/global/scripts/lib/iepngfix.htc ),看來算是個有口皆碑的好物呀。再來作個筆記,以後才不用再浪費時間Survey。
※資料來源: IE PNG Fix

※Online Demo: 官網: http://www.twinhelix.com/css/iepngfix/demo/

※載點: http://www.twinhelix.com/css/iepngfix/iepngfix.zip

  這個網站的作者,除了上面的IE PNG Fix之外,還分享了不少Open Source的好東西,有空可以來晃晃。

7 Comments:

Who: Anonymous Class:
When: August 23, 2008 6:13 PM  

hi! in archives and labels, the peekaboo posts has labels, but there is no comments link.

How did you add "Comment counts: 11 Comments" code?

Who: Unknown Class:
When: August 25, 2008 12:58 AM  

To Anonymous:
Add these codes to the appropriate position:
------------------------------
<b:if cond='data:post.allowComments'>
<span >Comment counts:
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 Comment
<b:else/>
<data:post.numComments/> Comments
</b:if>
</a>
</span>
</b:if>
------------------------------

Who: Anonymous Class:
When: August 26, 2008 2:16 PM  

hmmm i think this is where i need to add the codes.. do i paste the code after the first (/div)?


(!-- PeekABoo view of posts in labe and archive pages Beginning--)
(b:if cond='data:blog.homepageUrl != data:blog.url')
(b:if cond='data:blog.pageType != "item"')
(div class='Category-post'>)
(b:include data='post' name='PeekABooPost'/)
(div class='post-labels')
(b:if cond='data:post.labels')(data:postLabelsLabel/)
(b:loop values='data:post.labels' var='label')
(a expr:href='data:label.url' rel='tag')(data:label.name/)(/a)
(b:if cond='data:label.isLast != "true"'),
(/b:if)
(/b:loop)
(/b:if)
(/div)
(/div)
(b:else/)
(b:include data='post' name='post'/)
(/b:if)
(b:else/)
(b:include data='post' name='post'/)
(/b:if)
(!-- PeekABoo view of posts in labe and archive pages Ending--)

Who: Anonymous Class:
When: August 26, 2008 2:22 PM  

my layout is your kubrick layout

Who: Unknown Class:
When: August 26, 2008 11:47 PM  

To Anonymous:

replace below code
---
<!-- Modify by Kaie PeekABoo view of posts in labe and archive pages Beginning-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div class='Category-post'>
<b:include data='post' name='PeekABooPost'/>
<div class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if>
</b:loop>
</b:if>
</div>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!-- Modify by Kaie PeekABoo view of posts in labe and archive pages Ending-->
---
with these
---
<!-- Modify by Kaie PeekABoo view of posts in labe and archive pages Beginning-->
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<div class='Category-post'>
<b:include data='post' name='PeekABooPost'/>
<div class='post-labels'>
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,
</b:if>
</b:loop>
</b:if>
</div>
<!-- Kaie: [comment count] beginning -->
<div class='post-comment-link' id='PostCommentLink' style='text-align: left;'>
<b:if cond='data:post.allowComments'>
<span style='font: bold 13px &quot;Trebuchet MS&quot;'>&#65294;Comment counts:
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>
1 Comment
<b:else/>
<data:post.numComments/> Comments
</b:if>
</a>
</span>
</b:if>
</div>
<!-- Kaie: [comment count] ending -->
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!-- Modify by Kaie PeekABoo view of posts in labe and archive pages Ending-->
---

Who: Anonymous Class:
When: August 28, 2008 5:20 PM  

謝謝 我愛你

Who: Anonymous Class:
When: November 03, 2008 9:21 PM  

設計這方面我就真的不行了!!