2011-03-04 77 views
0

我想請知道如何將單獨的文章放入單獨的CSS div文件中?如何將單獨的文章放入單獨的div中

基本上我的設計有我的網頁分割成4個不同的列。我希望能夠把這些列的每一個單獨的文章...

目前是,Joomla將直接把每篇文章下對方,例如在模板的「正確」部分,而不允許我插入物品之間的任何「div的..

所以也許我問的是如何將更多的節添加到我的模板..部分我的意思是 例如。 '橫幅''左''右''頁腳''免責聲明'等等......?

回答

0

你也可以用模塊來做到這一點。 編輯模板的index.php文件,並插入您要與相應的浮動的div:

<div id="left"> 
    <jdoc:include type="modules" name="left" style="" /> 
</div> 

<div id="right"> 
    <jdoc:include type="modules" name="right" style="" /> 
</div> 

,其中左,右ID在模板css文件與彩車等

設置

接下來是包括位置到templateDetails.xml到合適的位置,這樣的:

<position>left</position> 
<position>right</position> 

現在,您可以創建一個文本/內容模塊(自定義HTML模塊),以及創建的模塊定位到右邊或左邊的位置名字。

+0

謝謝你的答案!當我把這段代碼放在它的每一頁上時......我怎樣才能讓它出現在精選頁面上,例如只有'主頁'...? – 2011-03-09 06:01:33

+0

在模塊選項中有一個「菜單分配」部分,您可以在其中選擇「從列表中選擇菜單項」,然後單擊HOME菜單。如果只有HOME菜單用藍色突出顯示,則您的模塊將出現在主屏幕中! – Legycsapo 2011-03-09 06:28:44

+0

好吧,明白了!但是...我放在索引文件上的div仍然保留在每一頁上,因爲它使用相同的php文件來製作所有其他頁面,我如何阻止它發生......? – 2011-03-10 03:23:59

0

Joomla模板使用CSS作爲樣式工具。 爲了向您的模板添加新的部分,您必須更改層疊樣式表(* .css文件)。

分割你的主要內容分爲四個部分需要一些CSS魔法,你應該在box model讀了,在float財產和this廣泛的教程。使用CSS做的

一種方法是

CSS four columns

您還可以,當然做的表,只是申報四列。

+0

我知道如何非常流利地使用CSS!我已經設計了頁面從上到下的樣式... 問題是,在index.php頁面中,PHP腳本用一行代碼一個接一個地顯示文章.. 我希望它能夠單獨訪問'Atricles',然後我可以將它們分配給唯一的DIV,這可能會有不同的寬度字體等。 – 2011-03-04 04:53:43

+0

我不確定如果我正確理解這一點,您可能需要查看[this](https://developer.mozilla.org/en/DOM/document.getElementByID)...您可以通過ID訪問各個元素與JavaScript – 2011-03-04 10:34:45

0

您需要一個簡單的模板覆蓋。假設你列出一個博客風格的類別,然後使/public_html/components/com_content/views/category/tmpl/blog_item.php的副本,並把它放在/模板/模板/ HTML/com_content /分類/ blog_item.php 。根據自己的喜好編輯該文件,然後相應設置樣式。如果您沒有使用博客類別列表,只需在com_content視圖文件夾中找到相應的模板文件並使用它即可。一旦你學會如何重寫工作,它會改變你如何使用的Joomla http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

-

閱讀本。