2013-04-10 190 views
3

的好方法的任何想法,將樣式應用到的物品類Joomla中的類別特定CSS樣式?

目前,我手動創建在文章的第一關,在跨度包裝它(類別,或別的東西嗎?):

<span class="foo"> 
<p>bar</p> 
<p>etc</p> 
</span> 

然後我將該文章粘貼到JCK編輯器中,並在模板目錄中有一個新的css文件來處理class foo

這並不能很好地工作,因爲JCK編輯移動跨度類的內部元素,如

<p><span class="foo">bar</span></p> 
<p><span class="foo">etc</span></p> 

這是好的,直到你開始編輯與JCK編輯文章生產的東西,因爲新內容不在跨度:

<p><span class="foo">bar</span></p> 
<p><span class="foo">etc</span></p> 
<p>New unstyled content inserted by JCK Editor</p> 

我在Joomla3上。如果該類別的名稱出現在html中,那麼理想的情況是,我可以在其上掛上一個樣式,但它不會。

回答

5
  1. ,您可以添加「頁面類後綴爲div容器(高級選項>頁顯示選項)

  2. 其他方式將被添加模板覆蓋:

副本components/com_content/views/category/tmpl/blog.phptemplates/[your_template]/html/com_content/category/blog.php

和文件變化的內部

<div class="blog<?php echo $this->pageclass_sfx;?>"> 

<div class="blog<?php echo $this->pageclass_sfx . ' ' . $this->category->alias;?>"> 
+0

謝謝 - '頁面顯示選項'是一個不錯的簡單方法。請注意,最簡單的方法是在輸入框中的類名之前輸入空格,否則您將獲得連接的類名稱。 – EML 2013-04-12 10:11:46

6

有很多方法可以解決這個問題。如果你想爲這個目的添加一個類到body標籤,看看我是如何在https://github.com/construct-framework/construct5/blob/master/index.php#L65https://github.com/construct-framework/construct5/blob/master/elements/logic.php#L235開始的。這假定你要編輯你的模板。

你也可以用一個簡單的插件來動態地將這些類添加到你的body標籤中。

否則,它可能是可能的,如果每個類別是坐在自己的菜單項的東西要做到這一點像http://extensions.joomla.org/extensions/style-a-design/templating/14053

+0

我堅持使用更簡單的'頁面顯示選項' - 不錯的代碼。 – EML 2013-04-12 10:12:31

+0

謝謝。我同意'頁面顯示選項'是一個不錯的簡單方法。 – betweenbrain 2013-04-12 14:13:38

0

你可能不應該添加內跨度元素對元素,跨度是內嵌元素,不應包含像p的塊元素。這就是爲什麼JCK正在切換元素。如果使用div元素,您可能不會遇到文本編輯器的問題。

除此之外,我猜其他受訪者都有好點。