2005年05月



    摘要:DIY DoNews Blog模板之六 魔兽一下[豆腐制作]    (全文共7728字)——点击此处阅读全文




    摘要:我喜欢DoNews新办公室    (全文共608字)——点击此处阅读全文



这个是我写了一个JS处理的,能在线运行演示代码.这样的话,直观一点.令狐葱 同学说SHARE一下,那就SHARE一下

JS代码:

<script language="javascript" type="text/javascript">
function rundemo(k){
var democode=document.getElementById(k).value
var demowin=window.open()

demowin.document.open();
demowin.document.write(democode)
demowin.document.close();
}
</script>


1.将这段代码放在公告栏里面,这样发文章的时候不用每次都引用
2,在发文章的时候,切换到"代码"编辑模式下,加入下面代码:

<textarea style="padding: 8px; width: 80%; height: 400px; font-size: 14px; line-height: 150%;" id="navmenu">



</textarea>

中间放置你的演示代码,.ID="navmenu"里面的navmenu你自己可以设置,不过要和下一步的ID对应一致

3.加入点击"运行演示"的连接,这个也要在代码模式下插入编辑
<a href="javascript:rundemo('navmenu')" style="color: rgb(255, 102, 0); font-weight: bold;">在线运行演示</a>

run('navmenu')中的navmenu要和上面对应,建议每次用不一样的ID.这样是为了避免在首页每篇文章都完全显示的时候,如果有多篇有运行演示的代码.ID重复





    摘要:符合WEB标准的下拉导航菜单例子之一    (全文共6073字)——点击此处阅读全文



kenton留言说想在Donews Blog上加一个GOOGLE的站内搜索
我看了一下源码,页面body后面紧跟了一个form.所以如果直接加GOOGLE的代码的话,是FORM里面嵌套FORM,起不了作用。我用JS处理了一下,先分成了3个FORM,然后在最后一个留言提交的Form,用JS去获得第一个FORM 的ACTION。测试了一下,留言和站内检索都可以,不过也许还会有其他的问题

小宇发邮件来说在OPERA下页面乱了。我看了一下代码,是加了GOOGLE搜索以后导致的,OPERA对标签识别可能是按<a><b></b></a>这样的形式严格解释,IE和FF容错好一点。我写的这个GOOGLE站内搜索是打补丁形式来处理,页面标签结构控制不了。

在公告栏补加入以下代码:
代码中有2处www.donews.net/dodo记得换成你自己的,不然是搜索我这个BLOG

<script language="JavaScript">
<!--
document.write("</form><h3>本站站内搜索</h3><FORM method=GET action=\"http://www.google.com/search\">");
document.write("<INPUT TYPE=hidden name=ie value=utf-8>");
document.write("<INPUT TYPE=hidden name=oe value=utf-8>");
document.write("<INPUT TYPE=hidden name=\"hl\" value=\"zh-CN\">");
document.write("<TABLE  style='font-size:12px'><tr><td>");
document.write("<IMG SRC=\"http://www.google.com/logos/Logo_25wht.gif\" ");
document.write("border=\"0\" ALT=\"Google\" align=absmiddle> 提供");
document.write("</td></tr>");
document.write("<tr><td>");
document.write("<INPUT TYPE=text name=q size=20 maxlength=255 value=\"\"><br>");
document.write("<INPUT TYPE=submit name=btnG VALUE=\"搜索\">");
document.write("");
document.write("<INPUT TYPE=hidden name=domains value=\"www.donews.net/dodo\"><br>");
document.write("<INPUT TYPE=radio name=sitesearch value=\"\"> 搜索WWW ");
document.write("<INPUT TYPE=radio name=sitesearch value=\"www.donews.net/dodo\" checked> 搜索本站<br>");
document.write("</font>");
document.write("</td></tr></TABLE>");
document.write("</FORM><form method=post id=form2 name=form2 onsubmit=chggo()>");
document.write("<input type=\"hidden\" name=\"__VIEWSTATE\" value=\"\" />");
function chggo(){
document.getElementById("form2").action=document.getElementById("Form1").action
}
//-->
</script>






    摘要:说2句    (全文共424字)——点击此处阅读全文




    摘要:DIY DoNews Blog模板之五 简约蓝色    (全文共8541字)——点击此处阅读全文



MSN MESSENGER 7.0支持动画的头像,应该是FLASH格式的,试试MSN Content Installer 1.0吧,还可以鼠标右键还可以选择头像的心情,Standtard,Happy,Winking,Laughing,Sad,Angry

MSN Content Installer 1.0可提供﹕
  • 130个 Winks
  • 30个 Moods
  • 30个 Packs
  • 85个 Backgrounds
  • 1300个 Emoticons
表情和背景就没必要了,点击软件界面的"Get Winks"和"Get Moods"就可以了

备注﹕

  • 只支持MSN Messenger 7.0.0777
  • 安裝MSN Content Installer 1.0时候请勿关闭MSN Messenger
  • 要先安装Microsoft .NET Framework

相关下载﹕

不过如果能DIY就好了,装好以后也可以把.net Framework卸载掉




DoNews的这个BLOG只支持上传图片格式到相册,不支持上传其他文件,所以只好把CSS样式表放在自己的服务器空间里。期待韩磊后续版本中加入文件夹功能。


效果可以点击本页右边导航的 “切换页面样式”中的不同样式,网络不好时会有点慢,因为在调用相关图片等文件

下面说说怎么和我这里同步更新页面风格皮肤

怎样和本BLOG同步  donews Blog的页面风格(就是说我这里增加了新的风格,你那里也同时回显示

1。首先进入“选项”--“配置”

2。选择“皮肤”的样式为:Lighty

3。在"自定义CSS"那里输入一下代码:
/**/

4。在"公告栏"处输入一下代码:

<script language="JavaScript" src="http://www.iqoo.com/doblog/skin.js">
</script>
<script language="JavaScript">
<!--
setActiveStyleSheet("4")
//-->
</script>


第四步中的setActiveStyleSheet("4")的数字可以自己选择,目前为1-4,注意本BLOG的更新信息。

到此这样就可以了

如果你不是懒人的话,可以在第三步中贴上本BLOG DIY的任何一种风格皮肤的完全代码(具体见DIY donews Blog系列的文章中的代码),然后将第四步中的
<script language="JavaScript">
<!--
setActiveStyleSheet("4")
//-->
</script>,这段去掉,这样做的好处就是不会先出一个系统默认的皮肤









saivan留言问到这个问题,应该很多人都遇到过.
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开,在CSS加入以下代码就可以防止,同时英文单词也会按单词断行,不是按字母

看了BINGU的留言,加一句,这个在CSS2.0是不支持,但是能解决一些实际问题。页面设计不是为了标准检验而设计,还是以用户使用为主,在目前有些WEB标准无法解决的一些问题上,我会采用一些非标准的方法处理,只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正确显示,我会把通过WEB表准的校验放在次要位置,并且MS已经建议在CSS3。0中加入这个属性了,也许CSS3。0会支持。WEB标准也是在发展的,也许明天的标准就加入了这个属性,或者出现新的属性来解决。
看看这个连接吧

http://www.w3.org/TR/2003/CR-css3-text-20030514/#wordbreak-props

<style>
table {
table-layout: fixed;
word-wrap:break-word;
}
div {
word-wrap:break-word;
}
</style>




    摘要:图片素材来自 http://www.dotflowers.com/    (全文共8591字)——点击此处阅读全文




    摘要:素材来自CSS ZEN。    (全文共8447字)——点击此处阅读全文




    摘要:因为改不了程序代码,只能在CSS上下功夫,所以这个模板做了一些变相的处理,如:使用到了!important属性(可以去这里http://www.w3cn.org/article/tips/2004/91.html了解更多),来区别对待Firefox和IE的显示问题    (全文共8531字)——点击此处阅读全文




    摘要:1。首先登录后台使用“相册”功能,上传一张照片 2。然后点击刚上传好的照片,出现新页面以后,鼠标右键复制这个的连接“Original Image”,或者再点击一下,会弹出一个图片的浏览器窗口,复制浏览器地址栏的路径也可以 3。然后点击"选项",然后再点击“配置”,然后在公告下面的输入框:粘贴下面代码    (全文共843字)——点击此处阅读全文




    摘要:DIY DoNews Blog模板之一    (全文共9246字)——点击此处阅读全文



http://www.aimi.cn这个网站有点意思。它是这样介绍的:
爱米网是一个可以分享你目标的地方.
爱米网最有趣的地方并不在于记下要做的。而在于它能根据您所写的,为您聚合出一类人来。聚合出这些想做相同事情的人来后,剩下的就由用户自己去发挥了。比如大家可以相互鼓励,可以互相帮助,互相建议,甚至可以一同完成,总之,人们会发现自己朝向一个目标前行的时候不再孤独了。
不过它有一个外国爸爸
http://www.43things.com
Discover what's important, make it happen, share your progress. Find your 43 things. Learn more…





    摘要:这些小TIPS,在CSS手册或者HTML手册里是看不到的,不记得是在那里看到的,不过我一直用着。虽然标准校验通不过,如果不追求标准校验的话,还是可以用用的。 1。是不是经常会遇到小图片和文字一行排列不齐的尴尬? img的align属性有一个这样的,align="absmiddle",可以试试,不过要是校验的时候,会提示错误。 2。字体 写一行中英文混在一起的内容,然后分别用font-family:宋体,font-family:Arial,font-family:"ms shell dlg"定义,看看效果。     (全文共350字)——点击此处阅读全文




    摘要:这个IDEA来自KESO。 今天KESO说,对于一个左中右3栏布局的页面,比如home.donews.com,用户最想看到的是中栏的信息,左右2栏其实网站的相关信息的导航入口,所以中栏信息是最重要的,应该在页面显示顺序上优先于左右2栏。或者也可以这么说就是要将一个页面的最重要的信息优先于页面其他元素显示,无论是3栏还是2栏布局,说得很对。     (全文共7359字)——点击此处阅读全文