草屋博客

  部落阁 :: 学生博客 :: 我的首页 :: 联系 ::  :: 我的圈圈 :: 登录
  39 随笔 :: 0 文章 :: 1 评论 :: 0 跟踪
<2012年1月>
25262728293031
1234567
891011121314
15161718192021
22232425262728
2930311234

文章分类

档案

随笔分类

相册

多媒体

Movie

访问网站

软件下载

重要博客

重要网站

登录

2010年6月18日 #

请管理员删除这个blog 谢谢!!

2006年10月4日 #

一,TopStyle Pro 3.11
TopStyle Pro 3.11 简体中文版  是一款功能专注于CSS设计的辅助工具,功能相当多,附有CSS码检查功能,减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍,很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想进一步认识网页设计,做出更有风格有别于一般网站的网页,勿必要趁早接触CSS喔!


一, Web开发利器——IEDevToolBar
微软的 IEDevToolBar,是一个免费的转为Web开发人员制作的IE插件,主要功能有:
1.以树结构查看 CodeDom,并查看每个 Element 属性,可以使用鼠标点击选中 Element;
2.生成图片报表,就是将页面上说有出现的图片生成一份详细的报表,这样就省的我们自己去找图片路径和量图片大小等等;
3.高亮显示表格,表格单元,Div 等的边框,这个在我们调整布局时也是很有用;
4.页面尺子,可以然你任意在页面上度量长度,这个是大大的提高了我们的工作效率,不用为了量个长度而抓图再用画图工具量。
安装之后,在IE顶部菜单的“查看” - “工具栏” 里面钩选“Developer Toolbar”项即可。
这下在IE下做 Web开发就方便多了!

二,颜色选择器 colorpic
colorpic是免费专业彩色采棉. 强大的颜色调整工具,让你的个人色彩变化自如. 调整运动、顺化、色彩饱和、价值观与四个图形搅拌机. 由于红色印刷价值观. 用完美的屏幕放大镜准确性. 拯救多种颜色的调色用任何申请.
最新推出的新版本'混合器'节使四强大图形分析方法,改变了一些色彩. 颜色可以选择从六角蜂巢的形状、改变或有彩虹色彩基础混合器、调整为六个sliders个人色彩、饱和度、价值、红、绿、蓝颜色的组成部分. colorpic也赶紧报道,食品、黄、黑色色值调整. <colorpic允许用户选择颜色折断你到最接近Websafe价值,这一切显示在新布局使用方便,最大限度屏幕空间.
体育方面也有扩大化的colorpic让你当上获得超级详细颜色. 有四个版本的优化放大放大宠物使用方便,现在你可以选择任何一个点或抽样平均3x3或5x5彩色萤幕您在任何地方.
任何宝贵的网络开发或平面设计,始终最受欢迎网上免费捉色,最新的版本,提供了强大的颜色选择工具以前只有在昂贵的应用.

Blog Tags: CSS  工具


Add to My Yahoo! Add to My MSN Subscribe in NewsGator Online Add your feed to Newsburst from CNET News.com Subscribe in Rojo Subscribe in Google Reader Subscribe with Pluck RSS reader Subscribe with Bloglines Subscribe with Bloglines Furl It! feedlounge 订阅到抓虾 新闻蚂蚁 周博通 订阅到狗狗 netvibes Add to My AOL   Subscribe with Bloglines Add to My Yahoo! Add to My AOL  Google Reader del.icio.us Macalua.com Subscribe in NewsGator Online myFeedster Furl Macalua.com
具体多少我就没数了,他用的代码如下:
<li><href="http://add.my.yahoo.com/rss?url=http://www.linux-fans.com/feed/" title="Add to My Yahoo!"><img src="http://skypeus.googlepages.com/addtomyyahoo4.gif" alt="Add to My Yahoo!"  border="0" />a>li>
            
<li><href="http://my.msn.com/addtomymsn.armx?id=rss&ut=http://www.linux-fans.com/feed/&tt=CENTRALDIRECTORY&ru=http://rss.msn.com'"><img src="http://skypeus.googlepages.com/rss_mymsn.gif" alt="Add to My MSN"  border="0" />a>li>
            
<li><href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://www.linux-fans.com/feed/" title="Subscribe in NewsGator Online"><img src="http://skypeus.googlepages.com/ngsub1.gif" alt="Subscribe in NewsGator Online" width="91"  border="0" />a>li>
            
<li><href="http://www.newsburst.com/Source/?add=http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/newsburst3.gif" alt="Add your feed to Newsburst from CNET News.com" width="96" height="20"  border="0" />a>li>
            
<li><href="http://www.rojo.com/add-subscription?resource=http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/add-to-rojo.gif" alt="Subscribe in Rojo" width="52" height="17"  border="0" />a>li>
            
<li><href="http://fusion.google.com/add?feedurl=http://www.linux-fans.com/feed/" title="Subscribe in Google Reader"><img src="http://skypeus.googlepages.com/add-to-google-plus.gif" alt="Subscribe in Google Reader" width="104" height="17"  border="0" />a>li>
            
<li><href="http://client.pluck.com/pluckit/prompt.aspx?GCID=C12286x053&a=http://www.linux-fans.com/feed/&t=Linux爱好者站"><img src="http://skypeus.googlepages.com/pluspluck.png" alt="Subscribe with Pluck RSS reader" width="91" height="17"  border="0" />a>li>
            
<li><href="http://www.bloglines.com/sub/http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/sub_modern1.gif" alt="Subscribe with Bloglines" width="94" height="20"  border="0" />a>li>
            
<li><href="http://www.feedster.com/myfeedster.php?action=addrss&rssurl=http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/addtomyfeedster.gif" alt="Subscribe with Bloglines" width="68" height="13"  border="0" />a>li>
            
<li><href="http://www.furl.net/storeIt.jsp?t=Linux爱好者站&u=http://www.linux-fans.com" title="Furl It!"><img src="http://skypeus.googlepages.com/FurlIt.png" alt="Furl It!" width="80" height="15"  border="0" />a>li>
            
<li><href="http://my.feedlounge.com/external/subscribe?url=http://www.linux-fans.com/feed/" title="feedlounge"><img src="http://skypeus.googlepages.com/subscribe_0.gif" alt="feedlounge" width="91" height="17"  border="0" />a>li>
            
<li><href="http://www.zhuaxia.com/add_channel.php?url=http://www.linux-fans.com/feed/"><img alt="订阅到抓虾" src="http://skypeus.googlepages.com/subscribe_12.gif" border="0">a>li>
            
<li><href="javascript:location.href='http://127.0.0.1:18087/subitem?title=&url='+ encodeURI('http://www.linux-fans.com/feed/')"><img alt="新闻蚂蚁" src="http://skypeus.googlepages.com/add_newsants.png" border="0">a>li>
            
<li><href="javascript:location.href='http://www.potu.com/sub/'+ encodeURI('http://www.linux-fans.com/feed/')"><img alt="周博通" src="http://skypeus.googlepages.com/add_potu.png" border="0">a>li>
            
<li><href="http://www.gougou.com/sub/http://www.linux-fans.com/feed/"><img alt="订阅到狗狗" src="http://skypeus.googlepages.com/add_gougou.gif" border="0">a>li>
            
<li><href="http://www.netvibes.com/subscribe.php?url=http://www.linux-fans.com/feed/"><img alt="netvibes" src="http://skypeus.googlepages.com/add2netvibes.gif" border="0">a>li>
            
<li><href="http://feeds.my.aol.com/add.jsp?url=http://www.linux-fans.com/feed/"><img alt="Add to My AOL" src="http://skypeus.googlepages.com/myaol_cta1.gif" border="0">a>li>
            
<li><href="http://www.pageflakes.com/subscribe.aspx?url=http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/subscribe2.gif" border="0">a>li>
            
<li><href="http://www.live.com/?add=http://www.linux-fans.com/feed/" title="Add to Live.com" ><img src="http://skypeus.googlepages.com/sub_live.gif" border="0">a>li>
            
<li><href="http://www.bloglines.com/sub/http://www.linux-fans.com/feed/"><img alt="Subscribe with Bloglines" src="http://skypeus.googlepages.com/bloglines.gif" border="0">a>li>
            
<li><href="http://add.my.yahoo.com/rss?url=http://www.linux-fans.com/feed/"><img alt="Add to My Yahoo!" src="http://skypeus.googlepages.com/yahoo.gif" border="0">a>li>
            
<li><href="http://feeds.my.aol.com/add.jsp?url=http://www.linux-fans.com/feed/"><img alt="Add to My AOL" src="http://skypeus.googlepages.com/aol.gif" border="0">a>li>
            
<li><href="http://my.msn.com/addtomymsn.armx?id=rss&ut=http://www.linux-fans.com/feed/"><img src="http://skypeus.googlepages.com/msn.gif" border="0">a>li>
            
<li><href="http://www.google.com/reader/preview/*/feed/http://www.linux-fans.com/feed/"><img alt="Google Reader" src="http://skypeus.googlepages.com/google.gif" border="0">a>li>
            
<li><href="http://del.icio.us/post?url=http://www.linux-fans.com/feed/"><img alt="del.icio.us Macalua.com" src="http://skypeus.googlepages.com/delicious.gif" border="0">a>li>
            
<li><href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://www.linux-fans.com/feed/"><img alt="Subscribe in NewsGator Online" src="http://skypeus.googlepages.com/newsgator.gif" border="0">a>li>
            
<li><href="http://www.feedster.com/myfeedster.php?action=addrss&rssurl=http://www.linux-fans.com/feed/"><img alt="myFeedster" src="http://skypeus.googlepages.com/addmyfeedster.gif" border="0">a>li>
            
<li><href="http://www.furl.net/storeIt.jsp?u=http://www.linux-fans.com/feed/"><img alt="Furl Macalua.com" src="http://skypeus.googlepages.com/furl.gif" border="0">a>li>

Blog Tags: blog  订阅


什么是CSS?
CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
 
空间页面CSS说明
body 整个空间页面{background-color:#FFFFFF}

--------------------------------------------------------------------------------
空间名称和简介区域
#header 主体部分{height:89px;background:#3399CC}
#header div.lc 左背景图{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景图{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空间名称{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑体}
#header div.tit a.titlink 空间名称链接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空间简介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}
#tab TAB菜单主体{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB选中状态{margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB与TAB之间的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未选中状态{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 设置TAB菜单主体{background:#DAE9F5}
#tab2 span TAB选中状态{color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未选中状态{font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}

--------------------------------------------------------------------------------
内容区域 .stage(TAB菜单与版权信息之间的区域){background:#F3F1F1}
其它区域(即访问量等信息)
#comm_info 主体{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 链接{color:#3399CC}

--------------------------------------------------------------------------------
页码区域
#page 主体{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 当前页码(不可点击){padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一页和下一页{color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 页码(可点击){padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}

--------------------------------------------------------------------------------
模块
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模块标题栏主体{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模块操作区(如写新文章){padding:4px 4px 0 0}
.modtit 模块标题区(如文章列表){color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字链接(如文章列表){color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模块内容区{padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模块左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模块中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模块右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模块左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模块中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模块右下角背景{background-color:#FFFFFF;line-height:1px}

--------------------------------------------------------------------------------
文章区域
#m_blog div.tit 文章标题{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章标题链接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章发表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章内容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 阅读全文链接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作区(如编辑、评论等){color:#666666;font-size:12px}
#m_blog div.opt a 文章操作链接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 无文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}

--------------------------------------------------------------------------------
个人档案区域
#m_pro a 链接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 个人头像{text-align:center}
#m_pro div.act 操作区(如加为好友、发送消息){margin-top:10px}
#m_pro div.user 用户名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用户简介{color:#333333;font-size:12px}
#m_pro div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}

--------------------------------------------------------------------------------
相册区域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}

--------------------------------------------------------------------------------
友情链接区域
#m_links div.item 子项{color:#333333;font-size:12px}
#m_links div.item a 名称(链接){color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
文章分类
#m_artclg div.item 子项{color:#666666;font-size:12px}
#m_artclg div.item a 分类名称(链接){color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
最新评论区域
#m_comment div.item 子项{color:#333333;font-size:12px}
#m_comment div.item a 发表人(链接){color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 评论摘要(链接){color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
相册列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 简介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 无照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片标题{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片标题链接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片数量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作区链接(如编辑、删除){color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 页码链接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}

--------------------------------------------------------------------------------
好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名称(链接){color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界线{margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
设置访问统计、模板设置
#m_setting a 链接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主体{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板预览图(选中状态){border:4px solid #FFDB7B}
#m_setting img.unsel 模板预览图(未选中状态){border:1px solid #D2D2D2}
#m_setting span.tit 模板标题名称{font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel “当前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界线{margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
系统公告
#m_sysinfo a 链接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主体{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 发布时间{color:#666666;font-size:14px}

--------------------------------------------------------------------------------
基本选项
#m_setbase 主体{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界线{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------
网友评论
#in_comment 主体{width:710px}
#in_comment div.tit 标题{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 发表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 发表人名(链接){color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 发表时间{color:#666666;font-size:12px}
#in_comment div.desc 评论内容{color:#333333;font-size:12px}
#in_comment div.line 分界线{margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 发表评论(标题){margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}

--------------------------------------------------------------------------------

文章存档
#m_filed div.item{color:#666666;font-size:12px}
#m_filed div.item a{color:#3399CC;font-size:12px}
#m_filed div.item a:visited{color:#3399CC}
#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}

--------------------------------------------------------------------------------

自定义模块
自定义模块1
#m_mylink1 div.item{color:#333333;font-size:12px}
#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited{color:#3399CC}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块2
#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块3
#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定义模块4
#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4} 

文章来源:百度帮助中心
相关衔接:编写CSS中文说明

Blog Tags: 百度  CSS


/* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */
a{text-decoration: none;} /* 链接无下划线,有为underline */
a:link {color: #000000;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{COLOR: #AE0927;} /* 鼠标在链接上 */
a:active {color: #0000ff;} /* 点击激活链接 */
/* 顶部频道文字链接的CSS定义--将顶部频道文字链接与网站链接总的CSS定义分开,以后可以制作深底浅字的格式,如果要保持原来的设计样式,将此定义内容删除或定义成与网站链接总的CSS相同即可。调用代码为*** */
a.Channel:link {color: #ffffff;}
a.Channel:visited {color: #ffffff;}
a.Channel:hover{COLOR: #ffff00;}
a.Channel:active {color: #ffffff;}
/* 底部版权信息文字链接的CSS定义--与顶部频道文字链接定义的想法相同。可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。调用代码为*** */
a.Bottom:link {color: #ffffff;}
a.Bottom:visited {color: #ffffff;}
a.Bottom:hover{COLOR: #ffff00;}
a.Bottom:active {color: #ffffff;}
/* 文章栏目标题文字链接的CSS定义--可设置与顶部频道文字链接定义不同的文字颜色,网页内定义以预留。要相同可不设置。调用代码为*** */
a.Class:link {color: #0099CC;}
a.Class:visited {color: #0099CC;}
a.Class:hover{COLOR: #ffff00;}
a.Class:active {color: #0099CC;}
/* 顶部用户登录文字链接的CSS定义 */
a.top_UserLogin:link {color: #0099CC;}
a.top_UserLogin:visited {color: #0099CC;}
a.top_UserLogin:hover{COLOR: #AE0927;}
a.top_UserLogin :active {color: #0099CC;}

/* Body的CSS定义:对应CSS中“BODY”,可定义内容为网页字体颜色、背景、浏览器边框等 */
BODY
{
FONT-SIZE: 9pt;background:url(Skin/blue/bg_all.gif);
text-decoration: none;
scrollbar-3dlight-color: #037FA8; /* 滚动条亮边框颜色 */
scrollbar-highlight-color: #ffffff; /* 滚动条3D界面的亮边颜色 */
scrollbar-face-color: #DAECF5; /* 滚动条3D表面的颜色 */
scrollbar-shadow-color: #DAECF5; /* 滚动条3D界面的暗边颜色 */
scrollbar-darkshadow-color: #037FA8; /* 滚动条暗边框颜色 */
scrollbar-arrow-color: #037FA8; /* 滚动条方向箭头的颜色 */
scrollbar-base-color: #ffffff; /* 滚动条基准颜色 */
}
/* 单元格的CSS定义:对应CSS中的“TD”,这里为总的表格定义,为一般表格的的单元格风格设置,可定义内容为背景、字体颜色、样式等 */
TD
{
FONT-FAMILY:宋体;FONT-SIZE: 9pt;line-height: 150%;
}
/* 文本框的CSS定义:对应CSS中的“INPUT”,这里为文本框的风格设置,可定义内容为背景、字体、颜色、边框等 */
Input
{
BACKGROUND-COLOR: #ffffff;
BORDER-BOTTOM: #666666 1px solid;
BORDER-LEFT: #666666 1px solid;
BORDER-RIGHT: #666666 1px solid;
BORDER-TOP: #666666 1px solid;
COLOR: #666666;
HEIGHT: 18px;
border-color: #666666 #666666 #666666 #666666; font-size: 9pt
}
/* 按钮的CSS定义:对应CSS中的“BUTTON”,这里为按钮的风格设置,可定义内容为背景、字体、颜色、边框等 */
Button
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}
/* 下拉列表框的CSS定义:对应CSS中的“SELECT”,这里为下拉列表框的风格设置,可定义内容为背景、字体、颜色、边框等 */
Select
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}

/* ==top.asp中的CSS定义开始== */
.top_tdbgall /* 顶部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.top_Channel /* 频道表格背景、文字颜色定义 */
{
background:#3399CC;color:#3AB1F5!important;text-align: right;
}
.top_Announce /* 公告表格背景、文字颜色定义 */
{
background:url(Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_nav_menu /* 导航栏表格背景、文字颜色定义 */
{
background:url(Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_Path /* 您现在的位置表格背景、文字颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;height: 30;
}
/* ==top.asp中的CSS定义结束== */

/* ==网页中部中的CSS定义开始== */
.center_tdbgall /* 中部表格总背景颜色定义 */
{
background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
   /* --网页中部左栏的CSS定义开始-- */
.left_tdbgall /* 左栏表格总背景颜色定义 */
{
background:#f2f2f2;
}
.left_title /* 左栏标题表格背景、文字颜色定义 */
{
background:url(Skin/blue/left_title.gif);font-weight:bold;color: 037FA8;height: 26;
}
.left_tdbg1 /* 左栏内容表格背景、文字颜色定义 */
{
background:url(Skin/blue/left_tdbg1.gif);line-height: 150%;padding-left:5;padding-right:5;
}
.left_tdbg2 /* 左栏底部表格背景、文字颜色定义 */
{
background:url(Skin/blue/left_tdbg2.gif);height: 10;
}
   /* --网页中部左栏的CSS定义结束-- */
   /* --网页中部中栏的CSS定义开始-- */
.main_tdbgall /* 中栏表格总背景颜色定义 */
{
width: 572;background:#ffffff;
}
.main_shadow /* 中栏内容间隔表格背景颜色定义(575) */
{
height: 10;
}
.main_announce /* 中栏公告表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;background:url(Skin/blue/main_announce.gif);border: 1px solid #8CC3DE;
}
.main_Search /* 中栏搜索表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;border: 1px solid #8CC3DE;background:#f7f7f7;
}
.main_top /* 中栏最新推荐表格背景颜色定义 */
{
background:url(Skin/blue/main_top.gif);height: 187;
}
.main_title_575 /* 中栏标题表格背景、文字颜色定义(575) */
{
color: 0099CC;background:url(Skin/blue/main_title_575.gif);border: 1px solid #8CC3DE;text-align: left;padding-left:40;height: 26;
}
.main_tdbg_575 /* 中栏内容表格背景、文字颜色定义(575) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */
{
background:url(Skin/blue/main_title_282.gif);color: 0099CC;height: 20;border-top: 1px solid #8CC3DE;border-left: 1px solid #8CC3DE;border-right: 1px solid #8CC3DE;
}
.main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.listbg /* --栏目文章列表内容间隔颜色的定义1-- */
{
background:#ffffff;
}
.listbg2 /* --栏目文章列表内容间隔颜色的定义2-- */
{
background:#f7f7f7;
}
   /* --网页中部中栏的CSS定义结束-- */
   /* --文章显示页的CSS定义开始-- */

.main_ArticleTitle /* 主标题文字颜色定义 */
{
color: ff0000;font-weight:bold;font-size: 18;
}
.main_title_760 /* 标题导航表格背景、文字颜色定义(760) */
{
background:url(Skin/blue/main_title_760.gif);border: 1px solid #8CC3DE;padding-left:5;height: 25;color: 0099cc;
}
.main_tdbg_760 /* 内容表格背景、文字颜色定义(760) */
{
border: 1px solid #8CC3DE;padding: 8;
}
   /* --文章显示页的CSS定义结束-- */
/* ==网页中部中的CSS定义结束== */

/* ==Bottom.asp中的CSS定义开始== */
.Bottom_tdbgall /* 底部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.Bottom_Adminlogo /* 管理信息表格背景、文字颜色定义 */
{
background:#3399CC;color:#ffffff;
}
.Bottom_Copyright /* 版权信息表格背景、文字颜色定义 */
{
background:#ffffff;color:#000000;
}
/* ==Bottom.asp中的CSS定义结束== */

/* ==自选风格中的CSS定义结束== */
.menu
{
background-color: #cccccc;width:97%;border: 1px;
}
.menuBody
{
background-color: #ffffff;
}
/* ==自选风格中的CSS定义结束== */  


文章来源:96度网络
相关衔接:百度空间CSS说明

Blog Tags: CSS


演唱:满文军

Blog Tags: 视频  白蛇传



演唱:陈慧琳

暗想从前阴雨天 你的伞留下了思念 今夜你不在我身边 爱在断桥边也无法了断 不管多波折多么难 我心依然 爱瞬间痛了一千年 说声再见心盘起 缠绵眷恋千百般 变得温暖谁还叹 人一生短暂
 守着那知己 看不见人世间纷繁 今生和你并肩 就要你作伴 今生和你作伴 woh守着那知己

Blog Tags: 视频  白蛇传


2006年10月3日 #

Blog Tags: 光良  约定  视频



忘了有多久 再没听到你 对我说你最爱的故事 我想了很久 我开始慌了 是不是我又做错什么 你哭着对我说 童话里都是骗人的 我不可能是你的王子 也许你不会懂 从你说爱我以后 我的天空星星都亮了 我愿变成童话里 我要变成童话里 我会变成童话里 你爱的那个天使 张开双手 变成翅膀守护你 你要相信 相信我们会像童话故事里 幸福和快乐是结局

Blog Tags: 视频  光良  童话


Blog Tags: 武林外传  视频