设置已经在实记TWO里面就告一段落了,等变化出现了才会去拥抱变化了。实记THREE里面就发布一下实际的设置代码,方便大家选择使用。代码本身就来自于互联网,我只是过滤了一下而已,希望我过滤后的代码大家能用的开心,能节省大家宝贵的精力。
PS:干我们这行的,睡到自然醒一直是个愿望。^_^
下面发布代码,按照模块的顺序一个一个的来。
PS:下面的代码,个人信息部分没有修改,这个很容易看出来大家自己改改吧。
a.说明:页面顶部的网页播放器代码,用这个代码需要在 http://www.eomoo.com/ 注册一个帐号,喜欢的可以试试。具体代码如下:
<div>
<iframe src="http://www.eomoo.com/player/player.asp?user=ponzmd" frameborder="0" height="22" width="670" scrolling="no" title="静静听就可以">
</iframe>
</div>
b说明:在侧边栏加入静态联系图片,这些图标网上有专门的网站生成。具体我不记得了。大家可以找找看看,应该很easy的。具体代码如下:
<img height="21" alt="http://www.blogjava.net/ponzmd/"
src="/images/blogjava_net/ponzmd/qq.gif" width="132" border="0" /><br />
<img height="21" alt="http://www.blogjava.net/ponzmd/"
src="/images/blogjava_net/ponzmd/msn.gif" width="200" border="0" /><br />
<img height="21" alt="http://www.blogjava.net/ponzmd/"
src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />
在适当的地方加上<br />很重要,大家试一试就明白了。不直说了。
c说明:在侧边栏加入QQ临时会话程序,这个QQ也有专门的可以页面来处理,我也是用过就忘记了。不过,大家可以之间修改下面的代码就可以使用了。
<img height="21" alt="http://www.blogjava.net/ponzmd/"
src="/images/blogjava_net/ponzmd/hotmail.gif" width="200" border="0" /> <br />
有事,你Q我,点这里就OK:<br />
<div>
<p align="left" height="35"><a href="tencent://message/?
uin=173832894&Site=blogjava.net&Menu=yes"
target="173832894&Site=blogjava.net&Menu=yes" blank?="" ?=""><img
src="http://wpa.qq.com/pa?p=1:173832894:13" border=" alt=" 有事你q我?="" /></a></p>
</div>
<br />
d说明:在侧边栏加入,正在读的书栏目。主要是一段Javascript代码的小程序,具体如下稍稍改动就可以用了,应该是可以兼容IE6 和FF2的,这个我以及修改过了。代码如下
<strong>最近在读的书</strong>:<br />
<div id="demo" style="overflow: hidden; width: 195px; height: 118px"
background:#214984 ffffff="">
<div id="demo1"><img height="116" alt=""
src="http://img3.dangdang.com/images/9325263_m.jpg" width="80" /><img height="116"
alt="" src="http://img3.dangdang.com/images/8816799_m.jpg" width="80" /> <img
height="116" alt="" src="http://img3.dangdang.com/images/9027867_m.jpg" width="80" />
<img height="116" alt="" src="http://img3.dangdang.com/images/8931468_m.jpg"
width="80" /> </div>
<div id="demo2"></div>
</div>
<script>
var speed=116;
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML;
//克隆demo1为demo2
function Marquee(){
//当滚动至demo1与demo2交界时
if(document.getElementById("demo2").offsetTop-document.getElementById
("demo").scrollTop<=0)
document.getElementById("demo").scrollTop-=document.getElementById
("demo1").offsetHeight //demo跳到最顶端
else{
document.getElementById("demo").scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
document.getElementById("demo").onmouseout=function(){MyMar=setInterval
(Marquee,speed)}
</script><br />
下面的“曾经读过的书”代码基本类似,不在赘述了。
e说明:侧边欢迎订阅栏目的代码如下,其中那两个漂亮的集成订阅组件是在 http://www.buttonr.com/上面申请的
<strong>欢迎订阅</strong>:<br />
定制Bookmark:<br />
<!-- buttonr.com Bookmark Script BEGIN --><script type="text/javascript"><!--
buttonr_site_url = location.href;
buttonr_site_title = document.title;
buttonr_button_type = '01';
// --></script><script type="text/javascript"
src="http://www.buttonr.com/buttonr_01.js"> </script><!-- buttonr.com Bookmark Script
END --><br />
<br />
定制RSS:<br />
<!--订阅链接开始-->
<style type="text/css">
#TW-feed, #TW-feed ul {}{list-style:none; margin:0px; padding:0px}
#TW-feed li ul {}{display:none;position:absolute;background-
color:#ffffff;padding:3px;border:1px solid #ffffff;}
#TW-feed li {}{font-weight:bold; color:#EC8132;}
#TW-feed ul li {}{padding-bottom:3px;}
</style>
<div style="border-right: 2px; border-top: 2px; background: #ffffff; overflow: hidden;
border-left: 2px; width: 195px; color: #ffffff; border-bottom: 2px">
<ul id="TW-feed">
<div align="center"><a href="http://www.blogjava.net/ponzmd/article/rss"
target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px;
border-bottom: 0px" alt=" 推荐使用此地址订阅我的 RSS"
src="http://www.likk.com/blog/image/feeds.png" align="absMiddle" /></a><br />
<span class="style1">订阅本站</span></div>
<ul id="TW-Pop">
<li><a href="http://www.zhuaxia.com/add_channel.php?
url=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到抓虾</a>
<li><a href="http://www.gougou.com/1RKKCV7E" target="_blank">订阅到狗狗</a>
<li><a
href="http://www.google.com/reader/preview/*/feed/http://www.blogjava.net/ponzmd/artic
le/rss" target="_blank">订阅到Google Reader</a>
<li><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url
=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到NewsGator</a>
<li><a href="http://www.rojo.com/add-subscription?
resource=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到 Rojo</a>
<li><a href="http://www.emailrss.cn/?
rss=http://www.blogjava.net/ponzmd/article/rss" target="_blank">订阅到RSS邮天下</a>
<li><a
href="http://www.potu.com/sub/http://www.blogjava.net/ponzmd/article/rss"
target="_blank">订阅到周伯通</a> </li>
</ul>
</ul>
</div>
<div></div>
<!--订阅链接结束--><br />
<!-- buttonr.com Bookmark Script BEGIN --><script type="text/javascript">
<!--
buttonr_rss_button_type = '01-rss';
buttonr_feed_url = 'http://www.blogjava.net/ponzmd/article/rss';
// --></script><script type="text/javascript"
src="http://www.buttonr.com/buttonr_01_rss.js"> </script><!-- buttonr.com Bookmark
Script END --><br />
f说明:在页尾的部分还有一些设置,比如添加文章出处 和 添加到网摘这样的栏目:代码如下,供大家参考。
<div style="text-align: right; margin-right: 10px;">
<strong>
文章来自:
</strong>
<a target="_blank" href="http://www.blogjava.com/ponzmd/">
http://www.blogjava.com/ponzmd/ (彭俊-过河卒) 转贴请声明!
</a><br>
<!-- 添加网摘 -->
<strong>
收藏到网摘:
</strong>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(vivi=window.open('http://vivi.sina.com.cn/collect/icollect.php?pid=28&title='+escape(d.title)+'&url='+escape(d.location.href)+'&desc='+escape(t),'vivi','scrollbars=no,width=480,height=480,left=75,top=20,status=no,resizable=yes'));vivi.focus();">
<font color="#ffa620">
新浪VIVI
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://z.sohu.com/storeit.do?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">
<font color="#ffd600">
狐摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();">
<strong>
<font color="#a287be">
365k
</font>
<font color="#00cc00">
e
</font>
<font color="#a287be">
y
</font>
</strong>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(yesky=window.open('http://hot.yesky.com/dp.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&st=2','yesky','scrollbars=no,width=400,height=480,left=75,top=20,status=no,resizable=yes'));yesky.focus();">
<font color="#97ce12">
天极
</font>
<font color="#ff7f00">
网摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(wozhai=window.open('http://www.wozhai.com/wozhai/Cento.asp#t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'wozhai','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));wozhai.focus();">
<font color="blue">
我摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();">
<font color="#293184">
PO
</font>
<font color="#23b6e7">
CO网摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://blogmark.blogchina.com/jsp/key/quickaddkey.jsp?k='+encodeURI(d.title)+'&u='+encodeURI(d.location.href)+'&c='+encodeURI(t),'keyit','scrollbars=no,width=500,height=430,status=no,resizable=yes'));keyit.focus();">
<font color="#ff0000">
博采中心
</font>
</a>
<a href="javascript: u=location.href;t=document.title;void(open('http://www.YouNote.com/NoteIt.aspx? u='+escape(u)+'&t='+escape(t)+'&c='+escape(document.selection.createRange ().text),'网络书签', 'toolbar=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));">
<font color="#ff9900">
YouNote
</font>
</a>
<a href="javascript:t=document.title;u=location.href;e=document.selection?(document.selection.type!='None'?document.selection.createRange().text:''):(document.getSelection?document.getSelection():'');void(open('http://bookmark.hexun.com/post.aspx?title='+escape(t)+'&url='+escape(u)+'&excerpt='+escape(e),'HexunBookmark','scrollbars=no,width=600,height=450,left=80,top=80,status=no,resizable=yes'));">
<font color="#86ccfe">
和讯网摘
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365fav.com/StorePage.asp?title='+escape(d.title)+'&urlstr='+escape(d.location.href)+'&content='+escape(t),'fav','scrollbars=no,width=475,height=500,left=75,top=20,status=no,resizable=yes')); keyit.focus();">
<font color="#0068ba">
天天收藏
</font>
</a>
<a href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(blog=window.open('http://www.bolaa.com/CommendBlog/SmallLogin.aspx?title='+escape(d.title)+'&newspath='+escape(d.location.href)+'&subtitle='+escape(t),'bolaa','width=400px,height=400px'));blog.focus();">
<font color="#ef3e1d">
博拉网
</font>
</a>
<!-- 添加网摘结束 -->
<br>
</div>
到这里所有设置完成了,愿大家用的顺心。如果有什么麻烦,本人等你Q我。
就到这里,下次见。
平凡而简单的人一个,无权无势也无牵无挂。一路厮杀,只进不退,死而后已,岂不爽哉!
收起对“车”日行千里的羡慕;收起对“马”左右逢缘的感叹;目标记在心里面,向前进。一次一步,一步一脚印,跬步千里。
这个角色很适合现在的我。
posted on 2007-09-05 00:25
过河卒 阅读(440)
评论(1) 编辑 收藏 所属分类:
W3C/Css/Html