joekoe cms 4.0
簡明模版分析
這篇文章僅僅是簡單的
joekoe cms 4.0
的模版分析
,對不熟悉和面對模版無從下手的朋友應該會有所幫助
.老鳥看來未免會覺得過於簡單
,還望不要丟磚頭
首先我們要知道
joekoe cms 4.0
的模版檔案的位置在
skin/default/
目錄我們以預設模版首頁為例子。
如果您要模仿下面的步驟請備份相關的檔案
.瀏覽首頁，右鍵檢視原始檔。
搜尋css
，我們找到了
:/common/script/style.public.css
/skin/default/images/css/style.css
/skin/default/images/css/style.index.css這3
個css
檔案下面我們用記事本或者
ue開啟這3個
css檔案以及首頁的模版檔案
skin/default/index.html
簡單看下這
4個檔案
在/skin/default/images/css/style.css
我們發現
code:
@import url("common.codes.css");
@import url("common.user.css");
繼續開啟
common.codes.css
和common.user.css
至此，首頁模版和其
css檔案以及可能用到的
css檔案我們就全部找到並且開啟了。
下面我們分析
index.html
包含的頭部模版
包含的底部模版
包含的使用者登入
這些暫時不管。
下面我們要做的事情。
在index.html
裡面從最底層的
開始刪**
,,,這樣經過一系列的刪除之後我們發現首頁的部分變成了.
code:
友情連線
結合前台我們可以清楚地發現首頁的左中右布局
.sideleft,maincenter,sideright
以及完整的
framerfloor
和在framerfloor
.在我們剛開啟的幾個
css檔案裡面進行查詢
sideleft,maincenter,sideright,framerfloor等,
發現在/skin/default/images/css/style.css
裡面查詢發現頁面的布局以及布局的設定在
/skin/default/images/css/style.css的
code:
/* ************************* */
/* ********** page ********* */
/* ************************* */
div.framer
div.framerfloor
div.framerfloor div.mainbody
div.framerfloor div.maincenter
div.framerfloor div.sideleft
div.framerfloor div.sideright
而這些我們再參考下其他頻道頁面可以發現
,這是全部頻道頁面的主要布局的設定
.那麼我們考慮如果是修改所有頻道頁面的布局就在這裡改
.如果只是修改首頁的布局
,則複製這個部分
,然後改
div樣式的名字並修改裡面的寬度等
.同步修改首頁模版
index.html
裡的div
名字即可完成首頁的頁面布局的修改.(
如果您不那麼熟悉並不建議您修改布局
,因為修改布局可能產生的全域性的頁面變動
.)摸清楚了頁面布局之後我們繼續下面.恢復
index.html
根據我們對布局的分析即可進行一些具體的修改
.如左側的論壇新貼
,我們到
sideleft
的div
容器內找到
"論壇新貼
"根據標籤
找到論壇新貼部分所有**:
code:
論壇新貼
對這段**進行分析
.可以明白論壇新貼的部分主要是
block,blockbar,blocklist,
以及blocklist
裡面的ul和li
也就是整個這個論壇新貼部分的容器
,標題欄
,和內容列表
,以及列表
.在開啟的
css檔案裡面查詢
block,blockbar,blocklist
等樣式可以根據需要進行修改
.但是我們發現同樣的在
index.html
裡面還有很多內容也用的
block,blockbar,blocklist
的樣式.
如果需要統一修改字型和顏色等
,可以在
css裡面直接修改
block,blockbar,blocklist
如果僅僅是修改論壇新貼部分
.我們可以複製乙份
block
的樣式改名為
block-forum-new
code:
div.block-forum-new
然後再修改這個
css裡面的邊框
,背景等等,同時
index.html
部分的論壇新貼部分也改樣式名為
block-forum-new,即
code:
論壇新貼
再修改下面的
blockbar
的樣式同樣的複製
blockbar
的樣式改名為
code:
div.block-forum-new div.blockbar
然後修改其屬性
.如此繼續我們就可以完成對論壇新貼部分的修改
.同樣的首頁的其他部分也就是乙個個
div容器
,我們在
index.html
找到其樣式名稱再到
css檔案找到樣式並修改即可
.方法同上面的論壇新貼部分.
小公尺電視4a4c4x4s的區別
小公尺電視4a 55英吋延續了小公尺電視以往的簡約時尚風格英吋，採用黑色色彩為主，看起來經典又百搭 搭配64位四核處理器，配置2gb 8gb大儲存 搭載第6代畫質引擎，相比上一代有4處公升級，同步支援hdr10和hybrid log gamma。提供了更多的動態範圍和影象細節，使得暗部更暗，亮部更亮...
SpringMVC4 Hibernate4學習筆記
注 本文是以前幾篇部落格的簡單合併，未做更新 鑑於目前資料大多數都是基於spring3的配置，本人在最初搭建的時候遇到很多問題，由此記錄下來僅供參考 使用的jar檔案springframework4.0.6 為了方便整個先導入 hibernate4.3.6 required 下所有jar 以及 op...
4 星期查詢（4分）
4 星期查詢 4分 題目內容 任意輸入英文的星期幾，通過查詢如圖所示的星期表，輸出其對應的數字，若查到表尾，仍未找到，則輸出錯誤提示資訊。程式執行結果示例1 please enter a string friday friday is 5 程式執行結果示例2 please enter a strin...