个人主页风格_粉色SD娃娃页面

最近没有什么时间上网,可能是懒了吧...都没有什么发表贴子.
开源后再努力了!
演示地址:http://u.discuz.net/home/375456
适合女生!!!!!!

1. body{color:#fff;font-size:9pt;margin:0px;padding:0px;background:url(http://huax5.cn/img/A307136684858CHI.jpg) repeat ; color: #768D79; }
   
2. 
   
3. a { color: #BB40B8; }
   
4. 
   
5. #header{width:1004px;height:541px;
   
6. background:  url(http://huax5.cn/img/A314866453599PEP.gif) no-repeat top center ;}
   
7. #header h2, #header h2 a { border: none; width: 138px; height: 70px; }
   
8.                 #header h2 a { display: block; background: url() no-repeat 10px 0; text-indent: -9999px; }
   
9.         #menu { left: auto; right: 20px; top: 35px; height: 38px; padding-left: 40px; background: url() no-repeat 0 0; line-height: 36px; }
   
10.                 #menu li { padding-left: 10px; background: url() no-repeat 0 0; }
    
11.                         #menu a { color: #A9C5B6; }
    
12.                                 #menu a:hover { background: transparent; color: #FFF; }
    
13.                                 #menu .edit { color: #607F6E;; }
    
14.                         #op { right: 20px; top: 0; float: none; padding-right: 0; }
    
15.                                 #op .pipe { color: #3C4F45; }
    
16.                                 #op a { color: #607F6E; }
    
17.                                         #op a:hover { color: #FFF; }
    
18. 
    
19. 
    
20. 
    
21. 
    
22. 
    
23. #content { background: url(http://huax5.cn/img/A322939538457GAR.gif) repeat-y center ;width:1004px;}
    
24. .r_content { padding: 10px; }
    
25. #side {  float: none; padding: 0; width: 778px; background: transparent; }
    
26. #side .app_list { padding: 10px 0 0 0; border: none; font-size: 12px; line-height: 33px; }
    
27.   #side .app_list li { float: left; width: 80px; margin-left: 15px; height: 33px;   background: url() no-repeat 100% 0; !important; }
    
28.    #side .app_list a { height: 33px; color: #000000; text-indent: 0; text-align: center;  }
    
29.   #side .app_list em { right: 3px; }
    
30.    #side .app_list em a { color: #2E3F36; }
    
31.     #side .app_list em a:hover { color: #FFF; }
    
32. 
    
33. 
    
34. #mainarea { margin-top: 0;  margin-left: -900px; width: 778px; border: none; background: transparent; }
    
35. .wide { width: 540px; }
    
36. .r_content { padding: 0 0 0 10px; }
    
37. .r_content .narrow { float: right; }
    
38. .r_content .wide { float: left; width: 540px; }
    
39. 
    
40. .wide .box { background: url() no-repeat 100% 0; }
    
41. #space_basicinfo { background: none; }
    
42. .wide .box h3 { height: 33px; border: none; background: transparent url() no-repeat 0 0; line-height: 29px; color: #000000; }
    
43. .narrow .box h3 { padding-bottom: 3px; border-top: none; border-bottom: 1px solid #D2CEBE; background: transparent; color: #000000; }
    
44. .box_action { border: none; background: transparent; }
    
45. .narrow .box_action { border-top: 3px solid #E3E0D7;  }
    
46. .box_action, .box_action a { color: #000000; }
    
47. .box_content { padding: 0; }
    
48. 
    
49. widebar{border-bottom:none; border-right:none;}
    
50. #userStatus{ border-bottom:none;}
    
51. #AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4{color:#000;}
    
52. .box { }
    
53. .box { background: url() no-repeat 100% 0; }
    
54.         #space_basicinfo, #space_action, #space_appicon { background: none; }
    
55.         .box h3 { padding-left: 18px; border: none; background: transparent url() no-repeat 0 0; line-height: 28px; color: #BB40B8; }
    
56.         .box_action, .box_action a { color: #768D79; }
    
57.         .box_content { padding: 0; }
    
58. 
    
59. .box_action, .i_header, .f_status, .space_wall_post { border: none; background: transparent; }
    
60. .i_header { padding-left: 250px; }
    
61. 
    
62. .title { border-top: none; border-bottom-color: #D0E0D7; background: #FCEBF9; }
    
63. #footer{margin-left: 0px; width:1004px;background:url(http://huax5.cn/img/A296131171799CHI.gif) no-repeat top center;height:52px;border:0px;}

复制代码

[ 本帖最后由 liangei 于 2008-5-10 11:37 编辑 ]

不错 谢谢

谢谢楼主的无私奉献！

怎么搞?

谢谢楼上的e

晕晕..

浏览器兼容性太差
opera下乱版

终于找到t10了

不错 谢谢

老大谢谢你提供的模板，不过我用有的是错位的，我不懂CSS，请你帮帮我，就是主页的最近来访跑到最下面去了，错位了！要不教下我我自己搞也行，谢谢了！问提的演示在这里：http://www.e0857.com/space.php?uid=47