pjblog模板结构HTML代码网页展示

2009-03-21 0 条评论 4,602 次阅读 被赞了 0 次

pjblog模板结构HTML代码网页展示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<FCK:META NAME="Generator" CONTENT="EditPlus" />
<FCK:META NAME="Author" CONTENT="" />
<FCK:META NAME="Keywords" CONTENT="" />
<FCK:META NAME="Description" CONTENT="" />
<style>
body{
background-color:#FFFAFA;
border:1px solid #7D7D7D;
color: #8B4513;
font:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:13px;
padding:2px;
margin:0px;
}
#blogname{
MARGIN:5px;
BORDER: 1px solid #9ACD32;
BACKGROUND: #C6E28D;
WIDTH:970px;
HEIGHT:20px;
}
#blogtitle{
MARGIN:5px;
BORDER: 1px solid #9ACD32;
BACKGROUND: #F0E68C;
WIDTH:960px;
HEIGHT:20px;
}
#menu{
MARGIN:5px;
BORDER: 1px solid #9ACD32;
BACKGROUND: #8AB632;
WIDTH:970px;
HEIGHT:20px;
}
#ul{
MARGIN:5px;
BORDER: 1px solid #9ACD32;
BACKGROUND: #F0E68C;
WIDTH:960px;
HEIGHT:20px;
}
#menuL{float:left; width:130px;HEIGHT:20px;BORDER: 1px solid #9ACD32;  margin: 5px 3px 5px 4px;  }
#li{float:left;width:130px;HEIGHT:20px;BORDER: 1px solid #9ACD32;margin: 5px 4px 5px 2px; }
#menuDiv{float:left;width:130px;HEIGHT:20px;BORDER: 1px solid #9ACD32;margin: 5px 3px 5px 4px; }
#menuR{float:right;width:130px;HEIGHT:20px;BORDER: 1px solid #9ACD32;margin: 5px 3px 5px 4px;  }
#header{
MARGIN:5px;
BORDER: 1px solid #7B7B7B;
BACKGROUND:#ccd2de;
WIDTH:980px;
HEIGHT:20px;
}
#container{
WIDTH:980px;
BACKGROUND:#FFF;
border: 1px double #9ACD32;
margin: 2px 2px 2px 2px;
text-align: center;
}
#leftsidebar{
border:1px solid #5F82E9;
FLOAT:left;
MARGIN:1px 0px 5px 5px;
BACKGROUND:#F2F3F7;
WIDTH:190px;
clear:left;
line-height: 150%;
}
#tbody{
border: 1px solid #ACD558;
MARGIN:5px 3px 3px 5px;
PADDING:0px;
WIDTH:970px;
BACKGROUND: #F0E68C;
}
#maincontent{
border:1px solid #A68100;
MARGIN:3px 5px 3px 5px;
PADDING:0px;
WIDTH:970px;
BACKGROUND: #C8C8C8;
}
#innermaincontent{
border:1px solid #5F82E9;
MARGIN:1px 3px 3px 5px;
WIDTH:546px;
BACKGROUND: #F0E68C;
line-height: 150%;
FLOAT:left;
}
#mainContent-topimg{border:1px solid #B58615;
MARGIN:1px 3px 8px 5px;
WIDTH:540px;
BACKGROUND: #ECC56A;
line-height: 150%;
}
#content-width{border:1px solid #B58615;
MARGIN:5px 3px 3px 5px;
WIDTH:540px;
BACKGROUND: #ECC56A;
line-height: 150%;
}
#pageContent{border:1px solid #9ACD32;
MARGIN:5px 3px 8px 3px;
WIDTH:530px;
BACKGROUND: #B4D96A;
line-height: 150%;
}
#Content{border:1px solid #9ACD32;
MARGIN:8px 3px 5px 3px;
WIDTH:530px;
BACKGROUND: #B4D96A;
line-height: 150%;
}
#Content-top{border: 1px solid #70922B;
MARGIN:5px 3px 12px 3px;
WIDTH:520px;
BACKGROUND: #8AB632;
line-height: 150%;
}
#ContentTitle{border: 1px solid #AEA01A;
MARGIN:5px 3px 5px 3px;
WIDTH:250px;
BACKGROUND: #EBDB47;
line-height: 150%;
float:left;
}
#ContentAuthor{border: 1px solid #AEA01A;
MARGIN:5px 3px 5px 3px;
WIDTH:250px;
BACKGROUND: #EBDB47;
line-height: 150%;
float:right;
}
#Content-body{border:1px solid #70922B;
MARGIN:12px 3px 5px 3px;
WIDTH:520px;
BACKGROUND: #8AB632;
line-height: 150%;
}
#Content-bottom{border:1px solid #70922B;
MARGIN:12px 3px 8px 3px;
WIDTH:520px;
BACKGROUND: #8AB632;
line-height: 150%;
}
#mainContent-bottomimg{border: 1px solid #B58615;
MARGIN:8px 3px 12px 5px;
WIDTH:540px;
BACKGROUND: #ECC56A;
line-height: 150%;
}
#rightsidebar{
border: 1px solid #5F82E9;
FLOAT:right;
MARGIN:1px 5px 5px 2px;
WIDTH:190px;
BACKGROUND:#F2F3F7;
clear:right;
line-height: 150%;
}
#sidebar-topimg{
border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:190px;
BACKGROUND: #C6E28D;
line-height: 150%;
}
#sidepanel{
border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:190px;
BACKGROUND: #C6E28D;
line-height: 150%;
}
#Ptitle{border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:178px;
BACKGROUND: #F0E68C;
line-height: 150%;
}
#Pcontent{border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:178px;
BACKGROUND: #F0E68C;
line-height: 150%;
}
#Pfoot{border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:178px;
BACKGROUND: #F0E68C;
line-height: 150%;
}
#sidebar-bottomimg{
border: 1px solid #5F82E9;
MARGIN:1px 5px 2px 5px;
WIDTH:190px;
BACKGROUND: #C6E28D;
line-height: 150%;
}
#footer{
CLEAR:both;
MARGIN:5px;
PADDING:5px 0px 5px 0px;
BACKGROUND:#ccd2de;
HEIGHT:20px;
WIDTH:985px;
BORDER: 1px solid #7B7B7B;
}
</style>
</HEAD>
<BODY>
<div id="container">
container
<div id="header">header
<div id="blogname">blogname
<div id="blogtitle">blogtitle</div>
</div>
<div id="menu">menu
<div id="ul">ul
<div id="menuL">menuL</div><div id="li">li</div><div id="menuDiv">menuDiv</div><div id="li">li</div><div id="menuDiv">menuDiv</div><div id="li">li</div><div id="menuR">menuR</div>
</div>
</div>
</div>
<div id="tbody">tbody
<div id="maincontent">maincontent
<div id="leftsidebar">leftsidebar
<div id="sidebar-topimg">sidebar-topimg</div><div id="sidepanel">sidepanel
<div id="Ptitle">Ptitle</div><div id="Pcontent">Pcontent</div><div id="Pfoot">Pfoot</div>
</div><div id="sidebar-bottomimg">sidebar-bottomimg</div>
</div>
<div id="innermaincontent">innermaincontent
<div id="mainContent-topimg">mainContent-topimg</div>
<div id="content-width">content-width
<div id="pageContent">pageContent</div>
<div id="Content">Content
<div id="Content-top">Content-top
<div id="ContentTitle">ContentTitle</div><div id="ContentAuthor">ContentAuthor</div>
</div><div id="Content-body">Content-body</div><div id="Content-bottom">Content-bottom</div>
</div>
</div>
<div id="mainContent-bottomimg">mainContent-bottomimg</div>
</div>
<div id="rightsidebar">rightsidebar
<div id="sidebar-topimg">sidebar-topimg</div><div id="sidepanel">sidepanel
<div id="Ptitle">Ptitle</div><div id="Pcontent">Pcontent</div><div id="Pfoot">Pfoot</div>
</div><div id="sidebar-bottomimg">sidebar-bottomimg</div>
</div>
</div>
</div>
<div id="footer">footer</div>
</div>
<div></div>
</BODY>
</HTML>
</DIV></body></html>

相关文章:

Default Thumbnail网页实现自动刷新代码 Default Thumbnail自定义网页后缀名-网页后缀名HTML、HTM、SHTml、STHM的区别 Default Thumbnail网页弹窗代码限时间次数多浏览器实现参考 Default Thumbnail几句简单HTML代码模仿书写GoogleLogo Default Thumbnailpjblog网页页面添加雪花飞舞特效（一般网页都可类比添加） Default Thumbnailpjblog3首页日志模块间指定位置添加一个或多个广告位代码的方法 Default Thumbnailpjblog中添加各种GOOGLE广告的方法收集整理 Default Thumbnailpjblog友情链接查询：让你轻松完成对申请友链的用户的反向跟踪 Default Thumbnail双击页面滚动单击页面滚动停止的JAVAscript特效实现代码 Default Thumbnailpjblog修改访客必须输入邮箱地址并邮箱只对博主可见 Default Thumbnailpjblog修改评论留言楼层设置与评论审核状态关闭时评论审核状态通过 Default Thumbnaildedecms 织梦jmobile风格wap模板：基于jquery mobile 的手机移动设备dedecms模板发布
点赞 (0)
知识共享许可协议
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code