So the CSS is very simple, but we need to define which class the page should load with, depending on the section of the site we’re in. This is really simple using MODx Revo, you can create a Template Variable for every template, set the type as ‘image’ so that admins can select images from the file browser and you can then define your <body> tag in your templates like
@CODE
You don’t want to have to do this to EVERY page on your site, that would be a painful chore (and your editors might forget) so, there’s a few options, the simplest would be to use a default value for the template variable - we uses @INHERIT for the default value of the TV, meaning that we can define the image just once at the top level.
那麼，即使 CSS 如此簡單，我們仍然需要根據我們在網站中的位置來決定頁面應該載入哪一個類。用 MODx Revo 的話這一切都會變得相當容易，你可以為每一個範本創建一個範本變數，也可以把類型設為“圖像”來讓管理員們通過檔流覽器來選擇圖像，還可以把範本當中的 <body> 標籤定義為
@CODE
你不需要在網站每個頁面都這麼操作，這是很單調繁瑣的工作（你的編輯或者也會忘記的）。所以有些解決方法，其中最簡單的就是使用預設的範本變數——我們用 @INHERIT 來作為 範本變數的預設值，這就意味著我們可以一次性在頂層就對圖像作出定義。
