您的位置:首页 > Web前端 > HTML

终于把csdn上的这个blog搞的相个样子了

2006-08-08 20:32 351 查看
以前做过设计,要不然真高不定,这个blog每个摸班的div的id都不一样好象

这个叫人头痛,选定一个blue的摸班 然后动手,边工作,考高了两天,不过现在还过的去

不过由于我选的这个摸班本身存在的问题我想加上一个漂亮的header就是高死也达不到如意的效果

下面是代码:




P {...}{


    PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px


}




A {...}{


    


}




BODY P {...}{


    FONT-SIZE: 12px; voice-family: inherit


}




UNKNOWN {...}{


    FONT-SIZE: small


}




HTML {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff


}




BODY {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff


}




H1 {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




H2 {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




H3 {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




H4 {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




H1 {...}{


    FONT-SIZE: 30px


}




H2 {...}{


    FONT-SIZE: 24px


}




H3 {...}{


    FONT-SIZE: 20px


}




H4 {...}{


    FONT-SIZE: 16px


}




.pagelayout {...}{


    BACKGROUND: #fff; MARGIN: 5px; POSITION: absolute; TOP: 15px


}




.leftcolumn {...}{


    PADDING-RIGHT: 10px;


    PADDING-LEFT: 10px;


    FLOAT: left;


    PADDING-BOTTOM: 10px;


    MARGIN-LEFT: -1px;


    WIDTH: 220px;


    PADDING-TOP: 0px;


    TEXT-ALIGN: left;


}




.rightcolumn {...}{


    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 220px; MARGIN-RIGHT: -1px; PADDING-TOP: 10px; TEXT-ALIGN: right


}




.centercolumn {...}{


    PADDING-RIGHT: 10px;


    PADDING-LEFT: 26px;


    PADDING-BOTTOM: 10px;


    MARGIN-LEFT: 220px;


    PADDING-TOP: 0px;


    background-image: url(http://p.blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_view_bg.gif);


    background-repeat: repeat-y;


}




.imageFrame {...}{


    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center


}




.header {...}{


padding-left: 10px;


MARGIN-BOTTOM: 0px;


COLOR: #006;


BACKGROUND-COLOR: #fff;


border-bottom-width: 1px;


border-color: #CCCCCC;


border-bottom-style: solid;


}




A.headermaintitle:link {...}{


    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff


}




A.headermaintitle:visited {...}{


    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff


}




A.headermaintitle:hover {...}{


    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff


}




A.headersubtitle:link {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.headersubtitle:visited {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.headersubtitle:hover {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




.footer {...}{


    CLEAR: both;


    PADDING-RIGHT: 10px;


    BORDER-TOP: #006 1px solid;


    PADDING-LEFT: 0px;


    FONT-SIZE: 11px;


    PADDING-BOTTOM: 0px;


    WIDTH: 100%;


    COLOR: #006;


    PADDING-TOP: 2px;


    TEXT-ALIGN: center;


}




.spacer {...}{


    CLEAR: both;


}




.dateTitle {...}{


    PADDING-RIGHT: 2px; MARGIN-TOP: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #54B0F1; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 2px; COLOR: #fff; LINE-HEIGHT: 14px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; LETTER-SPACING: 0.2em; TEXT-ALIGN: left


}




.listtitle {...}{


    PADDING-RIGHT: 2px;


    MARGIN-TOP: 0px;


    PADDING-LEFT: 36px;


    FONT-WEIGHT: bold;


    FONT-SIZE: 12px;


    BACKGROUND: #7ba5ce;


    MARGIN-BOTTOM: 1px;


    PADDING-BOTTOM: 2px;


    COLOR: #fff;


    LINE-HEIGHT: 25px;


    PADDING-TOP: 2px;


    LETTER-SPACING: 0.2em;


    TEXT-ALIGN: left;


    background-image: url(http://p.blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_sort.jpg);


}




.list {...}{


    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted


}




.postlist {...}{


    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted


}




.postList {...}{


    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted


}




.singlepost {...}{


    BORDER-RIGHT: 0px; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: 0px; COLOR: #006; BORDER-BOTTOM: #006 1px solid; BACKGROUND-COLOR: #fff


}




.postFoot {...}{


    FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left


}




.postTitle {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; CURSOR: hand; COLOR: #006bad; PADDING-TOP: 5px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline


}




.postText {...}{


    FONT-SIZE: 12px;


    font-family: Verdana, Arial, Helvetica, sans-serif;


}




.singleposttitle {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.singleposttitle:link {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.singleposttitle:visited {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.singleposttitle:hover {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.itemdesc:link {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.itemdesc:active {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.itemdesc:visited {...}{


    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.itemdesc:hover {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




UL.entrylist {...}{


    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-LEFT: 0px; COLOR: #000; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px


}




LI.entrylistitem {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 3px 0px; PADDING-TOP: 5px; TEXT-ALIGN: left


}




A.entrylisttitle:link {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.entrylisttitle:visited {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.entrylisttitle:active {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




A.entrylisttitle:hover {...}{


    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




UL.list {...}{


    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; MARGIN-LEFT: 0px; BORDER-LEFT: #aaaaaa 1px dotted; COLOR: #000; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #aaaaaa 1px dotted; LIST-STYLE-TYPE: none


}




LI.listitem {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left


}




A.listitem {...}{


    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.listitem:link {...}{


    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.listitem:visited {...}{


    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.listitem:active {...}{


    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.listitem:hover {...}{


    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline


}




BLOCKQUOTE {...}{


    BORDER-RIGHT: #666 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 2px solid; PADDING-LEFT: 8px; BACKGROUND: #e1ebf4; PADDING-BOTTOM: 5px; MARGIN: 0px 15px 10px; BORDER-LEFT: #666 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #666 2px solid


}




IMG {...}{


    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none


}




DIV.seperator {...}{


    PADDING-RIGHT: 0px; BORDER-TOP: #006bad 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; WIDTH: 95%; PADDING-TOP: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #fff


}




A:link {...}{


    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none


}




A:visited {...}{


    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none


}




A:active {...}{


    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none


}




A:hover {...}{


    BACKGROUND: #000;


    COLOR: #fff;


}




.commentform {...}{


    TEXT-ALIGN: left


}




.moreinfotitle {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 14px; PADDING-TOP: 0px


}




.moreinfo {...}{


    BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 15px 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #fff


}




UL.morelist {...}{


    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none


}




LI.morelistitem {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-LEFT: 0px; TEXT-ALIGN: left


}




A.printlink:link {...}{


    FONT-WEIGHT: normal; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.printlink:visited {...}{


    FONT-WEIGHT: normal; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none


}




A.printlink:hover {...}{


    TEXT-DECORATION: underline


}




SPAN.highlight {...}{


    BACKGROUND-COLOR: yellow


}




.Tag {...}{


    display: none;




    PADDING-RIGHT: 0px; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px


}




.Tag SPAN {...}{


    FONT-SIZE: 12px; FLOAT: left


}




.Tag UL {...}{


    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 4px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none


}




.Tag LI {...}{


    PADDING-RIGHT: 15px; PADDING-LEFT: 0px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px


}




.Tag LI A {...}{


    TEXT-DECORATION: underline


}




.Tag LI A:hover {...}{


    TEXT-DECORATION: underline


}


#tagad




{...}{


display:none;


}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  blog float header url html 工作