篇一：用CSS把背景图片平铺
用CSS把背景图片平铺
首先，asp.net是后台语言，它不知道发送到的客户端浏览器是多大的，这个最简单的方法是使用css实现。
不可以直接使用css里的background属性，因为这个背景是不能被拉伸的， 直接使用img，定位方式为绝对，就可以了。
<img src="abc.jpg"
style="position:absolute;z-index:-1;left:0px;top:0px;width:100%;height:100%"> 把这个img放到最外层就可以了
asp.net 笔记 2010-01-20 16:58:02 阅读1265 评论0 字号：大中小
body{background:url(图片) repeat}
背景{}中添加background: url(图片地址)repeat
详细讲解：
repeat 背景图像在纵向和横向上平铺
no-repeat 背景图像不平铺
repeat-x 背景图像在横向上平铺
repeat-y 背景图像在纵向平铺
repeat:3/*重复3次*/
注意:只能在原图的基础上进行重复！而不能像我们的桌面一样进行扩大填充。
代码如下:
默认代码为：body{background-color:#FFFFFF}
换成以下代码
body{background:url(背景图片地址) background-position: center;background-attachment: fixed;repeat-x #FFFFFF} 这是全屏的背景代码~
在ASP.NET中把背景图片拉伸
body
{
background-image:url('a.jpg');
background-repeat:repeat
}
body{background:#FFF url(背景图片地址) no-repeat 50% 0;} no-repeat不重复
50% 0(水平位置 垂直位置) 水平50%既居中,垂直0px center 也可
DIV+CSS如何让图片文字混排的情况下垂直居中
<style> div{padding:40px 0px 40px 0px;border:1px solid #ccc;}
</style>
<div>
测试一下
</div>
自制U盘背景
when you believe 2009-10-30 17:36:27 阅读52 评论0 字号：大中小
首先，将自己打算作为背景的图片放入U盘的根目录。将图片命名为一个由字母或数字的名字。如:abc.jpg,在根目录新建一个文本文件（也就是记事本文件）。输入以下内容(粘贴复制即可):
[ExtShellFolderViews]
{BE098140-A513-11D0-A3A4-00C04FD706EC}={BE098140-A513-11D0-A3A4-00C04FD706EC}
[{BE098140-A513-11D0-A3A4-00C04FD706EC}]
Attributes=1
IconArea_Image=abc.jpg
[.ShellClassInfo]
ConfirmFileOp=0
注意：然後将文件名改为desktop.ini,记住是扩展名为“ini”的文件。右击"刷新"一下,当设置为“不显示已知文件扩展名”的时候，需要做相关的设置才可以改：如：在我的电脑窗口，点击：工具→文件夹选项→然後找到“隐藏已知文件类型的扩展名”选项，将前面的对勾去点即可。
提示：我们还可把图片和desktop.ini隐藏起来,让界面看起来更美观。具体的做法是:选中图片文件和desktop.ini,右击"属性",
把"隐藏"前边的勾选上,点"确定"即可。
这种方法不仅仅适合于U盘,你也可以用在硬盘\移动硬盘\甚至可刻在碟里面.
只要把desktop.ini中的a.jpg替换为所在图片的路径即可,绝对路径或者相对路径都行。
改变U盘图标
效果演示：
把U盘插在电脑上,打开U盘,新建一个记事本文件,输入以下内容:
[autorun]
ICON=123.ico
输入完以後将文件名字改为autorun.inf并保存.
回到桌面,找到刚才做好的ICO文件并将它命名为123.ICO.再将这个文件复制到U盘中.最後将U盘弹出,并重新插上,看到效果了吧!
以上方法同样适用与本地硬盘等存储设备。注意autorun.inf和desktop.ini文件的类型，建议修改的时候选择不隐藏已知文件的扩展名。一切设定好後，可将以上文件选择为只
读，隐藏。
个性文件夹背景设置
电脑知识 2010-05-21 06:56:47 阅读155 评论0 字号：大中小
你可以改下文件夹背景,在背景上显示一张图。方法只要在该文件夹中放一个desktop.ini的文件就可以了
desktop.ini的文件内容如下
[.ShellClassInfo]
IconFile=E:\a.jpg
IconIndex=0
InfoTip=
[{be098140-a513-11d0-a3a4-00c04fd706ec}]
IconArea_Image=e:\a.jpg
IconArea_Text=0x0000ffff
图片名为a.jpg放在e盘根目录下。再开这个文件夹是不是不一样了 背景音乐大全
分享 2010-11-12 15:49:37 阅读11 评论0 字号：大中小
钢琴：
《Kiss The Rain 雨的印记》（Yiruma） a
《Tears眼泪》（The Daydream）
《YOU&ME》（The Daydream）
篇二：Web UI 设计命名规范讲解(含目录)
Web UI 设计命名规范
Web UI 设计命名规范............................................................................................... 1
一.网站设计及基本框架结构: ............................................................................. 2
二.需要注意的几点: ............................................................................................ 2
一.网站设计及基本框架结构
:
1. Container
“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.
2. Header
“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).
3. Navbar
“navbar“等同于横向的导航栏，是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.
4. Menu
“Menu”区域包含一般的链接和菜单，这部分还可以命名为: “subNav “, “links“，“sidebar-main”.
5. Main
“Main”是网站的主要区域，如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。
6. Sidebar
“Sidebar” 部分可以包含网站的次要内容，比如最近更新内容列表、关于网站的介绍或广告元素等?这部分还可以命名为: “subNav “, “side-panel“, “secondary-content“.
7. Footer
“Footer”包含网站的一些附加信息，这部分还可以命名为: “copyright“.
二.需要注意的几点:
1.尽量考虑为元素命名其本身的作用或”用意”，达到语义化。不要使用表面形式的命名.
如:red/left/big等。
2.组合命名规则:
[元素类型]-[元素作用/内容]
如:搜索按钮: btn-search
登录表单:form-login
新闻列表:list-news
3.涉及到交互行为的元素命名:
凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式，命名可参考以下规则:
鼠标悬停:：hover 点击：click 已浏览：visited
如:搜索按钮: btn-search、btn-search-hover、btn-search-visited
推荐网页制作规范
01 命名规范
文件命名的原则：以最少的字母达到最容易理解的意义。
一般文件及目录命名规范：
每一个目录中应该包含一个缺省的html 文件，文件名统一用index.htm
文件名称统一用小写的英文字母、数字和下划线的组合
尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)
多个同类型文件使用英文字母加数字命名，字母和数字之间用_分隔。例如：news_01.htm。注意，数字位数与文件个数成正比，不够的用0补齐。例如共有200条新闻，其中第18条命名为news_018.htm
图片的命名规范 ：
名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质。例如： 放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner ；标志性的图片我们取名为：logo ；在页面上位置不固定并且带有链接的小图片我们取名为button ；在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu ；装饰用的照片我们取名：pic ；不带链接表示标题的图片我们取名：title 依照此原则类推。
尾部分用来表示图片的具体含义，用英文字母表示。例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse效果的图片，两张分别在原有文件名后加"_on"和"_off"命名。
其它文件命名规范
js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:ad.js
所有的CGI文件后缀为cgi。所有CGI程序的配置文件为config.cgi
02 目录结构规范
目录建立的原则：以最少的层次提供最清晰简便的访问结构。
目录的命名以小写英文字母，下划线组成。(参照命名规范)
根目录一般只存放index.htm以及其他必须的系统文件
每个主要栏目开设一个相应的独立目录
根目录下的images用于存放各页面都要使用的公用图片，子目录下的images目录存放本栏目页面使用的私有图片
所有JS,ASP,PHP等脚本存放在根目录下的scripts目录
所有CGI程序存放在根目录下的cgi-bin目录
所有CSS文件存放在根目录下style目录
每个语言版本存放于独立的目录。例如：简体中文gb
所有flash, avi, ram, quicktime 等多媒体文件存放在根目录下的media目录
03 尺寸规范
尺寸规范请根据您的实际情况调整：
页面标准按800*600分辨率制作，推荐尺寸为766*430px
页面长度原则上不超过3屏，宽度不超过1屏
每个标准页面为A4幅面大小，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px，另外120*90，120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
04 首页代码规范
首页的代码关键在head区，head区是指首页HTML代码的<head>和</head>之间的内容。head区必须加入的标识
公司版权注释 <!--- The site is designed by yourcompany,Inc 03/2001 --->
网页显示字符集 例如：
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
原始制作者信息 <META name="author" content="[email protected]">
网站简介 <META NAME="DESCRIPTION" CONTENT="这里填您网站的简介">
搜索关键字 <META NAME="keywords" CONTENT="关键字1,关键字2,关键字3,...">网页的css规范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
网页标题 <title>这里是你的网页标题</title>
head区可以选择加入的标识
设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://">
5指时间停留5秒。
网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 <META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
JS调用规范
所有的javascript脚本尽量采取外部调用
<SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT>
CSS书写规范
所有的CSS的尽量采用外部调用
<LINK href="style/style.css" rel="stylesheet" type="text/css"> 书写时重定义的最先，伪类其次，自定义最后（其中a:link a:visited a:hover a:actived 要按照顺序写）便于自己和他人阅读。
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。
CSS推荐模板。
<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋体"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋体"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9900; text-decoration: none}
.blue { font-family: "宋体"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
篇三：CKEditor4与CKFinder 2.3整合 for java
CKEditor 4.0.1 + CKFinder 2.3整合 for java
破解使用教程
CKEditor是我们喜爱的FCKeditor的一个完全重写版本，FCKeditor经过了6年的发展，取得了很大的成功。并不是说FCKeditor做的不好，而是我们可以带来更新的东西，CKEditor就是。在CKEditor上面，我们引入了几十个新特性。
CKEditor加载更快更方便使用。开发团队更加专注带来最佳的性能，使用各种现代的最佳做法。你会惊讶于他的表现。
您会注意到，他还有一个在Kama皮肤的基础上的一个全新的用户界面。Kama的丰富多彩就像变色龙一样，这样你就可以精确按您的需求匹配的颜色。这是一种创新的和独特的功能，你会发现只有在CKEditor才有。
CKEditor代码也与以前大大不同了。这取决于新的JavaScript开发的最新要求，提供了丰富而强大的集成和互动的API。该编辑器是完全基于插件的，他可以扩展和所有部件以符合所有需求。
第一步：工具下载：
1、下载CKEditor:
官网地址：
2、下载CKFinder:
官网地址：第二步：整合CKEditor
1、解压ckeditor_4.0.1_full.zip，在WebRoot下新建ckedtitor文件夹，把解压后的文件拷贝过来；
samples文件夹、CHANGES.md、LICENSE.md、README.md可以删掉，
其中lang文件夹下只保留en.js和zh-cn.js即可，plugins\a11yhelp\dialogs\lang文件夹下的也同样，删掉除en.js和zh-cn.js之外的文件。
2、此外如果需要和Jquery整合，还需要adapters文件夹中的jquery.js，关于adapters文件夹在4.0.1版本中没有，在3.6.4版本for java 中可以下载到
3、修改ckeditor文件夹下的config.js文件代码如下：
CKEDITOR.editorConfig = function( config ) {
// Define changes to default configuration here. For example:
config.language = 'zh-cn'; //配置语言 //添加中文字体
config.font_names='宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;华文中宋/华文中宋;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+
config.font_names;
// config.uiColor = '#FFF'; //背景颜色 // config.width = 400; //宽度 // config.height = 400; //高度 // config.skin = 'v2'; //编辑器皮肤样式 // 取消 “拖拽以改变尺寸”功能 // config.resize_enabled = false; // 使用基础工具栏 // config.toolbar = "Basic"; // 使用全能工具栏 config.toolbar = "Full"; //使用自定义工具栏 // config.toolbar = // [ // ['Source', 'Preview', '-'], // ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', ],'RemoveFormat'],
SpecialChar','PageBreak'],
// '/',
// ['Bold', 'Italic', 'Underline', '-', 'Subscript', 'Superscript'],
// ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
// ['Link', 'Unlink', 'Anchor'], // '/', // ['Format', 'Font', 'FontSize'], // ['TextColor', 'BGColor'], // ['Maximize', 'ShowBlocks', '-', 'About'] // ]; // 在 CKEditor 中集成 CKFinder注意的路径选择要正确。 config.filebrowserBrowseUrl = '/项目名称/ckfinder/ckfinder.html', config.filebrowserImageBrowseUrl = '/项目名称
/ckfinder/ckfinder.html?type=Images',
config.filebrowserFlashBrowseUrl = '/项目名称
/ckfinder/ckfinder.html?type=Flash',
config.filebrowserUploadUrl = '/项目名称
/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files',
config.filebrowserImageUploadUrl = '/项目名称
/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images',
config.filebrowserFlashUploadUrl = '/项目名称
/ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash',
config.filebrowserWindowWidth = '1000',
config.filebrowserWindowHeight = '700' ;
};
4、去掉默认的上传图片那一大段文字提示
打开plugins\image\dialogs\image.js文件，找到c.config.image_previewText||" Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas feugiat consequat diam. Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit. Nulla pretium mi et risus. Fusce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor. Curabitur molestie. Duis velit augue, condimentum at, ultrices a, luctus ut, orci. Donec pellentesque egestas eros. Integer cursus, augue in cursus faucibus, eros pede bibendum sem, in tempus tellus justo quis ligula. Etiam eget tortor. Vestibulum rutrum, est ut placerat elementum, lectus nisl aliquam velit, tempor aliquam eros nunc nonummy metus. In eros metus, gravida a, gravida sed, lobortis id, turpis. Ut ultrices, ipsum at venenatis fringilla, sem nulla lacinia tellus, eget aliquet turpis mauris non enim. Nam turpis. Suspendisse
lacinia. Curabitur ac tortor ut ipsum egestas elementum. Nunc imperdiet gravida mauris." 这后面一大堆代码，改成c.config.image_previewText||"”
第三步 整合CKFinder
1、解压ckfinder_java_2.3.zip，在WebRoot下新建ckfinder文件夹,在解压后的文件夹中找到ckfinder\_sources\CKFinder for Java\WebApp\src\main\webapp\ckfinder文件夹，拷贝到目标文件夹下；
3、samples文件夹、changelog.txt、install.txt、license.txt、translations.txt可以删掉， lang包中，删掉除en.js和zh-cn.js之外的文件；
4、解压ckeditor-java-3.6.4.war，把CKFinderJava\WEB-INF\lib下的
拷贝到项目的lib下。
5、把配置文件config.xml、web.xml也拷贝到WebRoot/WEB-INF下
打开config.xml 第二行的<enabled>false</enabled>换成
<enabled>true</enabled> 第四行的
<baseURL>/CKFinderJava/userfiles/</baseURL> 换成
<baseURL>/你的项目名称/userfiles/</baseURL>
6、配置web.xml文件
<servlet>
<servlet-name>ConnectorServlet</servlet-name>
<servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>XMLConfig</param-name>
<param-value>/WEB-INF/config.xml</param-value></init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>ConnectorServlet</servlet-name>
<url-pattern>
</url-pattern>
</servlet-mapping>
<filter>
<filter-name>FileUploadFilter</filter-name>
<filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
<init-param>
<param-name>sessionCookieName</param-name><param-value>JSESSIONID</param-value> </init-param>
<init-param>
<param-name>sessionParameterName</param-name>
<param-value></param-value> </init-param>
</filter>
<filter-mapping>
<filter-name>FileUploadFilter</filter-name>
<url-pattern>
</url-pattern>
</filter-mapping>
<session-config>
<session-timeout>10</session-timeout>
</session-config>
记得以上代码要写在spring 和struts2之前.
7、如果与struts2集成，需要改写filter
新建一个Struts2Filter类：
public class Struts2Filter extends StrutsPrepareAndExecuteFilter {
@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain fc)
throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) req;String filterURL = request.getRequestURI();
if
("/DRTS/ckfinder/core/connector/java/connector.java".equals(filterURL)) {
try {
fc.doFilter(req, res);
} catch (Exception e) {
}
} else {
super.doFilter(req, res, fc);
}
}
}
在web.xml文件中
<!-- 定义Struts2的核心Filter -->
<filter>
<filter-name>struts2</filter-name>
<filter-class>
com.sssss.common.filter.Struts2Filter//类路径 </filter-class>
</filter>
<!-- 让Struts2的核心Filter拦截所有请求 -->
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
8、破解
ckfinder/ckfinder.js 删除三处js代码：
第一处：删除
if(a.bF&&1==a.bs.indexOf(a.bF.substr(1,1))%5&&a.lS(J)!=a.lS(a.ed)||a.bF&&a.bF.substr(3,1)!=a.bs.substr((a.bs.indexOf(a.bF.substr(0,1))+a.bs.in
免费论文网友情提示：本网站所有内容为共享上传提供，不涉及任何商业利益，本站对此不承担任何保证责任！
Copyright © www.csmayi.cn Corporation, All Rights Reserved 共享时代 共享你我他 版权所有