2008 十月 - 80年代

10 28

HP Touchsmart广告比中国功夫还牛

发布: wulinfo, 类别: 社会大学, 评论: 来个沙发

看了惠普Touchsmart广告，感觉超牛创意十足，相信又会掀起触屏热潮，科技的发展真是日新月异呀，想跟上脚步不容易，期待更多令人惊喜的科技。

下面是两段广告视频和大家分享《HP TOUCHSMART IQ518 精彩宣傳影片》

标签: 创意, 视频

10 27

Application Data转移

发布: wulinfo, 类别: 自言自语, 评论: 少得可怜

其实使用过Chrome Firefox Safari等浏览器都觉得比IE好用（IE早已经有了方法），但我的系统是安装了还原软件的，每次重启系统后这些浏览器的设置以及用户数据也会随着还原而丢失，这令我非常苦恼，所以也一直没有常常使用这些浏览器，通常是用来测试网页的兼容性，今天实在是无法忍受这些痛苦了，花了点时间研究了一下修改了Application Data文件夹路径，方法如下：

打开你所使用的帐户文件夹（路径C:Documents and Settings\你的用户名），通常会是使用超级用户名字一般为Administrator将其在资源管理器中的“应用程序信息Application Data以及C:Documents and SettingsLocal Settings下的Application Data（此两个文件夹要取消隐藏选项才能看到），复制到其他分区（即非还原分区）。

路径：C:Documents and Settings用户名\Local Settings\Application Data
路径：C:Documents and Settings用户名\Application Data

复制到其他分区例如：

路径：D:用户名\Local Settings\Application Data
路径：D:用户名\Application Data

红色部分为你所使用的用户名(一般为Administrator)
黄色部分为你所要复制的文件夹

注意：可能部分文件因为使用中无法复制，请忽略或者直接复制里面子文件夹.例如：FF的Mozilla Safari的Apple Computer等

接着在“开始”菜单中选择“运行”，输入“regedit”，然后点击“确定”按钮打来注册表。在打开的“注册表编辑器”窗口左侧，寻找并选择

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders

双击右侧的“AppData”，将其数据数值改为“你所复制的其他分区位置”
例如：D:Administrator\Application Data”，点击“确定”按钮。
双击右侧的“Local AppData”，将其数据数值改为“你所复制的其他分区位置”
例如：D:Administrator\Local SettingsApplication Data

注册表部分如果你懒得修改我这有现成的，参照图片所示中路径

退出注册表窗口，重新启动电脑就ok了

当然如果你不想保留系统盘中的Application Data 你也可以找到相应的目录将其删除，建议还是不要删除，保留备用吧

请修改前做好备份，以防不测，虽然本人已经拿自己的电脑测试过了

标签: firefox, 软件

10 24

发布Z-blog主题-淡雅E

发布: wulinfo, 类别: 自言自语, 评论: 少得可怜

发布Z-blog主题-淡雅E，总体感觉很简洁，有种流线美，呵呵,欢迎大家试试，已经在各大浏览器中测试过了。

需要注意：后台设置（正文图片自动缩放宽度）宽度为442，其实是450，因为图片加边框去掉左右各4px

2008-10-24更新
彻底解决IE6问题，支持目前几乎所有浏览器（IE6-7-8 FF3 Google chrome）
修正长标题问题，gravatar头像功能

2009-1-3更新

支持宽屏（发现自打金融风暴以来，我的博客近一半的访客都使用了宽屏）
去掉顶部的图片Logo，换成文本
侧栏列表加入ico
修复内文图片样式
标题换了黑体

2009-2-14更新

修正图片链接错误代码
添加锚点跳转缓冲

CSS中添加了导航条按钮焦点样式》haphic 完善后的代码
请在后台导航条中加入下面的代码：

<script type="text/javascript">
$("#divNavBar ul>li").each(function() {
if ($(this).find("a").attr("href").toLowerCase() !== str00.toLowerCase()){
if (document.URL.toLowerCase().indexOf($(this).find("a").attr("href").toLowerCase()) !== -1){
$(this).attr("id","current")
}
}else{
if ($(this).find("a").attr("href").toLowerCase() == document.URL.toLowerCase()){
$(this).attr("id","current")
}
}
});
</script>

下面是预览图片

下载：

标签: 主题

10 21

给图片添加效果

发布: wulinfo, 类别: 社会大学, 评论: 3条评论

首先注意这个CSS只针对有CSS基础的朋友，至于应用我就不详加解释了，可以参考本文的源码。大致原理是通过CSS相对定位将PNG或GIF图形附加到图片上，使其重叠而产生效果。

给你的图片加上动态图形（PNG或GIF），包括：圆钉、透明胶、回形针、黄胶纸、花纹等等。

圆钉

透明胶

回形针

黄胶纸

花纹

下面是小图边框

写图志一直是我比较喜欢的方式，可是用表格排版还是不爽的，今天选择了这个CSS相对定位，这个CSS不止可以便捷的写图纸还能加上华丽的相框，比较遗憾的是图片尺寸大小受限于PNG图片。

下面是一些演示…

圆角无边

切角

圆角边

邮票

墨刷

梦幻

艺术线切

透明高光

不过使用绝对定位，这点不好，很难控制，不过看起来效果还很不错

下面CSS加入主题样式

div.post-body .gallery {
margin: 10px 0 0 0;
position: relative;
float: none;/*一个一行 left值则为自动换行*/
}
div.post-body .gallery img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
div.post-body .gallery-s {
margin: 2px 5px 2px 2px;
position: relative;
float: left;
text-align:justify;
}
div.post-body .gallery-s img {
background: #fff;
border: solid 1px #ccc;
padding: 4px;
}
div.post div.post-body .gallery1 span {
width: 28px;
height: 21px;
display: block;
position: absolute;
top: -12px;
left: 48%;
background: url(images/pin.png) no-repeat;
}
div.post div.post-body .gallery2 span{
width: 77px;
height: 27px;
display: block;
position: absolute;
top: -12px;
left: 43%;
background: url(images/tape.png) no-repeat;
}
div.post-body .gallery3 span {
width: 30px;
height: 60px;
display: block;
position: absolute;
top: -5px;
left: -2px;
background: url(images/paper-clip.png) no-repeat;
}
div.post-body .gallery4 span {
width: 115px;
height: 32px;
display: block;
position: absolute;
top: -13px;
left: 40%;
background: url(images/tape2.png) no-repeat;
}
div.post-body .gallery5 span {
width: 122px;
height: 72px;
display: block;
position: absolute;
top: -22px;
left: -15px;
background: url(images/floral-corner.png) no-repeat;
}
div.post-body .gallery6 span {
width: 189px;
height: 137px;
display: block;
position: absolute;
top: -5px;
left: -5px;
background: url(images/cut-corner.png) no-repeat;
}
div.post-body .gallery7 span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(images/round-corner.png) no-repeat;
}
div.post-body .gallery7 img {
border: none;
padding: 0;
}
div.post-body .gallery8 span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 5px;
left: 6px;
background: url(images/round-corner.png) no-repeat;
}
div.post-body .gallery8 img {
border: none;
padding: 5px 6px 6px;
background: url(images/round-bg.gif) no-repeat;
}
div.post-body .gallery9 span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 6px;
left: 7px;
background: url(images/stamp-pattern.png) no-repeat;
}
div.post-body .gallery9 img {
border: none;
padding: 6px 7px 7px;
background: url(images/stamp-bg.gif) no-repeat;
}
div.post-body .gallery10 span {
width: 181px;
height: 134px;
display: block;
position: absolute;
top: -6px;
left: -6px;
background: url(images/brush-border.png) no-repeat;
}
div.post-body .gallery10 img {
border: none;
padding: 0;
}
div.post-body .gallery11 span {
width: 216px;
height: 166px;
display: block;
position: absolute;
top: -17px;
left: -18px;
background: url(images/gold-frame.png) no-repeat;
}
div.post-body .gallery12 span {
width: 186px;
height: 137px;
display: block;
position: absolute;
top: 2px;
left: 2px;
background: url(images/watercolor-top.png) no-repeat;
}
div.post-body .gallery12 img {
border: none;
padding: 9px 12px 12px 11px;
background: url(images/watercolor-bg.png) no-repeat;
}
div.post-body .gallery13 span {
width: 170px;
height: 120px;
display: block;
position: absolute;
top: 0;
left: 0;
background: url(images/mask.png) no-repeat;
}
div.post-body .gallery13 img {
border: none;
padding: 0;
}
div.post-body .gallery14 span {
width: 170px;
height: 84px;
display: block;
position: absolute;
top: 5px;
left: 5px;
background: url(images/glossy-gradient.png);
}

下面是应用代码（图志）

<div class="gallery-s">
<ul>
<li><span> </span><img alt="image" src="图片地址" /></li>
</ul>
</div>

其中gallery-s表示小图

下面是大图附件图形的应用代码

<div class="gallery gallery1">
<ul>
<li style="text-align: center;"><span> </span><img src="图片地址" alt="image" /></li>
</ul>
</div>

其中gallery gallery1 为PNG图形序列1-6

至于其他应用请参考本文源码或CSS

源码下载：

标签: CSS

Page 1 / 412 3 4 下一页»

版本	1.1.6 简体中文版
版权所有	软件发行商
软件平台	Firefox 1.0-3.0*
整理日期	2008年05月25日
软件授权	免费使用
安装下载	立即安装（374KB）

爱你杯子（辈子）

播放器UI设计

音乐集分享（精选）

太阳能信息面板

等待是一生中最初的苍老

最新文章

按月归档

分类归档

标签归档

HP Touchsmart广告比中国功夫还牛

Web Developer 1.1.6中文版

Application Data转移

发布Z-blog主题-淡雅E

给图片添加效果

热门文章

最近评论

朋友链接