[問題]已解決 Joomla!隨著文章更換布景顏色
各位好
小弟是用 Joomla! 架站，之前沒有相關經驗，但是公司突然要我架
想請問各位有沒有辦法由"文章"或是 menu item 增加 suffix
而去修改CSS更改佈景主題的顏色，達到特定頁面有特定背景色的需求?
目前只有測出"改全站的"或是"為文章加入背景色"
前者是所有文章都套用此規定，
後者是只有文章的部份是想要的顏色，外圍還是有一圈佈景主題顏色
簡單來說我想要 "某些網頁單獨套用某個布景顏色"
請問這是有辦法達到的嗎?
如果可以的話能不能指點一下，該如何去實現
=======================================================
舉個例子，避免我描述的不清楚，以下為apple 的官方網站
我知道他可能不是Joomla!做的，單純舉例用
http://www.apple.com/iphone/design/
這是iphone 的 design 頁面，main content(?)背景為全黑的
http://www.apple.com/iphone/specs.html
這是iphone的 spec 頁面， 介紹的底則是全白的
我想要的就是這種效果
謝謝各位觀看
=============================================
不知道是沒人看懂我的意思，或是大家都不知道
只有一位好心板友回文到我的信箱~
方向是用在main menu下對文章設定 page class suffix
但是這個方法能夠修改的實在是很有限
幾乎只有在文章出現的部份，一超出文章範圍就沒轍了
經過好幾天的尋找之後終於在Joomla!官方文件找到一篇文章
http://docs.joomla.org/Page_Class_Suffix
這篇是介紹基本的 page class suffix
http://0rz.tw/h1I8j
網址太長，由上面那篇文章的See also: 連出來的
標題為：Using the Page Class Suffix in Template Code
中間有一段連結 (credit: Page Class Suffix in template code)
http://forum.joomla.org/viewtopic.php?p=1353495#p1353495
這是這篇教學文產生的論壇文章，裡面有比較詳盡的介紹
如果真的有需要的話我想花一點時間看一下討論串的說明就會懂了
(有人提問該怎麼使用之類的，發問人都有提出簡單的例子)
這東西真的很好用，可以透過設定 page class suffix
幾乎把整個頁面看的到的東西都做修改，對於想要在同網站
產生不同介面顏色的人非常好用，也可對同一個套件設定不同的顏色
想一想我還是把步驟打出來好了，順便自己存檔
1. 打開 你設定的 template下 index.php
2. 在 <head> 之前 加入以下程式碼:
<?php
$menus = &JSite::getMenu();
$menu = $menus->getActive();
$pageclass = "";
if (is_object( $menu )) :
$params = new JParameter( $menu->params );
$pageclass = $params->get( 'pageclass_sfx' );
endif; ?>
3. 這個步驟比較複雜，視你的template 模組而定
找到 <body> ， 加入 <?php echo $pageclass; ?> 在<body>裡面
如果是 <body> => <body class="<?php echo $pageclass; ?>">
也可以是 <body> => <body id="<?php echo $pageclass; ?>">
如果原本的tag長這樣 1;34m<body class="<?php echo $fontstyle; ?>">
修改為 <body class="<?php echo $fontstyle; ?> <?php echo $pageclass; ?>">
更改好之後搭配 FireBug 或是 Web Developver 你可以在你的前台看到
body 已經產生一個 suffix ，
前提是你已經在 main menu 某篇文章加入 page class suffix
假設我在 home 頁面加入 page class suffix: -home
成功應該會看到 最上方的
<body id="template name" class="xx xx xx -home xx">
這時候你就可以透過 修改 template.css 去做獨立設定
如: 想要修改 main-content =>
body.-home #main-content{background-color: #000;}
修改範圍內背景為黑色 ，其他以此類推
目前這份副業可能再過幾天就要轉給別人接了
以後如果沒轉行的話應該也沒甚麼緣分來這個版了
所以如果你看不懂，也不要寫信問我，畢竟說真的我可能過幾天就忘了 XD
打完收功，謝謝收看。
※ 編輯: cukemark 來自: 218.167.243.100 (06/23 22:32)