水中月博客

WordPress基本模板文件
一套完整的WordPress模板应至少具有如下文件：
style.css : CSS(样式表)文件
index.php : 主页模板
archive.php : Archive/Category模板
404.php : Not Found 错误页模板
comments.php : 留言/回复模板
footer.php : Footer模板
header.php : Header模板
sidebar.php : 侧栏模板
page.php : 内容页(Page)模板
single.php : 内容页(Post)模板
searchform.php : 搜索表单模板
search.php : 搜索结果模板
当然，具体到特定的某款模板，可能不止这些文件，但一般而言，这些文件是每套模板所必备的。

<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

———————————————————————
这段是网上很经典的滚动代码

注释:

offsetWidth是指物体可见宽度
scrollLeft是指滚动滑块在滚动条上的位置
<!–对于此例,网页中一般会有三个容器,此处为demo,demo1和demo2;其中demo1和demo2均在demo中
demo的overflow属性一般为hidden,我在这里用auto是为了方便你查看scrollLeft的状态,
另外为方便你理解scrollLeft和offsetWidth,我还在后面加了一个viewstatus函数,鼠标经过容器时会看到相关参数值

文雅的设计
1. Tomá? Ledba _ graficky design _ web design _ corporate identity
2. Intype
3. BigFilebox
4. FreelanceSwitch
5. FluidBook
6. Panic – Coda – One-Window Web Development for Mac OS X
7. boo-box, as simple as that…
8. Future of Web Apps
9. Freshview – Refreshingly Simple Software
10. Welcome to Revyver.

两年前发表的《The visual design of Web 2.0》中提到“Rounded everything”，圆角因使人感觉舒适的友好风格而变得无处不在。这个无处不在也让很多前端工程师累个半死，YAHOO Performance Research Engneer Team的Nicole在讲演《Designing Fast Websites》中用的副标题是don’t blame the rounded corners!，从侧面也说明了圆角给实现者带来的困扰：实现麻烦、兼容困难、性能不佳。而W3C早在2002年的CSS3草案中就加入了一个叫border-radius的属性，通过它可以直接来定义HTML元素的圆角。

上网看到一个好玩的东东,可以把照片处理成各种各样的风格,挺好玩的,发上来让大家瞧瞧
网址:http://www.boboku.com/
你们也可以试一下,可以迅速把你的照片给PS
 

CSS TP特殊效果风格属性
　　①灰/黑：Gray/Xray
　　②差值：Invert
　　③水平：Fliph
　　④垂直：Flipv
　　⑤羽化：Alpha(Opacity=100,Style=2)
　　⑥透明度：Alpha(Opacity=33,Style=0)
　　⑦模糊：Blur(Add=1,Direction=45,Strength=180)
　　⑧雕刻:progidXImageTransform.Microsoft.Emboss()
　　⑨水波纹：Wave(Add=0,Freq=6,Lightstrength=10,Phase=0,Strength=20)

方案说明：

需求是：A页面(oblog.cn)要嵌入B页面(aobo.com)，因为不能确定B页面的高度，所以要求高度自适应。

解决方法：简单来说就是在B页面里创建一个和A同域的iframe C，让C和A之间可以通讯，以把B的高度传过去。
那么怎么传过去呢？以前的方法是在C里改变parent.parent(即A)的location.hash，但是改hash会生成浏览器历史记录，点后退前进按钮用户体验不佳。我们试了下在A页面直接取frames[ b ].frames[c].location.hash，居然可以取到。
剩下的就简单了，在A里设置iframe B装载完成后获取C的hash，然后通过hash设置iframe B的高度

这是用JS+CSS做出图标透明效果.JS真是强大.什么特效都能弄出来
我是在想写完JS,如何在页面调用呢
CSS是写完样式,在页面里插DIV. JS也差不多.不过还是没搞懂.才开始看JS初级教程
<script type=”text/JavaScript”> var hobby = “JavaScript”if (hobby == “JavaScript”) {document.write(“有发展”);}else//如果爱好不是JavaScript{document.write(“没有评价……”);} </script>
看到这些,就有点转向了.笨啊.写完这个,如何在页面插入又不会了.
*********************************************************
图效果压缩包:vista窗口.rar

在交互设计、用户研究、信息架构被渲染得越来越强大的时候，视觉设计再一次被悄悄地忽略了。但是我始终认为，不管研究和分析工作如何地重要和不可缺少，所有的成果最后都是通过视觉手段来传达的。
有人说，现在的网站越来越“简洁”，视觉方面没有什么可发挥的地方。我反倒认为，越是简洁的界面，越需要有效的视觉手段来传达产品的意图，不然交互设计师设定的页面任务目标、信息架构搭建的层次、用户研究得到的需求……都是in vain。