存档

‘网站设计’ 分类的存档

JS实现的apple风格滚动条

2009年7月23日 root 没有评论

缺点：不能与JQuery 共用
Demo下载：Slider

分类: 网站设计 标签:

完美解决DIV被Flash遮挡的问题

2009年7月18日 root 没有评论

当网页中嵌入flash时会遮挡出JavaScript代码生成的div层；这个问题的解决方法是要在嵌入的flash代码中加入以下参数设置：
用于解决IE问题,设置wmode参数。

?View Code HTML
1

<param name="wmode" value="transparent" />

在FF下要给embed标签加入下面wmode属性：

?View Code HTML
1

<embed src="你的flash.swf" wmode="transparent" ... ></embed>

用DreamWeaver插入的flash默认是不加这两项的，加了后的代码：

?View Code HTML
1
2
3
4
5
6

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="606" height="235" title="首页banner">
	<param name="movie" value="image/logo.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<embed src="image/logo.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="606" height="235"></embed>
</object>
分类: 网站设计 标签:

Jquery的简单下拉菜单代码

2009年7月18日 root 没有评论
?View Code HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery 渐变下来效果</title>
 
 
 
</head>
 
<body>
<div class="wrapper">
    <ul class="fir">
        <li class="dropdown">
        <a class="rssfeed">下拉菜单测试</a>
            <ul style="width:800px">
                <li style="float:left;"><a href="#" class="xg" rel="nofollow">鲜果订阅</a></li>
                <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
    <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
    <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
    <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
    <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
    <li style="float:left;"><a href="#" class="gr" rel="nofollow">&nbsp;&nbsp;&nbsp;&nbsp;Google订阅< /a></li>
            </ul>
        </li>
    </ul>
</div>
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(function(){
 $(".fir .dropdown").hover(
  function(){
   $("li ul").slideToggle(800);
  },function(){
   $("li ul").slideUp(1000)
  })
})
</script>
</body>
</html>
分类: 网站设计 标签:

火狐不支持Cursor:hand的写法的解决方法

2009年7月17日 root 没有评论

在CSS中手型指针有cursor:hand和cursor:pointer两种写法,其中cursor:hand在FireFox中不支持,返回错误!

只要使用cursor:pointer即可解决问题，FF和IE都支持,且Google的浏览器也支持！cursor:pointer应该是符合W3C标准的。

cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。
cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。

IE5 IE6 IE7 Firefox
cursor:pointer × √ √ √
cursor:hand √ √ √ ×

看来以后用cursor:pointer 是最好的了。

分类: 网站设计 标签:

多IE版本共存的网页设计测试软件IETester

2009年7月16日 root 没有评论

在设计页面的时候，每次要考虑到不同的浏览器和IE的版本。有的时候在FireFox下正常，在IE下却显得乱七八糟，在IE6下显示好好的，到IE7下又是一塌糊涂。IE6和IE7无法在XP或者Vista下共存，所有有时候都是开着两台电脑去测试一个页面。实在是太不方便了。昨天，依旧往常一样开着两台电脑在测试页面，旁边的同事看到了才告诉我有个软件可以让多个IE版本共存。马上去网上搜索了下，发现了IETester 可以让多个IE版本共存，于是找到官方网站下载了一个。软件可以在XP和vista下运行，可以同时运行IE5.5，IE6，IE7，IE8 已经覆盖了所有的IE版本了。软件界面可以看下：
ietester软件还不错，只是昨天用的时候发现好几次，也没用他，就提示说软件出现错误要关闭。不知道是那里的问题。

软件官方下载地址：http://www.my-debugbar.com/wiki/IETester/HomePage

分类: 网站设计 标签:

跨浏览器的CSS固定定位{position:fixed}

2009年7月15日 root 没有评论

滚动网页时，让一个元素的位置一直没有任何改变，这就是通过CSS的定位属性{position:fixed}来实现的，通过它可以让HTML元素脱离文档流固定在浏览器的某个位置。

  1. IE7、Firefox、Opera，都支持CSS的{position:fixed}，所以很容易实现
  2. IE6不支持该属性，但是在使用!DOCTYPE 声明指定standards-compliant（标准）模式可以通过CSS hack实现
  3. 上述声明下IE5和IE5.5目前没有发现通过纯粹CSS能够解决的方案，但是可以通过IE特有的expression在CSS中实现（移动网页时固定元素会动），这和常见浮动Logo广告利用Javascript实现原理是一样的，只不过可以直接写在CSS中比较简便的
  4. 利用IE独有的条件注释语句可以针对不同的IE版本精确设置，同时避免了这些代码被其他浏览器读到，个人认为比纯粹的CSS Hack好，如果你安装了多个IE（包括绿色版本），条件注释将会以最高版本的IE为标准。

实现代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
......
<style type="text/css">
#fixed{position:fixed;top:5em;right:0;......}   针对IE7、Opera、Firefox一行搞定
</style>
IE6中利用容器对溢出内容的处理方式来实现的
<!--[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的，这是设置right:17px的原因
</style>
<![endif]-->
<!--[if lt IE 6]>
<style type="text/css">
#fixed{position:absolute;top:expression(eval(document.body.scrollTop + 50));}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
......
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>

代码2：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
......
<!--[if lt IE 7]>
<style type="text/css">
body{overflow:hidden;}
#wrapper{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
......
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>
分类: 网站设计 标签:

PhotoShop 使用的一点发现

2009年7月15日 root 没有评论

昨天网站改版，新版首页苹果风格，切页面的这事情当然又是我了。美工给的psd文件 需要导出无文字的图，这样后期用文字代替。用photoshop cs版本无法打开美工用ps 4做的图，然后就换用了新版本的photoshop ，在导出整张图片为gif图片的时候发现每次导出的都发虚，但是在美工机器上导出去却一点问题都没有，很清晰。后来我又用公司的电脑导出，发现还是同样问题。找了很多方面的原因也没发现，最后还是美工提出是不是导出的图像大小的问题，因为我导出的时候是整个网页，而他每次 导出的都是网页的一部分。最后我在自己机器上也导出部分，发现颜色很正常了。

photoshp导出gif图片的时候可能是页面颜色过多，导致部分页面颜色失真。而如果是导出部分页面，颜色少，失真就小或者是没有失真。以后做切页面的时候可以在ps中只把需要的部分导出gif这样可以保证颜色的真实性。

分类: 网站设计 标签:

Google AdSense 申请再次失败，不过看到了希望之火！

2009年6月22日 root 没有评论

以前也申请过google的AdSense，可是由于一直没有一个像样的网站，前几次都失败了，也就在没时间去搞。前几天又去申请了一下，这次用的是自己的博客。网上都在说要申请google的AdSense需要域名注册6个月以上，因为自己的博客域名注册也就一个月左右，所以自己也没抱有多大的希望。今天下午收到了google的邮件，从邮件上看说是“我们在审核了您的申请，并肯定您的网站质量”，好像我的博客符合了申请的资格，只是需要对网站的搜索权进行下确认。现在按照邮件中所写，上传了一个txt文档，再次进行了提交，希望这次能通过！

×××，您好！

感谢您关注 Google AdSense。很抱歉，在审查您的申请后，

我们目前无法接受您加入 Google AdSense。

我们未批准您申请的原因如下。

问题：

- 域名所有权

———————

更多详情：

域名所有权：我们在审核了您的申请，并肯定您的网站质量，
期待着您加入 AdSense 后与我们的良好的合作前景。在最终批准您的申请之前，我们需要进一步确认您对该网站 www.6tbl.com 的所有权，以便将来更好的为您服务。

所以烦请您在您的网站 www.6tbl.com 的根目录下创建一个网页 www.6tbl.com/adsense.txt，并粘贴”本人 ××× 声明确认我对本网站的所有权，同时确认本网站遵守 Google AdSense 计划政策和条款。”至该页面，然后以该网页 www.6tbl.com/adsense.txt 作为申请的”网站网址”重新提交申请。我们会第一时间核实您的申请，并及时通过邮件通知您申请结果。

我们期待您早日加入AdSense，成为我们的优质发布商！谢谢您对我们工作的理解与支持，祝您一切顺利！

———————

有关详情和关于申请的建议，请访问：https://www.google.com/adsense/support/bin/answer.py?answer=75109 。

要更新并重新提交申请，请访问 https://www.google.com/adsense?hl=zh_CN 并使用您在申请时提交的电子邮件地址和密码登录。我们的专家会审核您的帐户，以检查帐户是否符合我们的计划政策，所以，请务必在解决上面列出的所有问题后再重新提交。

有关 AdSense 标准的完整列表，请访问：https://www.google.com/adsense/policies?hl=zh_CN
https://www.google.com/adsense/localized-terms?hl=zh_CN

如有任何问题，欢迎通过以下链接随时与我们联系：https://www.google.com/adsense/support/bin/request.py? 。

Google AdSense 小组敬上

分类: 网站设计 标签: ,

今天又上线一个网站http://www.wdxss.cn/

2009年6月10日 root 没有评论

wdxss.cn 从购买到现在10天的时间，自己捣鼓了个小程序，一个刷刷的助手http://xss.wdxss.cn 和我的喜刷刷论坛 http://www.wdxss.cn/ 现在上线了，这个主要是针对网上开店的用户使用，进行交流的。

分类: 网站设计 标签:

discuz 论坛迁移中遇到的问题。

2009年6月9日 root 没有评论

前些天重装系统，本地的论坛程序给弄丢了，环境也重新配置了。想把服务器上的论坛数据下载下来备份，这就涉及到了论坛的迁移。因为装系统，时间少，也懒得去弄，第一次出现问题，不能正常显示以后就没再去整理。
今天又遇到论坛转移的问题，从服务器上下载下来论坛，数据库的名字、用户名、密码和数据库地址从config文件中修改后。运行还是出现跟上次同样的问题，显示如下：

论坛转移出错

开始以为是模板路径问题，用SearchAndReplace 查找路径替换成本地的路径，无果，问题依旧。
遂网上搜索迁移办法，查到官方的迁移方法，官方网站的迁移方法是通过程序的备份方法来实现的，无奈，在没有别的简单的方法后，只能通过官方的方法处理。根据官方的说明，首先要重新安装uc_center，于是地址中输入/uc_center/install/ 发现提示php.ini中的“short_open_tag” 没有设置成“On” 无法进行安装，于是修改PHP中的这个。然后想，是不是论坛显示不正常也是这个问题呢？打开首页一看，果然，现在正常显示了！
总结一下：转移discuz论坛，1、要配置好环境，如果不知道环境有没有配置好，可以通过discuz的安装的时候来检测下。2、将数据通过软件（Navicat 8）方法备份，到新的数据库服务器上。
最后一点，如果是linux或者是windows 2003主机 涉及到服务器权限的话按照安装提示时候的权限来设置就可以了。

* 安装向导无法写入配置文件, 请设置 config.inc.php 程序属性为可写状态(777)
* 附件目录 默认是 ./attachments 无法写入，附件上传功能将无法使用
* 数据目录 ./forumdata 无法写入，请设置属性为可写状态 (777)
* 缓存目录 ./forumdata/cache 无法写入，请设置属性为可写状态 (777)。
* 数据目录 ./forumdata/templates 无法写入，请设置属性为可写状态 (777)
* 主题缓存目录 ./forumdata/threadcaches 属性非 777 或无法写入，在线编辑模板功能将无法使用
* 缓存目录 ./forumdata/logs 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_client/data/cache 无法写入, 请设置属性为可写状态 (777)
* 缓存目录 ./uc_server/data 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/cache 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/view 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/avatar 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/logs 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/backup 无法写入，请设置属性为可写状态 (777)。
* 缓存目录 ./uc_server/data/tmp 无法写入，请设置属性为可写状态 (777)。

分类: 网站设计 标签: