June 27, 2010

[css樣式分享] 初音 [改版]

上衣次的有點爛

所以這次有改進一些地方 希望大家會喜歡






拿走請回應 順便 也推一下








BODY {
margin:0px;
FONT-FAMILY:verdana;}

A {
COLOR:#aaaaaa;
text-decoration:none;}

A:link {
COLOR:#aaaaaa;}

A:hover {
COLOR:#FF1C19;}


/* container
-----------------------------------------*/
#container1 {
WIDTH:800px;
POSITION:relative;
BACKGROUND:transparent;
MARGIN-BOTTOM:50px;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto;}


/* banner and pageheader
-----------------------------------------*/
#banner {
BACKGROUND:#eeeeee;
BORDER:0px;
text-align:center;}


#pageheader h1 a {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:20px;
text-decoration:none;
COLOR:#aaaaaa;}

#pageheader h1 a:hover {
COLOR:#000000;}

.description {
FONT-SIZE:12px;
font-weight:normal;
COLOR:#aaaaaa;
BACKGROUND-COLOR:transparent;}

INPUT {
BACKGROUND:#aaaaaa;
BORDER:#ffffff 1px solid;
FONT-SIZE:7pt;
color:#ffffff;
padding:2px;}


/* main
-----------------------------------------*/
#main2 {
MARGIN-TOP:85px;
MARGIN-LEFT:110px;}


/* content
-----------------------------------------*/
#content {
FLOAT:left;
OVERFLOW:auto;
WIDTH:400px;
HEIGHT:400px;
BACKGROUND:#eeeeee no-repeat;}

.date {
BORDER:#cccccc 1px solid;
margin:5px;
padding:5px;
font-weight:normal;
FONT-SIZE:11px;
COLOR:#aaaaaa;
BACKGROUND:#dddddd;
TEXT-ALIGN:right;}

.blogbody {
PADDING:15px;
MARGIN-BOTTOM:15px;}

.title {
PADDING-LEFT:10px;
font-weight:bold;
FONT-SIZE:14px;
COLOR:#aaaaaa;}

.innertext {
PADDING-LEFT:5px;
font-weight:normal;
FONT-SIZE:8pt;
line-height:180%;
color:#aaaaaa;}

.extended {
FONT-SIZE:8pt;
COLOR:#aaaaaa;
text-align:right;}

.extended A {
COLOR:#aaaaaa;}

.extended A:hover {
color:#FF1C19;}

.posted {
FONT-SIZE:7pt;
TEXT-ALIGN:right;
COLOR:#aaaaaa;}

.posted A {
COLOR:#aaaaaa;}

.posted A:hover {
color:#FF1C19;}


/* comments
-----------------------------------------*/
.total-comments-div {
WIDTH:300px;
BORDER:none;
MARGIN-TOP:10px;
PADDING-TOP:10px;}

.trackback-url {
font-size:7pt;
color:#aaaaaa;}

.trackbacks-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-head {
BORDER:#aaa 1px solid;
FONT-SIZE:7pt;
PADDING:7px;}

.comments-body {
BORDER:0px;
FONT-SIZE:7pt;
COLOR:#aaaaaa;}

.comments-post {
FONT-SIZE:7pt;
TEXT-ALIGN:left;
COLOR:#aaaaaa;
padding-top:20px;
padding-bottom:20px;}

.comments-body FORM {
FONT-SIZE:7pt;
COLOR:#aaaaaa;}


/* links
-----------------------------------------*/
#links {
OVERFLOW-X:hidden;
OVERFLOW:auto;
MARGIN:0px;
WIDTH:185px;
HEIGHT:400px;
COLOR:#aaaaaa;
BACKGROUND:#eeeeee;}

#links a {
line-height:200%;}

.sidetitle {
BORDER:#ffffff 1px solid;
PADDING:5px;
MARGIN:10px;
FONT-SIZE:8pt;
font-weight:bold;
FONT-STYLE:normal;
LETTER-SPACING:1pt;
BACKGROUND:transparent;
TEXT-ALIGN:center;}

.side {
FONT-SIZE:7pt;
PADDING:20px;
BORDER:none;
BACKGROUND:transparent;}

.calendar {
FONT-SIZE:7pt;
COLOR:#bbbbbb;
BACKGROUND:transparent;}

DIV.calendar A {
FONT-SIZE:7pt;
COLOR:#fff;
FONT-FAMILY:verdana;}

DIV.calendar A {
DISPLAY:none;}


#boxDate {DISPLAY:none;}
#boxSearch {DISPLAY:none;}
.syndicate {DISPLAY:none;}




#content {width:500px;height:1800px;}
#links {width:200px;height:1800px;}

#main2 {margin-left:60px;}


#content {background:#FFFFFF;}

.date {
font-size:10px;
background:#FFFFFF;
color:#66FFFF;
border:#FFFFFF solid 2px;}

.title {
font-size:10px;
color:#66FFFF;
padding-left:30px;}

.innertext {
font-size:10px;
color:#66FFFF;}

.posted {font-size:10px;
color:#66FFFF;}
.posted a {color:#66FFFF;}
.posted a:hover {color:#FFFFFF;}

.extended  {font-size:10px;}
.extended a {color:#66FFFF;}
.extended a:hover {color:#FFFFFF;}

.extended a {padding:2px;
background:#FFFFFF;
border:#FFFFFF solid 1px;}

#links {background:#FFFFFF;}

.sidetitle {
background:#66FFFF;
border:#FFFFFF solid 1px;
font-size:10px;
color:#FFFFFF;
text-align:center;}

.side a {
font-size:10px;
color:#66FFFF;}
.side a:hover {color:#FFFFFF;}/**/

BODY {background:url(http://f12.wretch.yimg.com/as2255/3/1752095495.jpg?j2gIt2j6zK2D_KqBEZXl0xB21Rrw3D40lLeQQmvWT2a.BDML5BGL?k5cJOCxDcxMsG6aWoTsUNcg_My1e_eXOB9UySaaRxSihLcQJpfuqng--) no-repeat left bottom;}


#banner {
background:#66FFFF;
width:1250px;
height:320px;}

.description {
position:absolute;
top:160px;
left:80px;
font-size:15px;
color:#66FFFF;}

#banner {background:url(http://f12.wretch.yimg.com/as2255/3/1752095497.jpg?YqtVjzn6zK1jbYD3vDqSuZ9ml7DkIVqhBJQJz7sVj3Lc6nziEghK?KgKUmBtDcxNyM28fCBantE.Wo5Jz3cYxie9v0tPbez50eHgnkBwcMg--) no-repeat center top;}

#pageheader h1 a {visibility:hidden;}

#boxWho .sidetitle {DISPLAY:none;}


#boxWho {position:absolute;top:100px;left:10px;}


#boxWho li, #boxWho li img
{width:50px !important;height:50px !important;}


#boxCategory a img {display:none;}
#boxCategory A {PADDING-LEFT:20px;BACKGROUND:url(http://f12.wretch.yimg.com/as2255/3/1752095492.jpg?50IhlaL6zK3B8IKM3sg9Lp8IaUIDhfDVmJzeXMCyZbpe8SaYI9Fn?FX8bOUJDcxPF12zT.3Nhu8XnI1pEAkpUaETck5NlGNfOAEedGRTD4A--) no-repeat left top;}


.title {background:url(http://f12.wretch.yimg.com/as2255/3/1752095493.jpg?ZBgdsnb6zK0y.2Mi0Cv2haHrx0NPXWwQdSGFn3FMH.9Iinw5oGDE?7k0bp4ZDcxME55LeOOr7PQseTdHinWj7_zxbV58nVLdDx28dxsMhWg--) no-repeat;}


#links {
SCROLLBAR-FACE-COLOR:#66FFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#66FFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;}

#content {
SCROLLBAR-FACE-COLOR:#66FFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-ARROW-COLOR:#66FFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;}

#serviceList LI A {
display:block;text-align:center;letter-spacing:1px;padding:5px;
width:40px;
background:#66FFFF;
color:#FFFFFF;font:7pt verdana;
border:#66FFFF 1px solid;}

#serviceList li a:hover {color:#66FFFF;
background:#FFFFFF;}

#content {background:none;}

#main2 {margin-top:85px;margin-left:70px;}

BODY {background-position:60% 3%;}

#links {float:left;}
#content {float:right;margin-right:30px;}

BODY {background-repeat:repeat-y;}









































1推薦此文章
Today's Visitors: 0 Total Visitors: 334
Personal Category: 【♥】 css樣式分享 Topic: creation / literature / poetry
[Trackback URL]

Reply
  • 2樓

    2樓頸推

    Sealed

  • Sealed at July 3, 2010 12:02 PM comment
  • Sealed

  • Blog Owner at July 3, 2010 07:32 PM Reply
  • 3樓

    3樓坐沙發

    嘿,辣妹。
    不是我要說。
    但‧‧‧‧‧‧
    看你的無名整個超級累的說,
    顏色太亮了。

    這是意見,要接納喔。

  • lisa850718 at July 7, 2010 05:39 PM comment | prosecute

Only members can post a comment, Login first

誰來收藏
Loading ...
unlog_NVPO 0