技術敎學 - 自定義風格
-
自己設計個人主頁風格,這需要你瞭解一定的CSS知識
CSS內容:/*[name]範例[/name]*/
/*超連結顏色*/
a{ color: #900; }
/*背景圖案*/
body { padding: 0 0 50px; background: url(demo/images/body_bg.gif); color: #666; }
#wrap { padding: 15px 10px; border: 3px solid #EDC18A; background: #FFF; }
/*頂部橫條顏色*/
#header { margin: 0; background: url(demo/images/top_bg.jpg) repeat-x; color: #CCC; }
/*頂部中間的圖案*/
.headerwarp { height: 140px; background: url(demo/images/header.gif) no-repeat 0 40px; }
/*頂部超連結顏色*/
#header a { color: #2C629E; }
/*頂部logo*/
#header .logo a { width: 82px; height: 40px; background: url(demo/images/logo.gif) no-repeat left center; overflow: hidden; display: block; }
/*頂部logo位置*/
#header .logo a img { margin: -200px; }
/*頂部登入背景*/
.login_thumb { background-image: url(demo/images/login_bg.gif); }
#ubar h2,
#space_page .feed_header,
/*橫條樣式*/
.sidebox h2.title { padding: 0 10px; height: 30px; border-bottom: 3px solid #EDC18A; background: #F2F2F2 url(demo/images/body_bg.gif); color: #900; line-height: 29px; }
.ulist,
#space_page .feed li,
#space_page .comments_list li,
#footer { border-color: #ECF1F3; }
.tabs_header{ position: absolute; margin:-44px 0 0 170px; width: 600px; border: none;}
/*選單背景圖*/
.tabs_header ul.tabs li a, .tabs_header ul.tabs li a span{ background-image: url(demo/images/tab_bg.gif); color: #FFF; }
.tabs_header ul.tabs li.active a, .tabs_header ul.tabs li.active a span{ background-image: url(demo/images/active_tab_bg.gif); color: #5778A1; }
.tabs_header ul.tabs li{margin: 0 5px 0 0;}
-
哇!完全不懂! 信心大減。
-
椰絲酒吧: 哇!完全不懂!信心大減。括號內的妳懂嗎?
-
虫二: 括號內的妳懂嗎?不懂!需要逐字,逐句推敲。
-
椰絲酒吧: 不懂!需要逐字,逐句推敲。來日方長也。
-
虫二: 來日方長也。過了青春,無少年。我需要加快腳步。
-
椰絲酒吧: 過了青春,無少年。我需要加快腳步。
-
虫二:你去睡覺啦。不然,你會看上去老一些。晚安!
-
椰絲酒吧: 你去睡覺啦。不然,你會看上去老一些。晚安!容後再議!
-
虫二: 容後再議!好的