版面
主題
文章
最后發(fā)表
開源項(xiàng)目
JForum論壇
23
23
23
開源項(xiàng)目1
JForum論壇1
23
23
23
開源項(xiàng)目2
JForum論壇2
23
23
23
開源項(xiàng)目3
JForum論壇3
23
23
23
Rumah
hujung hadapan web
tutorial css
div digabungkan dengan css layout bbs homepage (div+css layout entry)_Experience exchange
hujung hadapan web
tutorial css
div digabungkan dengan css layout bbs homepage (div+css layout entry)_Experience exchange
div digabungkan dengan css layout bbs homepage (div+css layout entry)_Experience exchange
May 16, 2016 pm 12:04 PM
susun atur
Saya membahagikan halaman utama forum kepada kawasan pengepala, kawasan maklumat, kawasan kandungan dan kawasan pengaki. Pertama, gunakan div besar untuk menyertakan ini, terutamanya kerana ia adalah mudah untuk melaraskan halaman keseluruhan Contohnya, jika anda ingin melaraskannya ke skrin lebar atau skrin sempit, anda hanya perlu menetapkan div besar ini.
Siarkan kod dahulu untuk rakan-rakan menyahpepijat.
css:
Salin kod Kod adalah seperti berikut:
/* Dokumen CSS */
badan{
warna latar:#F5F5F5;
margin:0; , ,sans -serif;
fon-size:12px;
}
.pagehoder{
lebar:100%;
tepi sempadan: 2px pepejal #7197D7;
bawah sempadan: 2px pepejal #7197D7; -warna: #B1C3D9;
}
.logo{
latar belakang:url(../images/logo.png ) tiada ulangan
lebar: 200px; :60px;
float:left;
}
.img{
background:url(../images/images1. jpg) repeat-x ; }
.navigasi {
padding-left:20px;
background-color:#F3F8FE;
height:10px; ;
}
.navigasi ke{
margin-kiri:2px;
padding-top:3px; ??>paparan:blok;
teks-hiasan: tiada;
lebar: 70px;
tinggi: 10px; : hover{
warna:#ffffff;
warna latar:#bbbbbb;
}
.notis{
warna latar:#ffffff; >}
.kandungan{
warna latar:#0000FF;
tinggi:400px;
}
.contentHead {
text-align:center; :5px;
padding-bawah: 0px;
tinggi: 20px;
warna latar:#71A3CC; float:left;
warna latar:#71A3CC;
}
.f2{
lebar:12%; ??>}
.f3{
lebar:12%;
float:kiri;
warna latar:#71A3CC; %;
warna latar:#71A3CC;
}
.typeHolder{
lebar:100%; .type{
lebar:60%;
float:left;
}
.boardHolder{
text-align :center; warna:#FFFFFF;
}
.Nama papan{
lebar: 60%; >float:left;
warna latar:#F7F7F8;
}
.artikel{
lebar:12%;
}
.terakhir{
lebar:15%;
warna latar:#F7F7F8;
}
.msg{
warna latar:#FAFAFA; >tinggi:60px;
}
.footer{
warna latar:#99CC33;
tinggi: 20px; >.
html:
Salin kod
kod Seperti berikut:
看誰在線上
目前總共發(fā)表了 2,806 篇文章
目前總共有 4,186 位注冊(cè)會(huì)員 位注冊(cè)會(huì)員 目前總共有 80 位用戶在線 :: 1 位會(huì)員, 79 位訪客 [ 系統(tǒng)管理員 ] [ 版主 ]
最高在線人數(shù) 2,712 人 [ 記錄時(shí)間 :: 2007-08-13: 36:16:00]注冊(cè)會(huì)員: Pentadbir
< ;/div>