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;
}
*/

 

CSDN版面设计1

 body{ background-color: #666666; margin: 0px; padding: 0px; SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBA...
  • rizi00
  • rizi00
  • 2007年10月06日 15:50
  • 207

版面设计

版面设计 源明:总结了这么多,休息一会儿,俺请你喝咖啡 锦绣:咖啡?俺一直不太喜欢 源明:是因为它的味道? 锦绣:是啊,俺觉得像“板蓝根” 源明:哈哈,哎?加一些咖啡伴侣,你尝尝? 锦绣:...
  • uibook
  • uibook
  • 2012年07月04日 13:39
  • 346

七日掌握版面设计基础:一,选择样式

点击打开链接
  • ysydao
  • ysydao
  • 2012年05月23日 11:38
  • 543

读书笔记-版面设计的原理(伊达千代)

——第一章. 建立理解—— 1. 信息的整理:受众是谁,在什么地方以怎样的方式展示,设计目的是什么,怎么才能达到这个目的。    理解——提取(重要性排序)——布置(利用特别设计突出重要,次要缩小...
  • ysydao
  • ysydao
  • 2013年11月11日 09:05
  • 1538

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

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

一个复杂页面该如何布局设计

很多产品的信息量很大,又因为各种各样的原因设计师不能对内容进行轻易删减。如果不好好整理信息,会让界面越来越凌乱。我们可以这样做:把需要展示的信息都列出来 先不考虑信息之间的关系和顺序,大致列出即可。...
  • lucky_girl11
  • lucky_girl11
  • 2017年04月22日 16:41
  • 287

空间感和立体感

michaelpst:页面为什么没层次 没立体感(图文) 社区评论:http://bbs.68design.net/viewthread.php?tid=11745&pid=6127...
  • fordream1989
  • fordream1989
  • 2014年01月20日 16:31
  • 1245

如推理般层层递进——从一个单例设计说起

解决问题是一件有意思的事,不过遇到难题,初学者常苦恼于选择哪条路走下去,因为每条路都看似合理却又不知尽头的成败,往往在抉择间犹豫不决。那么,何不化繁为简,先把步子迈出去,在行走的过程中不断修正,正如推...
  • czerrr
  • czerrr
  • 2015年11月30日 11:52
  • 169

Velocity版面设计 -- $screen_content

http://www.blogjava.net/liuwentao253/archive/2006/10/24/76915.html
  • jyu_mit
  • jyu_mit
  • 2010年07月24日 17:08
  • 3153

Ajax 时代WEB版面设计

 描述 嵌入在你的web页面中的导航元素能够降低你的搜索引擎评价排名并且降低你的网站的响应性能。本文作者想同你一起探讨如何使用AJAX技术来解决这两个问题。  许多设计良好的web站点都包含大量的与实...
  • damodar
  • damodar
  • 2006年09月22日 16:31
  • 929
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSDN版面设计2
举报原因:
原因补充:

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