《妙手仁心》校内新版页面代码
特意为校内网做的HH的版面，花了我好长时间，大家如果喜欢就抱走吧~~~~代码：
body{}body{font-family:微软雅黑;width:1024px;margin:0pt auto;float:none;padding:0pt;}.menu-bar{border:none;}.beta-bar{display:none;}.navigation .nav-other{display:none;}.nav-main .info-edit{display:none;}.nav-shadow{display:none;}#footer .copyright{display:none;}#opi *{color:#333333 ;}.navigation{width:1024px;}.navigation .blank-holder{border:none;background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_1.jpg?t=1223113096]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_1.jpg?t=1223113096[/url]) no-repeat center;width:1024px;height:124px;}.navigation-wrapper{width:1024px;}#logo {background:transparent no-repeat center;width:26px;height:26px;padding:0pt;position:relative;left:646px;top:-57px;}#logo h1{display:none;}.navigation{background:transparent url();}.navigation .nav-main{background:transparent url();}.navigation .menu-title.with-arrow a{background:transparent url();}.navigation .menu-title.with-arrow a:hover{background:transparent url();}.navigation .nav-main .menu{margin:0pt;padding:0pt;}.navigation .nav-body {background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_2.jpg?t=1223113035]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_2.jpg?t=1223113035[/url]) no-repeat center;margin:0pt;width:1024px;height:76px;*margin-top:-26px;}.navigation .menu-title.with-arrow a{padding:2px 5px;}.navigation .menu-title.with-arrow a:hover{padding:2px 5px;}.navigation .nav-main{position:relative;left:166px;*left:186px;}.navigation .menu-title a{width:82px;height:20px;padding-top:20px;}.navigation .menu-title.with-arrow a{width:82px;height:20px;padding-top:20px;} .navigation .menu-title.with-arrow a:hover{width:82px;height:20px;padding-top:20px;}.navigation .menu-title a:hover{background:transparent;}.menu-bar {padding:0pt;background:transparent;}.profile .profile-panel{padding:0pt;background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_3-2.jpg?t=1223123854]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_3-2.jpg?t=1223123854[/url]) no-repeat top center;height:61px;}#opi{background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_4-1.jpg?t=1223121073]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_4-1.jpg?t=1223121073[/url]) repeat-y center;width:1024px;}#footer{margin:0pt;padding:0pt;width:1024px;background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_5-1.jpg?t=1223127589]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_5-1.jpg?t=1223127589[/url]) no-repeat top center;height:132px;}.profile .left-column-holder{height:50px;background:transparent;}.profile .left-column{padding-top:50px;}.navigation .menu-title a{color:#FFFFFF ;}.profile .profile-tabs ul.tabs li.selected{border:none;padding:0pt;margin-left:0pt;margin-top:0pt;margin-bottom:0pt;background:transparent;}.profile .profile-tabs ul.tabs li {border:none;padding:0pt;margin-left:0pt;margin-top:0pt;margin-bottom:0pt;background:transparent;}.profile .profile-tabs ul.tabs li a{background:transparent url([url=http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg]http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg[/url]) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a:hover{background:transparent url([url=http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg]http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg[/url]) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a.tab-link{background:transparent url([url=http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg]http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg[/url]) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a.tab-link:hover{background:transparent url([url=http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg]http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg[/url]) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li.selected a.tab-link:hover{background:transparent url([url=http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg]http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg[/url]) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}a.action:hover{background:#eeeeee;}a.action{border:none;}.box{border:none;}.profile .left-column .box-holder{border:none;}.profile .right-column .box-holder .box{border:none;}.profile .extra-column .box-holder{border:none;}.profile .box-holder .box h4.box-header{background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/star.jpg]http://i44.photobucket.com/albums/f36/lvlv0211/ps/star.jpg[/url]) no-repeat left center;text-indent:20px;}#opi .box .box-header span{color:#000000 ;font-size:14px;}.profile .talk-box .box-body{background:transparent;border:none;}#commentPostBtn{background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_6.jpg);border:none;width:91px;height:40px;font-size:0pt;color:#ffffff]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_6.jpg);border:none;width:91px;height:40px;font-size:0pt;color:#ffffff[/url] ;}#cmtbody{height:232px ;background:transparent url([url=http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_message.jpg]http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_message.jpg[/url]) no-repeat left top;border:none;width:359px;padding:10px;}*+html .tab-content{padding-top:50px;} .navigation .nav-main .menu-title a{color:#ffffff} .navigation #searchMenu .menu-title a{color:#ffffff} .navigation .nav-other .menu-title a{color:#ffffff}.navigation .nav-main .menu-title a:hover{color:#ffffff} .navigation .menu-title a:hover{color:#ffffff}
样式：
[IMG]http://i44.photobucket.com/albums/f36/lvlv0211/ps/xiaonei.jpg[/IMG]
[[i] 本帖最后由 缕缕 于 2008-10-7 05:25 PM 编辑 [/i]] 上面这个版泵图片上会有横线，且“应用”落到了下方，我也搞不定了~~~又做了一个图片是完整的，但是上面链接都没有的，有谁可以帮忙看一下代码是怎么回事，这个我也不是很懂啦~~~
[code]body{}body{font-family:微软雅黑;width:1024px;margin:0pt auto;float:none;padding:0pt;}.menu-bar{border:none;}.beta-bar{display:none;}.navigation .nav-other{display:none;}.nav-main .info-edit{display:none;}.nav-shadow{display:none;}#footer .copyright{display:none;}#opi *{color:#333333 ;}.navigation{width:1024px;}.navigation .blank-holder{border:none;background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_xiaonei2.jpg?t=1223369978) no-repeat center;width:1024px;height:261px;}.navigation-wrapper{width:1024px;}#logo {background:transparent no-repeat center;width:26px;height:26px;padding:0pt;position:relative;left:646px;top:-57px;}#logo h1{display:none;}.navigation{background:transparent url();}.navigation .nav-main{background:transparent url();}.navigation .menu-title.with-arrow a{background:transparent url();}.navigation .menu-title.with-arrow a:hover{background:transparent url();}.navigation .nav-main .menu{margin:0pt;padding:0pt;}.navigation .nav-body {background:transparent url();}.navigation .menu-title.with-arrow a{padding:2px 5px;}.navigation .menu-title.with-arrow a:hover{padding:2px 5px;}.navigation .nav-main{position:relative;left:166px;*left:186px;}.navigation .menu-title a{width:82px;height:20px;padding-top:20px;}. navigation .menu-title.with-arrow a{width:82px;height:20px;padding-top:20px;} .navigation .menu-title.with-arrow a:hover{width:82px;height:20px;padding-top:20px;}.navigation .menu-title a:hover{background:transparent;}.menu-bar {padding:0pt;background:transparent;}.profile .profile-panel{padding:0pt;background:transparent url();}#opi{background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_4-1.jpg?t=1223121073) repeat-y center;width:1024px;}#footer{margin:0pt;padding:0pt;width:1024px;background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_5-1.jpg?t=1223127589) no-repeat top center;height:132px;}.profile .left-column-holder{height:50px;background:transparent;}.profile .left-column{padding-top:50px;}.navigation .menu-title a{color:#FFFFFF ;}.profile .profile-tabs ul.tabs li.selected{border:none;padding:0pt;margin-left:0pt;margin-top:0pt;margin-bottom:0pt;background:transparent;}.profile .profile-tabs ul.tabs li {border:none;padding:0pt;margin-left:0pt;margin-top:0pt;margin-bottom:0pt;background:transparent;}.profile .profile-tabs ul.tabs li a{background:transparent url(http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a:hover{background:transparent url(http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a.tab-link{background:transparent url(http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li a.tab-link:hover{background:transparent url(http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}.profile .profile-tabs ul.tabs li.selected a.tab-link:hover{background:transparent url(http://fmn005.xnimg.cn/fmn005/pic001/20080914/10/57/large_u8CQ_1423m198172.jpg) no-repeat;width:56px;height:33px;font-weight:normal;text-align:center;line-height:20px;}a.action:hover{background:#eeeeee;}a.action{border:none;}.box{border:none;}.profile .left-column .box-holder{border:none;}.profile .right-column .box-holder .box{border:none;}.profile .extra-column .box-holder{border:none;}.profile .box-holder .box h4.box-header{background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/star.jpg) no-repeat left center;text-indent:20px;}#opi .box .box-header span{color:#000000 ;font-size:14px;}.profile .talk-box .box-body{background:transparent;border:none;}#commentPostBtn{background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_6.jpg);border:none;width:91px;height:40px;font-size:0pt;color:#ffffff ;}#cmtbody{height:232px ;background:transparent url(http://i44.photobucket.com/albums/f36/lvlv0211/ps/HH_message.jpg) no-repeat left top;border:none;width:359px;padding:10px;}*+html .tab-content{padding-top:50px;} .navigation .nav-main .menu-title a{color:#ffffff} .navigation #searchMenu .menu-title a{color:#ffffff} .navigation .nav-other .menu-title a{color:#ffffff}.navigation .nav-main .menu-title a:hover{color:#ffffff} .navigation .menu-title a:hover{color:#ffffff}[/code]
[[i] 本帖最后由 缕缕 于 2008-10-7 05:29 PM 编辑 [/i]] 图很喜欢！希望尽快改善哈，我想用哦！:$ 用上了，好漂亮哦
谢谢缕缕咯，真的很美呢 哈哈哈 好喜欢啊 谢谢lz啦
真的是好漂亮 (*^__^*) 嘻嘻…… 我用了1樓的，貌似OK的！
页:
[1]