[英]Customizing each post pages based on label in Blogger
我遇到了一個基於標簽的帖子后自定義,它顯示了如何根據發布的標簽設計每篇博文。 也就是說,每個具有相同標簽的帖子都會自動擁有相同的設計。
但問題在於我無法在帖子內容(主包裝)之外進行自定義,因為“標簽”僅被定義為帖子內容區域。 我喜歡為標簽添加不同顏色的標題和其他外包裝。
我會給出我用過的代碼
用此替換第二次出現的<data:post.body/>
(在span屬性之間)
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<!-- Only using the last label -->
<div expr:class='"label" + data:label.name'>
<p> <data:post.body/> </p>
</div>
</b:if>
</b:loop>
<b:else/>
<div class='labelNone'> <p><data:post.body/></p> </div>
</b:if>
然后在模板的樣式部分中,通過指定div類來應用樣式。 這是一個示例,它將為標簽為“tech”的所有帖子添加背景圖片:
<style type='text/css'>
div.labeltech {
background-image: url("http://yoursite.com/Wallpaper-Widescreen.jpg");
background-repeat: no-repeat;
background-position: bottom right;
display: block;
}
</style>
如果堆棧溢出的知識淵博的成員會幫助我,那將是非常好的,因為我只是一名學生。
我擔心你將不得不堅持javascript(例如jquery)'parent'的實現ie。 http://api.jquery.com/parent/
說到CSS規范,CSS2和CSS3規范中都沒有父元素選擇器。 您可以使用'父X為Y'的選擇X元素(Y> X),但這就是現在的全部內容。
請查看可用的選擇列表http://www.w3.org/TR/css3-selectors/#selectors ,也許你會發現一些有用的東西
從好的方面來說,有計划創造類似的東西
!div p{}
但到目前為止,它仍然是一個草案,沒有瀏覽器支持它http://www.w3.org/TR/selectors4/#subject
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.