预览:
想用的不要自己下我的CSS啦。我公布代码。
里面有很多我用display:none遮掉啦。所以使用的时候要注意一下。
我是快乐的加号,点开我,看代码。
/*
CSS skin for cnweblog.com
blog:http://www.cnweblog.com/
Skin Name:格格的闺阁
Designer:Enbby
Designer URL:http://www.cnweblog.com/enbby
Created:2006.7.25
*/
a
{
color
:
#000000
;
text-decoration
:
none
}
a:hover
{
color
:
#000000
;
filter
:
blur Alpha(Opacity=95,FinishOpacity=30,Style=2)
;
height
:
0
;
text-decoration
:
none
}
blockquote
{
font-style
:
italic
;
padding
:
4px
}
body
{
background
:
url(http://www.cnweblog.com/images/cnweblog_com/enbby/9974/o_bg.jpg) repeat fixed
;
color
:
#000000
;
font
:
76% Tahoma,Verdana
;
scrollbar-3dlight-color
:
#D80048
;
scrollbar-arrow-color
:
#FFFFFF
;
scrollbar-base-color
:
#D80048
;
scrollbar-darkshadow-color
:
#000000
;
scrollbar-face-color
:
#D80048
;
scrollbar-highlight-color
:
#D80048
;
scrollbar-shadow-color
:
#D80048
;
scrollbar-track-color
:
#000000
;
text-align
:
right
;
word-wrap
:
break-word
}
input,textarea
{
font
:
11px
;
padding
:
3px
}
input.text
{
width
:
550px
}
legend
{
background
:
transparent
;
border
:
0px
;
letter-spacing
:
2px
;
margin-bottom
:
0.5em
;
margin-top
:
0.5em
;
padding
:
2px
}
p
{
line-height
:
1.5em
;
margin
:
3px 2px 1em 2px
}
p.date,#comments h4,#comments h4 span,#navstats,.cal,#nav,#top h1,h1 a:visited,
h1 a:active,
h1 a:link,
h1 a:hover,.imageframe,#footer,#header,a.calnextprev,a.calnextprev:link,a.calnextprev:visited,a.calnextprev:active,.calnextprev,h5,p.date a,p.date img,#top
{
display
:
none
}
pre
{
font-size
:
11px
;
margin-left
:
22px
}
textarea
{
height
:
200px
;
margin-bottom
:
2px
;
margin-top
:
2px
;
padding-bottom
:
2px
;
padding-right
:
1px
;
padding-top
:
2px
;
width
:
600px
}
.button
{
background
:
transparent
;
font-size
:
11px
}
.post
{
background
:
#FFFFFF
;
border
:
0px
;
color
:
#000000
;
margin
:
20px 2px 10px 2px
;
overflow
:
hidden
;
padding
:
1px 2px 4px 2px
}
.post h5
{
font-size
:
11px
;
margin
:
2px 1em 2px 1px
}
.post img
{
border
:
0px
;
margin
:
5px 10px 5px 10px
;
padding
:
2px 2px 2px 2px 2px
}
.postbody
{
border
:
0px
;
color
:
#000000
;
font-size
:
11px
;
margin
:
5px 1px 5px 1px
;
padding
:
1.5em 1em 1.5em 1em
}
.postfoot
{
border-top
:
1px dotted #B31535
;
color
:
#000000
;
font-size
:
11px
;
margin-bottom
:
0px
;
margin-top
:
2px
;
padding
:
1px 1px 0px 5px
}
.posthead
{
font-size
:
11px
;
padding
:
7px 3px 7px 3px
}
.posthead h2
{
color
:
#000000
;
font-size
:
11px
;
letter-spacing
:
0pt
;
padding
:
0.5em 0em 0.5em 1em
;
text-transform
:
uppercase
}
.textbox,textarea
{
border
:
0px
;
margin
:
1px 1px 1px 1px
;
padding
:
1px 1px 1px 1px
;
width
:
550px
}
#calendar
{
margin-bottom
:
1em
;
text-align
:
center
}
#container
{
background
:
#B31535
;
margin
:
0em 0px 0px
;
padding
:
0em 0em 0px
;
text-align
:
left
;
width
:
811px
}
#content
{
margin-bottom
:
1px
;
margin-right
:
200px
;
margin-top
:
1px
;
padding
:
1px 1em
}
#news
{
border
:
0px
;
color
:
#000000
;
font-size
:
11px
;
margin
:
3px 2px 5px 2px
;
padding
:
1px 2px 2px 2px
;
width
:
185px
}
#relatedlinks ul
{
list-style
:
none
;
margin-left
:
4px
}
#sidebar-a
{
border
:
0px
;
color
:
#F08080
;
float
:
right
;
font-size
:
11px
;
margin
:
3px 2px 3px 2px
;
padding-top
:
3px
;
text-decoration
:
none
;
width
:
185px
}
#sidebar-a a:link,#sidebar-a a:hover,#sidebar-a a:active,#sidebar-a a:visited
{
color
:
#000000
;
padding
:
2px 2px 2px 1px
;
text-decoration
:
none
}
#sidebar-a h3
{
border
:
0px
;
color
:
#000000
;
font
:
11px Verdana
;
font-weight
:
bold
;
letter-spacing
:
1px
;
margin-bottom
:
5px
;
margin-left
:
5px
;
margin-top
:
10pt
;
text-align
:
left
}
#sidebar-a li
{
margin
:
7px 2px 2px 2px
}
#sidebar-a ul
{
list-style
:
none
;
margin-left
:
2px
;
margin-right
:
2px
;
width
:
100%
}
#top p
{
font
:
11px Tahoma
;
margin-top
:
1px
;
padding
:
1px 3px 1px 3px
}
我把导航换掉了。用了自己做的。因为这样可以外联自己的网盘和相册。
顺便把我的导航代码也给大家了。两块儿代码一起放到公告里面就OK。
CSS部分:
<style><!--
.leftmenu li
{
display
:
inline
;
white-space
:
nowrap
;
}
.leftmenu span,
.leftmenu a:active,
.leftmenu a:visited,
.leftmenu a:hover,
.leftmenu a:link
{
font
:
bold 11px Verdana
;
margin
:
3px 1px 0px 0px
;
display
:
block
;
text-align
:
left
;
text-decoration
:
none
;
}
-->
</style>
HTML部分:(链接和名字改成你自己的哦。不然可就连到我这里啦)
<
ul
class
="leftmenu"
>
<
li
><
a
href
="http://www.cnweblog.com/enbby"
>
MY BLOG
</
a
>
<
li
><
a
target
="_blank"
href
="http://rainisun.photo.163.com"
>
PHOTOS
</
a
>
<
li
><
a
target
="_blank"
href
="http://www.orbitfiles.com/download/enby"
>
DOWNLOADS
</
a
>
<
li
><
a
target
="_blank"
href
="http://enbby.gbaopan.com/"
>
OTHERS
</
a
>
<
li
><
a
href
="http://www.cnweblog.com/enbby/contact.aspx"
>
CONTACT
</
a
>
<
li
><
a
target
="_blank"
href
="http://www.cnweblog.com/enbby/Rss.aspx"
>
RSS FEED
</
a
>
<
li
><
a
target
="_blank"
href
="http://www.cnweblog.com/enbby/admin"
>
CONTROL
</
a
></
ul
>
Dream Away。
posted on 2006-08-02 20:54
暖暖 阅读(1003)
评论(5) 编辑 收藏 所属分类:
Technology