我的模板CSS代码公开

Posted on 2006-06-21 09:14 我是坏女生 阅读(5129) 评论(14)  编辑  收藏 所属分类: 呢喃呓语。。落

2006.6.21

虽然近日上门让帮忙修改模板的朋友不多了,但是还是会有,可因本人工作繁忙,有点忙不过来了,因此也没有办法给各位弄模板了,只能在此公开一下我的这个模板CSS,如果你们喜欢,就拿去用好了。

使用方法如下:
在后台管理里头——选项——CONFIGURE——DISPLAY SKIN 选择LUXINTERIORDARK模板——CUSTOM CSS SELECTORS里头复制以下代码:(如果你不满意我的这个背景图片,那么你还可以按照你个人喜好来换,注意代码里头的红色字体部分,只需要把你的图片链接地址覆盖上这个红色部分就可以了。)

/*
CSS skin for .text blog
.Text : http://http://scottwater.com/blog/
Skin Name: Luxinterior
Designer:  gosatango
Designer URL: http://www.mixtaper.com/blogs/gosatango
Created: 18 July 2004
*/

body {
 font-size : 76%;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 0px;
 color: #FFFFFF;
 margin: 0;
 text-align: center;
 background-color:transparent;
 word-wrap:  break-word;
}
body {
 margin: 0px;
 background:transparent;
 background-image:  url(http://www.cnweblog.com/images/cnweblog_com/kid0030/5668/o_4.jpg);
 background-repeat: repeat;
         BACKGROUND-ATTACHMENT: fixed

}
a{
 text-decoration: none;
 color: #FF9900;
}
a:hover {
text-decoration: line-through;
}
p {
 margin : 0px 0px 1.5em;
 line-height: 1.2em;
}
h1 { 
 margin : 0px;
 padding-top : 0.5em;
 font-size : 1.4em;
}
h2 a, .postfoot a
{
 margin: 0px;
 padding: 0px;
}
h1 a:visited,
h1 a:active,
h1 a:link,
h1 a:hover {
 color : #DDDDDD;
 text-decoration : none;
 text-transform: uppercase;
 font-size: 1.6em;
}

h2 {
 margin-top : 1em;
 font-size : 1em;
}
h3 {
 font-size : 1.2em;
}
h5
{
 margin: 0px;
 padding: 0px;
}
pre
{
 margin: 0px;
 margin-left: 22px;
 font-size: 1.0em;
}
blockquote {
 font-style: italic;
 padding: 4px;
 margin: 0px;
 
}
input.text {
 width : 350px; 
}
textarea {
 width : 350px;
 height : 200px; 
}
.Textbox, textarea
{
 border: 1px solid #AAAAAA;
 width: 160px;
}
.button
{
 border: 1px solid #AAAAAA;
 background-color: transparent;
 font-size: 1em;
}
input, textarea
{
 font-family: Verdana, Geneva, Arial, Sans-Serif;
 font-size: 1em;
 padding: 2px;
 margin-bottom: 0.5em;
}
legend {
 letter-spacing: 2px;
 border: 1px solid #CCCCCC;
 background-color: transparent;
 padding: 3px;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}
img {
 border: 0px;
}
.clr {
 clear: both;
}
#relatedlinks ul {
 list-style : none;
 margin-left : 10px;
 padding : 0px;
}
/*This is for "listening to" links uploaded by w.bloggar*/
.media {
 font-size: 0.8em;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 5px;
 margin-left: 10px;
 font-weight: bold;
}
.thumbnail
{
margin: 5px;
}
/* ------------------------------------------------------- Layout */
/* Container ------------------ */
#container {
 width: 900px;
 margin: 1em auto;
 background-color: transparent;
 text-align: left;
  }
/* Header --------------------- */
#header {
  }
#top {
 height: 100px;
 vertical-align: middle;
 padding-right: 1em;
 padding-left: 1em;
 margin: 0px;
 text-align: center;
}

#top h1
{
 font-weight: normal;
 margin: 0px;
 padding: 1em 1em 0em;
}

#top p{
 font-family: "Trebuchet MS";
 margin: 0px;
 font-size: 1.1em;
 text-transform: uppercase;
 padding-top: 0px;
 padding-right: 1em;
 padding-bottom: 0px;
 padding-left: 1em;
}

.weblogtitle
{
 font-family: "Trebuchet MS";
}
/* Navigation Bar*/
#nav{
 margin-top: 0.5em;
 text-align: left;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #666666;
 padding-top: 0.2em;
 padding-bottom: 0.2em;
}
 #nav ul
{
 color: #000000;
 padding: 0;
 list-style-type: none;
 margin-right: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}

#nav ul li {
 display: inline;
}

#nav ul li a
{
 padding: 0.2em 1em;
 text-decoration: none;
 float: left;
 margin-top: 0px;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #666666;
 font-weight: bold;
}
#nav span{
 padding-left: 1em;
}
#navstats
{
 text-align: right;
 color: #CCCCCC;
 font-size: 0.9em;
 padding: 0.5em 0em 0.5em 0.5em;
 float: right;
 width: 340px;
 margin-right: 0.5em;
}

/* Content -------------------- */

#content {
 padding: 0.5em 1em;
 margin-right: 220px;
 }
p.date img {
 vertical-align : middle;
}
p.date {
 font-size : 0.8em;
 font-weight : bold;
 margin-bottom : 0px;
 padding : 2px 0px;
 color : #CCCCCC;
 text-align: right;
 text-transform: uppercase;
}
p.date a
{
 color: #DDDDDD;
}
.post
{
 padding: 0px;
 margin: 0px 0px 3em;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 2px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #666666;
 border-bottom-color: #666666;
 border-left-color: #666666;
}

.post img
{
 padding: 3px;
 border: 1px solid #666666;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
}

.posthead
{
 padding: 2px 1em;
 font-size: 0.9em;
 margin: 0px;
}

.postbody
{
 padding-top: 1em;
 padding-right: 1.5em;
 padding-left: 1.5em;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #666666;
 padding-bottom: 2em;
}

.posthead h2
{
 font-size: 1.2em;
 margin: 0px;
 padding: 0.5em 0em 0em;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.post h5
{
 font-size: 1em;
 margin: 0px 0px 0.5em;
}
.postfoot
{
 padding: 0.5em 1em;
 margin: 0px;
 color: #EEEEEE;
 font-size: 0.9em;
}

#comments h4 span {
 color : #999;
}

#comments h4 {
 margin : 0px;
 font-size : 0.9em;
}

/* Sidebar -------------------- */

#sidebar-a {
 float: right;
 width: 200px;
 \width: 210px;
 w\idth: 200px;
 margin: 0 0 0 0.5em;
 padding: 0.5em;
 font-size: 0.9em;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #666666;
  }
#sidebar-a h3 {
 color: #CCCCCC;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-size: 0.9em;
 margin-top: 2em;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCCCCC;
 margin-left: 1em;
}

#sidebar-a ul {
 list-style : none;
 margin : 0px; 
 padding : 0px;
 margin-left : 8px;
 margin-bottom : 10px;
 width: 100%;
}

#sidebar-a li
{
 margin-top: 6px;
}

#sidebar-a a:active,
#sidebar-a a:visited,
#sidebar-a a:link {
 text-decoration : none; 
 margin-right : 0px;
 padding : 2px;
}

#sidebar-a a:hover {
 text-decoration: underline;
}
#calendar{
 text-align: center;
 margin-bottom: 1em;
}
#news{
 margin-bottom: 0.5em;
 border: 1px dotted #cccccc;
 padding: 5px;
}
.imageFrame
{
 margin-top:20px;
 padding-top:10px;
 position:absolute;
}

/* Footer --------------------- */

#footer {
 clear: both;
 padding: 5px;
 font-size: 0.9em;
  }  
  
/* ----------------------- Ends */ 


.Cal
{

 width:180px;
 font-family:Arial;
 font-size: 12px;
 margin-top:10px;
 margin-bottom:10px;
 height:200px;
 border-color:Black;
 
   
}

.CalTitle
{
 background-color :transparent;
 font-family:Arial;
 font-size: 13px;
 margin-left : 0px;
 padding : 0px;
 height:100%;
 font-weight:bold;
}

.CalOtherMonthDay
{
 color:#AAAAAA;
 
}

.CalSelector
{
 background-color:tranparent;
 
}

a.CalNextPrev,a.CalNextPrev:link, a.CalNextPrev:visited, a.CalNextPrev:active
{
 color:#FFF;
}

.CalNextPrev
{
 color:#FFF;
}


.CalDayHeader
{
 background-color:transparent;
 font-weight:bold;
 
}

.CalSelectedDay
{
    background-color:transparent;
  
    
}

.CalWeekendDay
{
 background-color:transparent;
}

.CalTodayDay
{
 background-color:#FFFF00;
 color:#FFFFFF;
    font-weight:bold;

}



Feedback

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 10:18 by Ada
热心的好同志,送你一朵小红花。

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 12:16 by 我是坏女生
@Ada
呵呵,ADA你也开始送人小红花了,以前好像ANNY送过我。。

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 13:26 by 小Q爱流浪
呵呵,我刚才复制了一下,粘贴了一下,然后又save了一下,结果我的页面就变的乱七八糟了一下…
看来还是个人风格好啊,嘿嘿,我的~
简约而不简单!!
HOHO~小小自恋一下~

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 13:52 by 我是坏女生
@小Q爱流浪
晕。。你应该是没有按照我说的方法去做,关键是你没有把你的模板SKIN相应选上我的这个

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 15:17 by 「ˉべHappy-poohル
哇,你太偉大了,真的不計較深末?
哎……
好人啊
淶·!~~~~親個kiss

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 16:48 by 我是坏女生
@「ˉべHappy-poohル
晕。。别太激动,这是应该的,无私嘛

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-21 17:50 by 靴子上面的洞
最近忙...呵呵.今天下雨.给自己放假..来看看你..
要开心喔...呵呵

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-22 08:49 by 我是坏女生
@靴子上面的洞
哈哈,忙完了就该好好放假咯,羡慕

# re: 我的模板CSS代码公开  回复  更多评论   

2006-06-29 23:29 by Olivia Qian
帮到了,从你这把背景拷过去了。想换张图的,可能是太小的缘故就显示了叶子的一角。

# re: 我的模板CSS代码公开  回复  更多评论   

2006-07-03 12:12 by 我是坏女生
@Olivia Qian
那你要找张大一点的,建议找壁纸大小的图片,哈哈

# re: 我的模板CSS代码公开  回复  更多评论   

2006-08-01 20:17 by Olivia Qian
怎么能把评论的字体颜色改成黑色或其他颜色啊?
快来救我~~~

# re: 我的模板CSS代码公开  回复  更多评论   

2008-05-16 14:14 by 猫猫
在后台管理里头——选项——CONFIGURE——DISPLAY SKIN 选择LUXINTERIORDARK模板——CUSTOM CSS SELECTORS里头

可爱的老师,呵呵,那这个又是什么类,我就是在编辑模板里弄的,可感觉背景和版块都独立,很不好看,你可以去我那看看就能理解我的意思了
谢谢哈

# re: 我的模板CSS代码公开[未登录]  回复  更多评论   

2008-05-17 13:45 by 我是坏女生
@猫猫
额,不太明白你的意思,你的BLOG在哪儿呢?留下连接我去看看才知道到底怎么回事。

# re: 我的模板CSS代码公开  回复  更多评论   

2015-08-22 19:46 by anyone
好久了吧。。。