CSDN版面设计2

转载 2007年10月06日 15:57:00

/* 中间的主版面 */
body{
    background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211wall6.png");
/*
    cursor: url('http://webme.bokee.com/inc/mouse020.ani');
    font-size: 0.8em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
*/
}


/* 评论相关,设置这个值是为了透明背景 */
.commentsTable{
    background-color: #000;
}

/* 文章连接和日期的字体 */
div.postTitle{
font: 10pt/12pt "Arial" normal;
color: organge;
}
div.postFoot{
font: 10pt/12pt "Arial" normal;
color: black
}
div.entrylist{
font: 10pt/12pt "Arial" normal;
color: black
}


/* 首页的透明度 */
table.Framework{
filter:alpha(opacity=90);
}
td.MainCell{
background-color: transparent;
}
#main{
//filter:alpha(opacity=70);
filter:blur(strength=50) flipv() ;
background-color: transparent;
}
#main div{
background-color: transparent;
}

 

/* banner上的背景图 */
#top table{
height: 100%
background-image: url(http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/277337/o_070206CplusplusPrimer.jpg)
}

/* 隐藏“标语”,我用了自己的图作背景
.headerText{
    display:none;
}
*/


/* 最上面的整个Banner*/
.header{
    border:none;
    height:200px;
    background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_Banner_.jpg") no-repeat;
}

/* 设置域为a中的文本
a{
    font-family : 华文彩云;
    font-size:17px;
    color: darkgreen;
    text-decoration: none;
}
a:link{
    color: mediumvioletred;
    text-decoration: none;
}
a:visited{
    color: #990066;
    text-decoration: none;
}
a:active{
    color: #660066;
}a:hover{
    color: #660066;
    text-decoration: underline;
}
*/

/*左边导航栏内容*/
#leftcontent{
    border:none;
    widht:300px;
    padding-top: 99;
    background-color: transparent; 
}

 

/* “文章”、“相册”等
.listtitle{
    font-family: 华文行楷;
    color: #6666CC;
    background: none;
}
*/

/* 不显示WMP播放器,关于播放器的设置是在HTML里做的 */
#MediaPlayer{
    display:none;
}

/* 整个文章的内容栏
#centercontent{
    padding-top:0;
    font-size:100px;
}
*/

/* 日历表,现在我用的是模板带的 */
 .CalTitle{
    background-color: transparent;
}
.CalDayHeader{
    color: #993366;
    font-family:华文彩云;
    background-color: transparent;
}
.entrylist{
    background-color: transparent;
    font-family:华文行楷;
    font-size:130%;
    color:green;
    border:none;
}

/* 整个版面表的设置
table{
    filter:alpha(opacity=90);
    border-collapse : collapse;
}
*/


/* CSDN首页、CSDN社区、CSDN技术中心等等东西  */
#mytopmenu{
    display:none;
}
#mylinks{
    display:none;
}

/* 页面最下方的Powered by */
.footer{
    display:none;
}

/* 隐藏“特别推荐” */
#csdn_zhaig_ad_yahoo{
    display:none;
}

 

/* 评论栏相关
#comments{
    padding-left: 40px;
    font-size: 10pt;
    background-color: #000; 
}
#CommentForm{
    background-color: #000;
    width:500;
    background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/dl88250/260239/o_%e8%af%84%e8%ae%ba%e8%83%8c%e6%99%af.gif
") no-repeat;}
*/

/* 公告栏
.newsItem{
    font-family: 华文行楷;
    color:red;
}
*/


/* 所有img图
img{
    filter: invert();
}
*/

/* 文章正文
.post{
    border: dotted #663333;
    background-color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height:120%;
    color: chocolate;
}
.postFoot{
    color:#33CCFF;
}
*/


/* 文章摘要
.postText{
    color:chocolate;
}
*/

/* 框架表格边框设定 */
table.Framework{
position: absolute;
border-color: black;
border-width: 10px 10px 10px 10px;
border-style: groove;
}

/* banner上的图 */
#top table tr td{
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211banner2.jpg");
background-color : black
}
#top table tr{
background-color : black
}
#top table{
background-color : black
}
#top{
background: url("http://p.blog.csdn.net/images/p_blog_csdn_net/snailjava/278448/o_070211banner2.jpg");
height:50;
background-color : black
}

/*
div.BlogStats{
display:none;
}
*/

 

七日掌握版面设计基础:二,调整形态

  • ysydao
  • ysydao
  • 2012年05月23日 12:58
  • 256

读书笔记-《版面设计的原理》

Step 1 建立条理 一、信息的整理 1.理解: 意图是什么? 受众是谁?设计的目的是什么?怎么样才能达到目的? 2.提取: 有哪些要素?什麼是重要的?按重要程度排序,并对要素做视觉化处理 ...
  • ysydao
  • ysydao
  • 2013年08月15日 09:36
  • 1639

一种大气简单的Web管理(陈列)版面设计

在页面的设计中,多版面是一种常见的设计样式。本文命名一种 这样的样式,可以简单描述为一行top,一列左目录,剩余的右下的空间为内容展示区。这样的样式,便于快速定位到某项内容或功能。         在...
  • typ2004
  • typ2004
  • 2014年05月20日 19:23
  • 1062

cdr版面设计

  • 2013年06月25日 09:34
  • 1.42MB
  • 下载

网站的版面设计,商业Web站点设计策略,网站CI形象设计,网页色彩的搭配

网站的版面设计   设计首页的第一步是设计版面布局。  就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。   虽然动态网页技术的发展使得我们开始趋向于学习场景编...

版面设计黄金法则

  • 2014年12月08日 13:16
  • 54.01MB
  • 下载

8k版面设计

  • 2016年01月07日 15:54
  • 35KB
  • 下载

设计中的版面艺术!你造吗?(四)

空间美   对空间都有着不同的认识,数学上认为,空间是一种具有特殊性质和一些额外结构的集合,在物理学上认为,宇宙中物质实体之外的部分被称为空间。空间无处不在,比如版面上的一条线应有粗细变化、虚实...
  • bwf_erg
  • bwf_erg
  • 2016年11月30日 15:52
  • 108

菜鸟到精英的版面设计教程

  • 2013年11月05日 06:50
  • 12.35MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSDN版面设计2
举报原因:
原因补充:

(最多只允许输入30个字)