使用方法：
在头文件加一条引用语句： <link href="/templates/default/style/green/style.css" rel="stylesheet" type="text/css">
/************************************/
/* style:green */
/* */
/*
http://www.phpcms.cn */
/* */
/* */
/************************************/
/*******************************************************************************/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #999999;
background-image:url(images/white_3.gif);
text-align: center;
}
table{
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
color:#000000;
line-height: 20px;
text-decoration: none;
}
/*白色表格*/
table.white {
background-color:#ffffff;
}
/*灰色表格*/
table.gray {
background-color:#f5f5f5;
}
/*会员属性表格*/
table.member{
background-color:#F8FFD9;
}
td.black{
color:#000000;
}
td.gray {
background-color:#eeeeee;
}
/*网站右侧表格颜色，白色*/
td.right{
background-color:#ffffff;
}
/*网站左侧表格颜色，淡绿色*/
td.left{
background-color:#fffff0;
}
/*分隔左右两部分的颜色*/
td.fenge{
background-color:#ffffff;
}
/*******************************************************************************/
/*页面头部文字和尾部版权信息背景以及颜色样式*/
.headtop{
background-image:url(images/head_2.jpg);
background-color: #006600;
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
line-height: 30px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding-right:15px;
padding-left:15px;
}
/*页面左侧标题栏样式样式*/
.headcpr{
background-color:#006600;
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
line-height: 22px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding-right:15px;
padding-left:15px;
}
/*导航菜单*/
.menus {
background-color: #006600;
background-image:url(images/menu_4.gif);
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
line-height:35px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding-right:10px;
padding-left:10px;
}
/*二级菜单背景颜色*/
.child_menu {
background-color:#F8FFD9;
}
/************ 链 接 ************/
/*普通链接*/
a{
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
font-weight: normal;
}
a:link{
color:#000000;
text-decoration: none;
}
a:visited{
color:#666666;
text-decoration: none;
}
a:hover{
color:#006600;
text-decoration: none;
}
a:active{
color:#006600;
text-decoration: none;
}
/*白色链接*/
a.white {
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 24px;
text-decoration: none;
}
a.white:link{
color:#333333;
}
a.white:visited{
color:#333333;
}
a.white:hover{
color:#FF6600;
}
/*导航文字链接*/
a.mainmenu {
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
a.mainmenu:link{
color:#ffffff;
}
a.mainmenu:visited{
color:#ffffff;
}
a.mainmenu:hover{
color:#ffff00;
}
/*栏目列表链接*/
a.list{
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}
a.list:link{
color:#000000;
}
a.list:visited{
color:#333333;
}
a.list:hover{
color:#ff0000;
}
a.list:active{
color:#ff0000;
}
/*搜索列表链接*/
a.searchtitle{
font-family: Verdana, "宋体", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-decoration: none;
}
a.searchtitle:link{
color:#0000FF;
}
a.searchtitle:visited{
color:#990000;
}
a.searchtitle:hover{
color:#ff0000;
}
a.searchtitle:active{
color:#ff0000;
}
/*评论主题背景*/
.commentsubject{
background-color:#eeeeee;
border-bottom:solid 1px #ffffff;
line-height: 1.5em;
margin-bottom: 1px;
}
/*幻灯片背景及边框*/
.slidepic {
background-color: #ffffff;
border: 1px solid #000000;
padding: 4px;
}
/*幻灯片标题*/
.slidepicarticle
{
font-weight:bolder;
}
/*推荐文章标题栏样式*/
.recommend{
padding:0px 0px 0px 8px;
border-bottom:2px solid #006600;
font-family: Verdana, "宋体", sans-serif;
font-size: 14px;
font-weight: bold;
color: #006600;
line-height: 24px;
text-decoration: none;
background-image: url(images/cir_3.gif);
background-repeat: no-repeat;
}
/*自定义栏目标题栏样式*/
.tit_style {
font-family: Verdana, "宋体", sans-serif;
font-size: 13px;
color: #006600;
font-weight:bold;
height: 24px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #006600;
background-color: #f6f6f6;
background-image: url(images/cir_3.gif);
background-repeat: no-repeat;
padding-right: 8px;
padding-left: 24px;
}
/*友情链接标题栏样式*/
.friendsite_style {
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
color: #006600;
font-weight:bold;
height: 24px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
background-color: #f6f6f6;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
padding-right: 30px;
padding-left: 25px;
}
/*自定义栏目的列表*/
.dot{
border-bottom:1px solid #ff;
padding-right: 5px;
padding-left: 2px;
background-repeat: no-repeat;
line-height:24px;
}
/*搜索框*/
.search_frame {
background-color: #f6f6f6;
border: 1px solid #cccccc;
}
.left_div {
}
/*专题图片*/
.spec_img {
background-color: #FFFFFF;
padding: 3px;
border: 1px solid #cccccc;
}
/*位置导航样式*/
.position {
text-indent:20px;
background-color: #efefef;
}
/***************forms*********************************************/
input {
font-size: 12px;
border: 1px solid #CCCCCC;
background-color: #F9F9F9;
vertical-align: middle;
height : 18px;
color: #666666;
}
textarea {
font-size: 12px;
border: 1px solid #CCCCCC;
background-color: #F9F9F9;
vertical-align: middle;
color: #666666;
}
select {
font-size: 12px;
height: 20px;
background-color: #F9F9F9;
vertical-align: middle;
}
/* 单选框样式定义 */
.radio {
border: none;
background-color: #f5f5f5;
}
.radiocolor {
border: none;
background-color: #F8FFD9;
}
/* 按钮样式定义 */
.button { font-size: 12px; height: 22px; }
/*******************************************************************/
/*主标题字体大小*/
.font14 {
font-size: 14px;
font-weight: bold;
}
/*12号文字粗体*/
.fontbold{
font-size: 12px;
font-weight: bold;
line-height:20px;
}
/*红字*/
.redfont{
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
color: #FF0000;
}
/*文章内容首行缩进*/
.suojin {
text-indent: 20px;
line-height: 20px;
}
/*留言本*/
.guestbook_bar{
background-color: #99cc78;
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
line-height: 24px;
font-weight: normal;
color: #333333;
text-decoration: none;
padding-right:25px;
padding-left:25px;
}
/*留言本左侧背景*/
.guestbook_left{
background-color: #f3f3f3;
}
/*分页*/
.pages{
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
color:#000000;
line-height:30px;
}
/*****************虚线底单元格*********************/
.dot_pane {
BORDER-RIGHT: #c0c0c0 1px dotted;
BORDER-TOP: #c0c0c0 1px dotted;
BORDER-LEFT: #c0c0c0 1px dotted;
BORDER-BOTTOM: #c0c0c0 1px dotted;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.pane {
background-color: #ffffff;
BORDER-RIGHT: #c0c0c0 1px solid;
BORDER-TOP: #c0c0c0 1px solid;
BORDER-LEFT: #c0c0c0 1px solid;
BORDER-BOTTOM: #c0c0c0 1px solid;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
/**************** 公告列表 *********************/
.announcelist{
}
/**************** 友情链接列表背景 ************/
.link_bg{
background-color:#ffffff;
}
/*控制面板页面标题栏样式*/
.mem_ber {
background-color:#006600;
font-family: Verdana, "宋体", sans-serif;
font-size: 12px;
line-height: 22px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
padding-right:15px;
padding-left:15px;
}
/*phpcms版权信息样式*/
.copyright {
font-size: 12px;
line-height: 15px;
background-color: #f5f5f5;
height: 20px;
width: 778px;
text-align: center;
display:none;
}
分享到：
相关推荐
网站风格代码是构建一个独特、吸引用户并有效传达品牌信息的关键元素。在设计网站时，代码的编写方式和选用的技术栈直接影响着网站的外观、交互性和用户体验。以下是一些关于网站风格代码的重要知识点： 1. **HTML...
该资源是一个以“欧式风格”为主题的精美楼盘宣传网站的源代码包，主要针对房地产开发商用于展示楼盘信息和吸引潜在客户的在线平台。以下是该资源的主要知识点： 1. **网站源代码**：提供的是整个网站的源代码，...
【描述】"很不错的个人网站代码 绝对经典 黑色经典网站代码"进一步强调了这个代码包的质量和设计风格。"很不错"意味着这些代码不仅功能齐全，而且用户体验良好。"绝对经典"暗示了这个代码库可能采用了传统的网页设计...
【标题】：“黑色风格装饰企业网站源代码” 这个标题揭示了我们要讨论的核心内容，即一套设计为黑色调的装饰企业网站的源代码。在IT领域，源代码是程序员编写并控制程序运行的基础，它是由一系列编程语言编写的指令...
"6古典风格的旅行社网站系统源代码" 这个标题指出我们讨论的是一个旅行社网站系统的源代码，特别强调了“6种古典风格”。这表明该源代码包含多个版本或设计样式，每一种都具有独特的古典美学特征。古典风格通常指的...
【标题】：“黑色风格电脑公司网站源代码”指的是一个专门设计用于电脑公司网站的网页设计模板，其主题颜色以黑色为主，营造出一种专业且现代的视觉效果。这种风格通常适用于那些希望展示高科技、高端或者专业形象的...
"清爽风格的一个高级中学网站源代码"这个标题揭示了我们要讨论的核心内容：一个设计简洁、用户体验良好的高级中学网站的源代码。这里的“清爽风格”指的是网站采用了清晰、直观且不复杂的视觉设计，旨在提供一个易于...
【标题】：“蓝色风格的职业技术学校网站源代码” 在网页设计领域，蓝色风格通常被认为是一种专业且稳重的色调，适合用于职业教育和技术学校类的网站。这种网站源代码设计旨在体现学校的正规性与科技感，同时也为...
在“精美网站底部美化代码”这个主题中，我们将深入探讨如何利用HTML、CSS以及可能的JavaScript来优化网站的页脚部分。 首先，HTML是构建网页的基础，用于定义页面结构。在底部区域，常见的元素包括版权信息、联系...
通过对这个文件的学习，你可以了解到如何用CSS来定制旅游网站的外观和风格。 `说明.htm`可能包含了项目的基本介绍、安装指南或者使用注意事项，对于理解和运行这个源代码非常重要。阅读这份文档将帮助你快速上手并...
通过研究这个源代码，你可以了解到如何定制一个符合个人需求和风格的网站。 在压缩包中的“moban_muzhi”文件可能是一个模板目录，包含所有源代码文件。一般来说，这样的目录会包括HTML文件、CSS文件、JavaScript...
【标题】：“蓝色风格耐火材料有限公司网站源代码”指的是该公司网站的设计与开发所使用的原始编程文本，这些文本构成了网站的结构、样式和功能。在IT领域，网站源代码是开发者进行网页设计、功能实现和优化的基础，...
"蓝色风格武术运动管理中心体育运动机构网站源代码" 是一款专为武术运动管理中心或体育运动机构设计的网站模板。标题中的“蓝色风格”指的是网站的整体设计采用了蓝色调，通常蓝色给人以专业、稳重的印象，适合体育...
【绿色风格食品行业企业网站源代码】是一种专为食品行业设计的网站模板，它采用了清新的绿色主题，旨在为访问者提供一个舒适、健康的视觉体验，同时体现食品行业的自然、健康理念。这种网站源代码是网页开发的基础，...
【标题】：“古典风格工艺礼品有限公司网站源代码”这一标题表明了我们正在处理的是一个专门为古典风格工艺礼品公司设计的网站的源代码。网站源代码是构建网站的基础，它包括HTML、CSS、JavaScript等文件，这些文件...
【标题】经典风格的音乐学院网站源代码系统 在当今数字化时代，建立一个吸引人的在线平台对于音乐学院来说至关重要。这个“经典风格的音乐学院网站源代码系统”提供了一个全面的解决方案，允许用户根据需要定制成...
标签"绿色清新风格著名风景区旅行社网站源代码"再次强调了网站的主题特征和适用领域，"旅行社网站源代码"则明确了这是一个专门为旅行社设计的网站模板，包含了一整套构建此类网站所需的前端和后端代码。 【文件名...
【标题】：“黑色风格工程机械有限公司网站源代码”指的是一个专门设计用于工程机械行业的网站源代码，其整体设计风格采用的是黑色调。在网页设计中，黑色风格通常给人一种专业、高端和现代的感觉，尤其适用于机械...
【标题】"蓝色风格电气产品有限公司网站源代码" 涉及的知识点主要集中在网站开发、前端编程语言、设计风格以及公司网站构建上。蓝色风格电气产品有限公司选择以蓝色为主色调，这通常代表着专业、稳重和科技感，是很...
在描述中提到的"风格比较炫"，很可能是因为使用了CSS3的新特性，比如过渡（transitions）、动画（animations）以及响应式设计（responsive design），使网站能在不同设备上呈现良好的视觉效果。此外，CSS也可能通过...