回首頁 Discuz論壇Discuz 論壇風格設計教學- 2.logo更換與css位置
2011
02/15

Discuz 論壇風格設計教學- 2.logo更換與css位置

瀏覽:1,466人次
作者:英創達

1.介面→點選 “編輯”

2.輸入圖片名稱,並將圖片存到 static\image\common目錄下面

3.logo出來囉,但太靠右邊了,沒對其,還要調整一下位置

4.打開路徑 template\default\common\common.css

將css中

.hdc { position: relative; z-index: 3; min-height: 70px; background: {HEADERBGCOLOR}; }
    .ie6 .hdc { height: 70px; }
   #hd h2 { padding: 0 20px 8px 0; float: left; }

更改為

.hdc { position: relative; z-index: 3; min-height: 82px; background: {HEADERBGCOLOR}; }
    .ie6 .hdc { height: 82px;  }
   #hd h2 {
 float: left;
 position: absolute; /*浮動起區塊*/
 left: -38px; /*往左負*/
 height: 82px; /*設定圖片高度*/ padding-top: 0;
 padding-right: 20px;
 padding-bottom: 8px;
 padding-left: 0;
}

5.更新css緩存

位置就調整好囉

 

VN:F [1.9.6_1107]
Rating: 10.0/10 (2 votes cast)
VN:F [1.9.6_1107]
Rating: +1 (from 1 vote)
Discuz 論壇風格設計教學- 2.logo更換與css位置, 10.0 out of 10 based on 2 ratings

留下您的意見

(若看不到驗證碼,請重新整理網頁。)

    也許你也對以下文章有興趣: