个人信息横排美化问题,会的进来帮下忙

这个是我今天刚给自己的社区安装的,但是觉得背景
稍微有点低了,我需要改哪个参数才能把背景往上面提一点?
代码如下,会的告诉我一下,谢谢{:soso_e150:}

1. <style type="text/css">
   
2. /* 横排 */
   
3. .cxuserinfo{width:957px;height:188px;overflow:hidden;background:url(/static/image/common/info/fans_yhbg.jpg) 0 0;margin:4px auto;font-size:12px;}
   
4. .info_l1{float:left;height:188px;width:39px;}
   
5. .info_l1 div{width:16px;margin-left:12px;margin-top:108px;}
   
6. .info_l1 div img{margin-top:5px;}
   
7. .info_l2{float:left;height:186px;width:130px;}
   
8. .info_l2 span{display:block;width:111px;height:110px;margin:17px 0 0 9px;overflow:hidden;}
   
9. .info_l2 p{margin-top:22px!important;;margin-top:23px;line-height:30px;color:#222;text-align:center;overflow:hidden;}
   
10. .info_r{float:right;height:186px;width:768px;}
    
11. .info_r_t{height:30px;line-height:30px;width:765px;margin-top:8px;overflow:hidden;}
    
12. .info_r_t .dengji{padding-left:20px;background:url(icon_6.gif) 0 40% no-repeat;}
    
13. .dengji font{padding-top:8px;}
    
14. .dengji img{position:absolute;}
    
15. .info_r_t .gl{margin-left:25px;}
    
16. .info_r_t div{height:27px;width:auto;float:left;margin-top:3px;margin-right:5px;}
    
17. .info_r_t div img{margin-top:5px;height:17px;}
    
18. .info_r_t span{float:right;margin-right:10px;}
    
19. .info_r_t div em{color:#d80000;}
    
20. .infor_r_l{float:left;height:137px;width:408px;}
    
21. .infor_r_l1{height:34px;width:408px;}
    
22. .infor_r_l1 .userimg{display:block;width:139px;height:32px;float:left;margin-right:5px;overflow:hidden;}
    
23. .infor_r_l1 .userimg1{float:left;margin-right:5px;margin-top:7px;}
    
24. .infor_r_l1 p{float:left;line-height:34px;}
    
25. .infor_r_l2{height:25px;width:408px;}
    
26. .infor_r_l2 p{float:left;margin-right:5px;margin-top:0px;}
    
27. .infor_r_l3{height:73px;width:408px;margin-top:1px !important;margin-top:-1px;}
    
28. .infor_r_l3 ul{float:left;margin:0;padding:0;}
    
29. .infor_r_l3 ul li{padding-left:20px;overflow:hidden;list-style:none;}
    
30. .info_ul_l{width:92px;}.info_ul_c{width:194px;}
    
31. .info_ul_c li{width:77px;float:left;}
    
32. .info_ul_r{width:122px;}
    
33. .info_ul_r li{width:102px;float:left;overflow:hidden;height:19px;}
    
34. .info_r_b_r{float:left;width:310px;height:110px;overflow:hidden;margin-left:35px;margin-top:17px;line-height:110px;text-align:center;}
    
35. .info_r_b_r img{float:left;margin:3px 2px;}
    
36. </style>
    
37. <cite>
    
38. <!-----会员信息----->
    
39. <tr><td>
    
40. <!--{if $post['authorid'] && $post['username'] && !$post['anonymous']}-->
    
41. <div class="cxuserinfo">
    
42. <div class="info_l1">
    
43. <div><!--{if $post['qq']}--><a href="http://$post[qq].qzone.qq.com/" target="_blank" title="QQ空间"><img src="{IMGDIR}/info/qzone.gif" alt="欢迎光临$post[username]的QQ空间" /></a><a href="http://wpa.qq.com/msgrd?V=1&Uin=$post[qq]&Site=$bbname&Menu=yes" target="_blank"><img src="{IMGDIR}/info/qq.gif" alt="QQ" /></a><!--{/if}--><a href="home.php?mod=space&uid=$post['authorid']" target="_blank" id="userinfo$post[pid]"><img src="{IMGDIR}/userinfo.gif" alt="查看作者资料" /></a></div>
    
44. </div>
    
45. <div class="info_l2">
    
46. <span>
    
47. <a href="home.php?mod=space&uid=$post['authorid']" class="posterlink" target="_blank"><img src="uc_server/avatar.php?uid=$post['authorid']&size=common" /></a>
    
48. </span>
    
49. <p><!--{if $post['customstatus'] && $_G['group']['allowcstatus']}--><b><font color="#fff000">昵称:<em>$post[customstatus]</em></font></b><!--{else}--><a href="home.php?mod=spacecp&ac=profile&op=bbs">您还没设置昵称</a><!--{/if}--></p>
    
50. </div>
    
51. <div class="info_r">
    
52. <div class="info_r_t">
    
53. <div>
    
54. <a href="home.php?mod=space&uid=$post['authorid']" target="_blank"><img src="{IMGDIR}/info/kongjian.jpg" alt="个人空间" /></a>
    
55. 
    
56. <a href="home.php?mod=spacecp&ac=pm&op=showmsg&handlekey=showmsg_$post[authorid]&touid=$post[authorid]&pmid=0&daterange=2&pid=$post[pid]" onclick="hideMenu('userinfo$post[pid]');showWindow('sendpm', this.href)" title="{lang send_pm}"><img src="{IMGDIR}/info/xinxi.jpg" alt="{lang send_pm}" /></a>
    
57. <a href="home.php?mod=spacecp&ac=friend&op=add&uid=$post[authorid]&handlekey=addfriendhk_{$post[authorid]}" id="a_friend_li_{$post[pid]}" onclick="showWindow(this.id, this.href, 'get', 1, {'ctrlid':this.id,'pos':'00'});"><img src="{IMGDIR}/info/haoyou.jpg" alt="{lang add_to_buddylist}"</a>
    
58. <!--{if $post['authorid'] && !$post['anonymous']}-->
    
59. <!--{if !$authorid}-->
    
60. <a href="forum.php?mod=viewthread&tid=$post[tid]&page=$page&authorid=$post[authorid]" rel="nofollow"><img src="{IMGDIR}/info/zhikan.jpg" /></a>
    
61. <!--{else}-->
    
62. <a href="viewthread.php?tid=$post[tid]&page=$page" rel="nofollow"><img src="{IMGDIR}/info/zhikan.jpg" /></a>
    
63. <!--{/if}-->
    
64. <!--{/if}-->
    
65. </div>
    
66. <div>
    
67. <strong><a href="home.php?mod=space&uid=$post[authorid]" target="_blank">$post[author]</a></strong>
    
68. <!--{if $_G['setting']['vtonlinestatus'] && $post['authorid']}-->
    
69. <!--{if ($_G['setting']['vtonlinestatus'] == 2 && $_G[forum_onlineauthors][$post[authorid]]) || ($_G['setting']['vtonlinestatus'] == 1 && (TIMESTAMP - $post['lastactivity'] <= 10800) && !$post['authorinvisible'])}-->
    
70. <em>{lang online}
    
71. <!--{else}-->
    
72. <em>{lang offline}
    
73. <!--{/if}-->
    
74. </em>
    
75. <!--{/if}-->
    
76. </div>
    
77. <div class="dengji"><!--{if $post[posts]<500}--> 经验:<font
    
78. color="green"> 01级</font>
    
79. <img src="{IMGDIR}/info/1.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯加油加油">
    
80. <!--{elseif $post[posts]<100}-->
    
81. 经验:<font color="green"> 02级</font>
    
82. <img src="{IMGDIR}/info/2.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯哎哟哎哟">
    
83. <!--{elseif $post[posts]<200}-->
    
84. 经验:<font color="green"> 03级</font>
    
85. <img src="{IMGDIR}/info/3.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快4级咯">
    
86. <!--{elseif $post[posts]<300}-->
    
87. 经验:<font color="green"> 04级</font>
    
88. <img src="{IMGDIR}/info/4.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快5级咯">
    
89. <!--{elseif $post[posts]<400}-->
    
90. 经验:<font color="green"> 05级</font>
    
91. <img src="{IMGDIR}/info/5.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快6级咯">
    
92. <!--{elseif $post[posts]<500}-->
    
93. 经验:<font color="green"> 06级</font>
    
94. <img src="{IMGDIR}/info/6.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快7级咯">
    
95. <!--{elseif $post[posts]<600}-->
    
96. 经验:<font color="green"> 07级</font>
    
97. <img src="{IMGDIR}/info/7.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快8级咯">
    
98. <!--{elseif $post[posts]<700}-->
    
99. 经验:<font color="green"> 08级</font>
    
100. <img src="{IMGDIR}/info/8.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快9级咯">
     
101. <!--{elseif $post[posts]<800}-->
     
102. 经验:<font color="green"> 09级</font>
     
103. <img src="{IMGDIR}/info/9.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯马上就要文坛巨匠咯">
     
104. <!--{elseif $post[posts]<900}-->
     
105. 经验:<font color="green"> 10级</font>
     
106. <img src="{IMGDIR}/info/10.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯文坛巨匠了不起哦">
     
107. <!--{elseif $post[posts]<1000}-->
     
108. 经验:<font color="green"> 11级</font>
     
109. <img src="{IMGDIR}/info/11.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快12级咯">
     
110. <!--{elseif $post[posts]<1500}-->
     
111. 经验:<font color="green"> 12级</font>
     
112. <img src="{IMGDIR}/info/12.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快13级咯">
     
113. <!--{elseif $post[posts]<2000}-->
     
114. 经验:<font color="green"> 13级</font>
     
115. <img src="{IMGDIR}/info/13.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快14级咯">
     
116. <!--{elseif $post[posts]<2500}-->
     
117. 经验:<font color="green"> 14级</font>
     
118. <img src="{IMGDIR}/info/14.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快15级咯">
     
119. <!--{elseif $post[posts]<3000}-->
     
120. 经验:<font color="green"> 15级</font>
     
121. <img src="{IMGDIR}/info/15.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快16级咯">
     
122. <!--{elseif $post[posts]<4000}-->
     
123. 经验:<font color="green"> 16级</font>
     
124. <img src="{IMGDIR}/info/16.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快17级咯">
     
125. <!--{elseif $post[posts]<5000}-->
     
126. 经验:<font color="green"> 17级</font>
     
127. <img src="{IMGDIR}/info/17.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快18级咯">
     
128. <!--{elseif $post[posts]<6000}-->
     
129. 经验:<font color="green"> 18级</font>
     
130. <img src="{IMGDIR}/info/18.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快19级咯">
     
131. <!--{elseif $post[posts]<7000}-->
     
132. 经验:<font color="green"> 19级</font>
     
133. <img src="{IMGDIR}/info/19.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯马上就要做水神了啊">
     
134. <!--{elseif $post[posts]<8000}-->
     
135. 经验:<font color="green"> 20级</font>
     
136. <img src="{IMGDIR}/info/20.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯水神啊！">
     
137. <!--{elseif $post[posts]<9000}-->
     
138. 经验:<font color="green"> 21级</font>
     
139. <img src="{IMGDIR}/info/21.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快22级咯">
     
140. <!--{elseif $post[posts]<10000}-->
     
141. 经验:<font color="green"> 22级</font>
     
142. <img src="{IMGDIR}/info/22.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快23级咯">
     
143. <!--{elseif $post[posts]<13000}-->
     
144. 经验:<font color="green"> 23级</font>
     
145. <img src="{IMGDIR}/info/23.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快24级咯">
     
146. <!--{elseif $post[posts]<15000}-->
     
147. 经验:<font color="green"> 24级</font>
     
148. <img src="{IMGDIR}/info/24.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快25级咯">
     
149. <!--{elseif $post[posts]<20000}-->
     
150. 经验:<font color="green"> 25级</font>
     
151. <img src="{IMGDIR}/info/25.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快26级咯">
     
152. <!--{elseif $post[posts]<25000}-->
     
153. 经验:<font color="green"> 26级</font>
     
154. <img src="{IMGDIR}/info/26.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快27级咯">
     
155. <!--{elseif $post[posts]<30000}-->
     
156. 经验:<font color="green"> 27级</font>
     
157. <img src="{IMGDIR}/info/27.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快28级咯">
     
158. <!--{elseif $post[posts]<35000}-->
     
159. 经验:<font color="green"> 28级</font>
     
160. <img src="{IMGDIR}/info/28.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯快29级咯">
     
161. <!--{elseif $post[posts]<40000}-->
     
162. 经验:<font color="green"> 29级</font>
     
163. <img src="{IMGDIR}/info/29.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯马上就可以当水龙王了啊">
     
164. <!--{elseif $post[posts]<50000}-->
     
165. 经验:<font color="green"> 30级</font>
     
166. <img src="{IMGDIR}/info/30.gif" align="absmiddle" alt="已经发了$post[posts]篇文章咯水龙王非你莫属">
     
167. <!--{/if}--></div>
     
168. <!--加为好友、发短信代码开始-->
     
169. <div class="info_r_t">  
     
170. <!--{if $post['icq']}--><a href="http://wwp.icq.com/scripts/search.dll?to=$post[icq]" target="_blank" title="ICQ"><img src="{IMGDIR}/icq.gif" alt="ICQ" /></a><!--{/if}-->
     
171. <!--{if $post['yahoo']}--><a href="http://edit.yahoo.com/config/send_webmesg?.target=$post[yahoo]&.src=pg" target="_blank" title="Yahoo"><img src="{IMGDIR}/yahoo.gif" alt="Yahoo!" /></a><!--{/if}-->
     
172. <!--{if $post['taobao']}--><a href="javascript:;" onclick="window.open('http://amos.im.alisoft.com/msg.aw?v=2&uid='+encodeURIComponent('$post[taobaoas]')+'&site=cntaobao&s=2&charset=utf-8')" title="{lang taobao}"><img src="{IMGDIR}/taobao.gif" alt="{lang taobao}" /></a><!--{/if}-->
     
173. <!--{if $post['site']}--><a href="$post[site]" target="_blank" title="{lang member_homepage}"><img src="{IMGDIR}/forumlink.gif" alt="{lang member_homepage}" /></a><!--{/if}-->
     
174. 
     
175. <!--{if $_G['setting']['magicstatus']}-->
     
176. <!--{if !empty($_G['setting']['magics']['showip'])}-->
     
177. <a href="home.php?mod=magic&mid=showip&idtype=user&id={echo rawurlencode($post[author])}" id="a_showip_li_{$post[pid]}" onclick="showWindow(this.id, this.href)"><img src="{IMGDIR}/info/showip.gif" title="对 $post[author] 使用窥视卡"></a>
     
178. <!--{/if}-->
     
179. <!--{if !empty($_G['setting']['magics']['checkonline']) && $post['authorid'] != $_G['uid']}-->
     
180. <a href="home.php?mod=magic&mid=checkonline&idtype=user&id={echo rawurlencode($post[author])}" id="a_repent_$post[pid]" onclick="showWindow(this.id, this.href)"><img src="{IMGDIR}/info/checkonline.gif" title="对 $post[author] 使用雷达卡"></a>
     
181. <!--{/if}-->
     
182. <!--{/if}-->
     
183. <!--加为好友、发短信代码结束-->
     
184. 
     
185. </div></div>
     
186. <div class="infor_r_l">
     
187. <div class="infor_r_l1">
     
188. <span class="userimg1"><!--{if $post[groupicon]}--><p>$post[groupicon]</p>
     
189. <!--{if ($_G['setting']['vtonlinestatus'] == 2 && $_G[forum_onlineauthors][$post[authorid]]) || ($_G['setting']['vtonlinestatus'] == 1 && (TIMESTAMP - $post['lastactivity'] <= 10800) && !$post['authorinvisible'])}-->
     
190. <!--{if $post['gender'] == 1}--><img src="{IMGDIR}/info/view_boy.gif" alt="帅哥哟（在线）有人找我吗？">
     
191. <!--{elseif $post['gender'] == 2}--><img src="{IMGDIR}/info/view_girl.gif" alt="美女哟(在线)有人找我吗？">
     
192. <!--{elseif $post['gender'] == 0}--><img src="{IMGDIR}/info/view_bga.gif" alt="火星人(在线)">
     
193. <!--{/if}-->
     
194. <!--{else}-->
     
195. <!--{if $post['gender'] == 1}--><img src="{IMGDIR}/info/view_boy1.gif" alt="帅哥哟（离线）">
     
196. <!--{elseif $post['gender'] == 2}-->
     
197. <img src="{IMGDIR}/info/view_girl2.gif" alt="美女哟（离线）"/>
     
198. <!--{elseif $post['gender']== 0 }-->
     
199. <img src="{IMGDIR}/info/view_bga1.gif" alt="火星人（离线）" />
     
200. <!--{/if}-->
     
201. 
     
202. <!--{/if}-->
     
203. <B><FONT color=#00baff>No.$post[uid]</FONT></B>
     
204. 
     
205. <!--{else}-->
     
206. <!--{/if}--></span><p><em id="authorposton$post[pid]">{lang poston} $post[dateline]</em></p></div>
     
207. <div class="infor_r_l2"><p>头衔:<em><a href="home.php?mod=spacecp&ac=usergroup&gid=$post[groupid]" target="_blank">{$post[authortitle]}</a></em></p><p>{eval showstars($post['stars']);}</p>
     
208. </div>
     
209. <div class="infor_r_l3">
     
210. <ul class="info_ul_l">
     
211. <li>ID$post[authorid]</li><li>{lang digest_posts}:<!--{if $post['digestposts']}--><a href="digest.php?authorid=$post[authorid]">$post[digestposts]</a><!--{else}-->$post[digestposts]<!--{/if}--></li><li>{lang credits}:$post[credits]</li><li>{lang posts}:$post[posts]</li>
     
212. </ul>
     
213. <ul class="info_ul_c">
     
214. <li>威望:$post[extcredits1]</li><li>军饷:$post[extcredits2]</li><li>元宝:$post[extcredits3]</li><li>金币:$post[extcredits4]</li><li>活跃:$post[extcredits5]</li><li>魅力:$post[extcredits6]</li><li>推广:$post[extcredits7]</li><li>沙发:$post[extcredits8]</li>
     
215. 
     
216. </ul>
     
217. <ul class="info_ul_r">
     
218. <li>{lang readperm}:$post[readaccess]</li><li>注册:$post[regdate]</li><li>登陆:$post[lastdate]</li><li>在线:共$post[oltime]小时</li>
     
219. </ul>
     
220. </div>
     
221. </div>
     
222. <div class="info_r_b_r">
     
223. <!--{if $post['medals']}-->
     
224. <!--{loop $post['medals'] $medal}-->
     
225. <img src="{IMGDIR}/$medal[image]" alt="$medal[name]" title="$medal[name]" />
     
226. <!--{/loop}-->
     
227. <!--{else}-->
     
228. <a href="home.php?mod=medal"><font color="#666666">你还没有获得勋章，点此申请勋章</font></a>
     
229. <!--{/if}--></div>
     
230. </div>
     
231. </div>
     
232. <!--{/if}-->$post[newpostanchor] $post[lastpostanchor]
     
233. </td></tr>
     
234. <!-----会员信息end----->

复制代码

代码有点乱，但是还是可以美化的

htmz883 发表于 2012-5-18 10:04
代码有点乱，但是还是可以美化的

我只要把背景提上去一点