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:
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?
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>
------------------------------
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--)
When: August 26, 2008 2:22 PM
my layout is your kubrick layout
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 "Trebuchet MS"'>.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-->
---
When: August 28, 2008 5:20 PM
謝謝 我愛你
When: November 03, 2008 9:21 PM
設計這方面我就真的不行了!!
Plz Post a Comment / 拜託你留個言啦...^^"