close









大家那麼喜歡VISTA作業系統介面
小江就做了一款VISTA風格
我知道我很久沒做樣式了 就請大家見諒吧



。滑鼠移入自行全選右鍵複製即可
。嚴禁任意修改樣式、盜用 
。若要修改請先留言告知拿走請記得網誌回覆文章
。謝謝大家配合,並祝使用愉快 RECTANGLE
解析度建議1280x1024     &1024*768以上

Css複製

HTML { SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#fff;OVERFLOW:hidden;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#fff;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#fff;} BODY { FONT-SIZE:7pt;BACKGROUND:url(http://bbs.kaohs.cools-online.com/wretchcss/vista.png) #fff fixed no-repeat;MARGIN:0px 0px 0px 65px;COLOR:#666;FONT-FAMILY:verdana;} A { COLOR:#444444;TEXT-DECORATION:none;} A:hover { CURSOR:se-resize;COLOR:#fff;TEXT-DECORATION:none;} #container1 { MARGIN:0px;WIDTH:830px;} #banner { HEIGHT:70px;} #pageheader H1 A { PADDING-RIGHT:4pt;PADDING-LEFT:4pt;FONT-WEIGHT:bold;FONT-SIZE:13pt;LEFT:185px;PADDING-BOTTOM:4pt;COLOR:#222;PADDING-TOP:4pt;POSITION:absolute;TOP:16px;TEXT-ALIGN:center;TEXT-DECORATION:none;} #pageheader H1 A:hover { COLOR:#000;} #pageheader .description { FONT-SIZE:10px;LEFT:600px;WIDTH:500px;PADDING-TOP:5px;POSITION:absolute;TOP:20px;TEXT-ALIGN:left;} #content { BORDER-RIGHT:#fff 0px solid;PADDING-RIGHT:5px;SCROLLBAR-FACE-COLOR:#fff;BACKGROUND:none transparent scroll repeat 0% 0%;FLOAT:right;OVERFLOW-X:hidden;MARGIN:5px 0px 0px 8px;SCROLLBAR-HIGHLIGHT-COLOR:#fff;OVERFLOW:auto;WIDTH:615px;SCROLLBAR-SHADOW-COLOR:#666;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#666;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#999;HEIGHT:473px;} .blogbody { PADDING-RIGHT:3px;PADDING-LEFT:3px;MARGIN-BOTTOM:15px;PADDING-BOTTOM:3px;MARGIN-LEFT:8px;LINE-HEIGHT:14pt;PADDING-TOP:3px;} .date { PADDING-LEFT:39px;FONT-SIZE:12pt;BACKGROUND:no-repeat left 50%;COLOR:#000000;PADDING-TOP:15px;FONT-FAMILY:Comic Sans MS;HEIGHT:36px;TEXT-ALIGN:left;} .title { PADDING-LEFT:70px;FONT-SIZE:medium;BACKGROUND:no-repeat 8% 50%;COLOR:#333333;TEXT-ALIGN:left;} .more { DISPLAY:block;BACKGROUND:no-repeat left bottom;FILTER:alpha(opacity=65);MARGIN-LEFT:410px;WIDTH:128px;HEIGHT:53px;TEXT-ALIGN:right;} A.more:hover { DISPLAY:block;FONT-SIZE:0px;BACKGROUND:no-repeat left bottom;FILTER:alpha(opacity=100);MARGIN-LEFT:415px;WIDTH:128px;COLOR:#fff;TEXT-ALIGN:right;} .posted { FONT-SIZE:9px;COLOR:#666666;BORDER-BOTTOM:#777 thin dotted;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;TEXT-ALIGN:right;} #text { SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#fff;WIDTH:615px;SCROLLBAR-SHADOW-COLOR:#666;COLOR:#000;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#666;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#999;HEIGHT:110px;} TEXTAREA { BORDER-RIGHT:#ccc 1px dashed;BORDER-TOP:#ccc 1px dashed;BACKGROUND:#fff fixed no-repeat 100% 0%;BORDER-LEFT:#ccc 1px dashed;COLOR:#000;BORDER-BOTTOM:#ccc 1px dashed;} INPUT { BORDER-RIGHT:#444 1px solid;BORDER-TOP:#444 1px solid;FONT-SIZE:10px;BACKGROUND:none transparent scroll repeat 0% 0%;BORDER-LEFT:#444 1px solid;COLOR:#444;BORDER-BOTTOM:#444 1px solid;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;} SELECT { BORDER-RIGHT:#444 1px solid;BORDER-TOP:#444 1px solid;FONT-SIZE:10px;BACKGROUND:none transparent scroll repeat 0% 0%;BORDER-LEFT:#444 1px solid;COLOR:#444;BORDER-BOTTOM:#444 1px solid;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;} .commentTitle { MARGIN-TOP:10px;FONT-SIZE:0px;MARGIN-LEFT:10px;COLOR:#fff;} .commentTitle A { DISPLAY:block;BACKGROUND:no-repeat 50% 50%;WIDTH:170px;COLOR:#fff;HEIGHT:49px;} .commentTitle A:hover { BACKGROUND:no-repeat 50% 50%;FILTER:Alpha(opacity=50);WIDTH:170px;COLOR:#fff;HEIGHT:49px;} .comments-body { BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:10px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:10px;BACKGROUND:#fff no-repeat;PADDING-BOTTOM:10px;MARGIN:10px 0px 10px 65px;BORDER-LEFT:#ccc 1px solid;WIDTH:440px;COLOR:#666;LINE-HEIGHT:175%;PADDING-TOP:10px;BORDER-BOTTOM:#ccc 1px solid;} .comments-body BR { LETTER-SPACING:0px;} .replyBox { BORDER-RIGHT:#ccc 0px dashed;BORDER-TOP:#ccc 0px dashed;BACKGROUND:url() no-repeat;BORDER-LEFT:#ccc 0px dashed;WIDTH:320px;LINE-HEIGHT:175%;PADDING-TOP:50px;BORDER-BOTTOM:#ccc 0px dashed;} .replyContent { PADDING-BOTTOM:5px;COLOR:#333;PADDING-TOP:0px;} .replyInfo { DISPLAY:none;COLOR:#666;TEXT-ALIGN:right;} .replyBox SPAN { DISPLAY:none;} .comments-post { DISPLAY:block;BACKGROUND:#ddd;MARGIN-LEFT:25px;COLOR:#666;LINE-HEIGHT:15px;TEXT-ALIGN:right;} .comments-post A { BACKGROUND:#aaa;} .comments-post A:hover { BACKGROUND:#ddd;COLOR:#ddd;} .comments-post BR { DISPLAY:none;} .comments-body IMG { VISIBILITY:hidden;MARGIN:2px;VERTICAL-ALIGN:middle;WIDTH:9px;HEIGHT:9px;} .comments-post IMG { VISIBILITY:hidden;MARGIN:2px;VERTICAL-ALIGN:middle;WIDTH:9px;HEIGHT:9px;} #links { PADDING-RIGHT:5px;SCROLLBAR-FACE-COLOR:#fff;FLOAT:left;OVERFLOW-X:hidden;SCROLLBAR-HIGHLIGHT-COLOR:#fff;OVERFLOW:auto;WIDTH:195px;SCROLLBAR-SHADOW-COLOR:#666;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#666;SCROLLBAR-TRACK-COLOR:#fff;SCROLLBAR-DARKSHADOW-COLOR:#999;TOP:10px;HEIGHT:473px;} .sidetitle { PADDING-RIGHT:5px;PADDING-LEFT:4px;FONT-WEIGHT:bold;FONT-SIZE:12px;BACKGROUND:#eee;PADDING-BOTTOM:5px;COLOR:#000;PADDING-TOP:5px;TEXT-ALIGN:left;} .side { PADDING-RIGHT:9px;PADDING-LEFT:9px;FONT-SIZE:9px;PADDING-BOTTOM:9px;COLOR:#000;LINE-HEIGHT:180%;PADDING-TOP:9px;} DIV.calendar { PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;COLOR:#000;PADDING-TOP:14px;} SPAN.calendar A { TEXT-ALIGN:center;} TD SPAN.calendar { DISPLAY:block;WIDTH:18px;LINE-HEIGHT:18px;} TD SPAN.calendar A { DISPLAY:block;BACKGROUND:#fff no-repeat left 50%;FILTER:alpha(opacity=90);WIDTH:18px;COLOR:#666;LINE-HEIGHT:18px;TEXT-ALIGN:center;} TD SPAN.calendar A:hover { FILTER:alpha(opacity=40);COLOR:#666;} #boxProfile .boxProfile0 { DISPLAY:none;} #boxProfile .boxProfile0 .sidetitle { HEIGHT:70px;} #boxProfile .boxProfile1 .side { COLOR:#fff;} #boxProfile .boxProfile1 .side A { TEXT-DECORATION:none;} #boxProfile .boxProfile1 A:hover { BORDER-LEFT:#fff 5px solid;} .boxMySpaceImg.boxMySpace1 IMG { DISPLAY:none;} .boxGiftLink { DISPLAY:none;} #boxSlideShow .boxSlideShow0 { DISPLAY:none;} .boxNewArticle1 IMG { DISPLAY:none;} #boxNewArticle { WIDTH:177px;} .boxNewArticle1 BR { DISPLAY:none;} #boxNewArticle .boxNewArticle1 .side { OVERFLOW:auto;} #boxNewArticle .side.boxNewArticle1 A { MARGIN-TOP:1px;DISPLAY:block;WIDTH:170px;LINE-HEIGHT:15px;TEXT-DECORATION:none;} #boxNewArticle .boxNewArticle1 .side A:hover { BACKGROUND:#ddd;COLOR:#333;TEXT-DECORATION:none;} #boxDate { DISPLAY:none;} #boxSearch { DISPLAY:none;} #scupioSearch { DISPLAY:none;} #boxNewComment { WIDTH:177px;} #boxNewComment .boxNewComment0 .sidetitle { BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-WIDTH:0px;} #boxNewComment .boxNewComment1 .side IMG { DISPLAY:none;} #boxNewComment .boxNewComment1 .side { OVERFLOW:auto;} #boxNewComment .boxNewComment1 .side { FONT-SIZE:0px;COLOR:#fff;} #boxNewComment .boxNewComment1 .side BR { DISPLAY:none;LINE-HEIGHT:0px;} #boxNewComment .boxNewComment1 .side A { MARGIN-TOP:1px;DISPLAY:block;FONT-SIZE:10px;WIDTH:170px;LINE-HEIGHT:15px;TEXT-DECORATION:none;} #boxNewComment .boxNewComment1 .side A:hover { BACKGROUND:#ddd;COLOR:#333;TEXT-DECORATION:none;} #boxCounter { FILTER:Alpha(opacity=90);LEFT:915px;WIDTH:210px;COLOR:#444;POSITION:absolute;TOP:20px;} #boxCounter .boxCounter0 { DISPLAY:none;} #boxCounter .boxCounter0 .sidetitle { BORDER-TOP-WIDTH:0px;PADDING-RIGHT:0px;PADDING-LEFT:0px;BORDER-LEFT-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;PADDING-BOTTOM:0px;COLOR:#444;PADDING-TOP:0px;BORDER-RIGHT-WIDTH:0px;} #boxCounter .boxCounter0 .side IMG { DISPLAY:none;} #boxCounter .boxCounter1 .side { PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;COLOR:#444;PADDING-TOP:0px;} .syndicate { PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;PADDING-TOP:0px;} .syndicate IMG { FILTER:gray;} #Exobud { FILTER:gray;} .powered { MARGIN:10px 0px 0px 10px;} .powered INPUT { FONT-SIZE:10px;FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;} .powered IMG { VISIBILITY:hidden;WIDTH:1px;HEIGHT:1px;} #footer { BACKGROUND:none transparent scroll repeat 0% 0%;HEIGHT:20px;}
arrow
arrow
    全站熱搜

    rectangle 發表在 痞客邦 留言(51) 人氣()