當初寫計畫書時就有提到要做簡單的網頁管理介面
現在剛好放寒假!!學校宿舍根本沒人,更不要說會有流量了
因此趁這個機會來製作網頁管理介面
由於我對寫程式一竅不通,所以只好拿已經寫好的來改
在這裡要感謝LifeType提供這麼好的OpenSource
因此尊重原創不改底下的版權聲明
在動工之前,其實不管任何時候這件事都計劃在我的腦海裡
因為我想找一個不只可以用IE瀏覽的,更希望他在FireFox下瀏覽也非常的順利
也就是說希望能找到XHTML組成的網頁
在左思右想一直想做出像樣的管理介面時
剛好在建置自己的網誌時找到這一個不錯用的OpenSource網誌
選定好要使用的樣板後!!便開始動手修改樣板
把原本的right sidebar統合到lift sidebar下方
由於這樣會導致右邊會有right sidebar移除之後的空白
我猜想應該就是CSS稿的鬼吧!!
由於我對CSS不是很懂!!所以只好發揮愚公移山的精神,一個一個修改看有什麼變化
當然跟我預期的一樣不如意,後來我參考了我的網誌用的樣板
發現多了一個width:560px;
所以我就把這一個加入CSS中
#content{
margin:0 130px 20px 160px;
width:575px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
後來發現!!原來在FireFox看正常的首頁,在IE顯得有點不正常
宿舍網路那張圖會用一個很大的空格之後才顯示出來
因此又改了CSS:
#content{
margin:0 130px 20px 160px;
width:575px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:10 10px 0 10px; 改黃色的部份
line-height:1.6em;
text-align:left;
為了美化一點,把原本用html標籤顯示的首頁圖片改成用CSS來載入
不然都會文字連結在上面,而圖片在下面,顯得非常怪異
原本:
#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}
改成:
#header{
background: url('front.jpg');
clear:both;
margin:20px 0 0 0;
padding:0;
height:175px;
}
讓原本是