LearnHouse

簡單的網頁管理介面For專題

當初寫計畫書時就有提到要做簡單的網頁管理介面

現在剛好放寒假!!學校宿舍根本沒人,更不要說會有流量了 

因此趁這個機會來製作網頁管理介面 

由於我對寫程式一竅不通,所以只好拿已經寫好的來改

在這裡要感謝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;
}
 

讓原本是

變成http://sdc.servebbs.org

 

posted by admin in 生活日記 and have Comments (5)

5 Responses to “簡單的網頁管理介面For專題”

  1. wellwind 說:

    小好奇
    用BLOG
    要管理什麼@@?

  2. yuchin 說:

    首頁上的圖還可以點選!!不過目前只有連至學校機房ASUS設備的超連結!!

    至於其他的會陸續放上超連結!!

  3. yuchin 說:

    老實說!!其實只是把所有的超連結集中管理而已!!
    用網誌的形式主要是因為網誌可以達到類似公告發布的目的,而公告發布必然會有一些迴響!!
    僅是如此罷了!!

  4. wellwind 說:


    我看懂了
    原來設備可以點選
    還滿方便的
    可以再加個權限才能看到圖片
    不然IP跟PORT都被看光光了XD

  5. yuchin 說:

    哈哈 不過阿因為對CSS不熟
    在IE調成正常顯示時,FireFox下顯示的圖片就會跑掉
    在FireFox下調到正常顯示圖片,IE下又會跑掉@@
    真是糟糕!!

    恩!!我時間夠的話嘗試看看用權限才看得到圖片

Place your comment

Please fill your data and comment below.
Name
Email
Website
Your comment