[小小小技巧] 讓Joomla文章內容的首行縮排
- asika32764
-
Topic Author
- Offline
- 白金會員
-
Less
More
2008-10-22 00:38 #11784
來自 asika32764
飛鳥新樂園 - http://blog.asikart.com
大學好好玩 - http://funni.cc
Joomla!123教學網 - http://joomla123.com.tw
asika32764 created the topic: [小小小技巧] 讓Joomla文章內容的首行縮排
不知道大家在設計joomla網站時有沒有發現一點，文章內容是沒有獨立CSS類別的。
這對於一些想要單獨針對文章內容做CSS外觀修正的人來說是件麻煩的事，因為文章內容的類別屬於td，一旦更改就會動到全站的文字。打開網頁原始檔便會發現，文章內容沒有對應的類別，根本無法藉由CSS來控制。
而另一方面，中文使用者的閱讀習慣，通常文章段落的首行是會縮排的 (寫作文空兩格?)，比較好分辨段落從哪開始。既然如此就順便做個基本的教學吧，其實過程很簡單。
首先，打開 components / content.html.php 這個檔案
找到 522 行
更改為
如此我們就為了文章內容制訂一個新類別了
接下來，打開佈景的CSS檔 (也可以在後台直接編輯CSS)
加入以下CSS指令：
OK，大功告成
這對於一些想要單獨針對文章內容做CSS外觀修正的人來說是件麻煩的事，因為文章內容的類別屬於td，一旦更改就會動到全站的文字。打開網頁原始檔便會發現，文章內容沒有對應的類別，根本無法藉由CSS來控制。
而另一方面，中文使用者的閱讀習慣，通常文章段落的首行是會縮排的 (寫作文空兩格?)，比較好分辨段落從哪開始。既然如此就順便做個基本的教學吧，其實過程很簡單。
首先，打開 components / content.html.php 這個檔案
找到 522 行
<td valign="top" colspan="2">更改為
<td class="your_class" valign="top" colspan="2"> //your_class請自行輸入想要的類別名稱如此我們就為了文章內容制訂一個新類別了
接下來，打開佈景的CSS檔 (也可以在後台直接編輯CSS)
加入以下CSS指令：
td.your_class {
text-indent: 12pt ;
}OK，大功告成
飛鳥新樂園 - http://blog.asikart.com
大學好好玩 - http://funni.cc
Joomla!123教學網 - http://joomla123.com.tw
Please 登入 to join the conversation.
- wboys
-
- 訪客
-
版主: Eddy