将你与好友的饭否插入到Live spaces - 视觉冲击_校内网代码_QQ空间代码

现在位置：主页>MSN空间代码>>> > 正文

标题:将你与好友的饭否插入到Live spaces

作者：发表时间：2008-03-11 点击：关键词：插入好友论坛 Space MSN 交流 Live Spaces 博客社区

温馨提醒：使用本站代码前请先做好备份，本站代码全部经过测试，代码完整可靠

以下为代码区：基本使用方法是直接复制以下代码到指定区域（如校内涂鸦版），点保存即可。

以下是代码：

饭否,就是中国的Twiter.饭否存在的意义,就在于我们随时有什么想法就可以通过QQ,MSN或者手机发上去,这些想法很随性.而且如果有一个刚想到的问题,你即时放上去被别人浏览,或者也可以从这些浏览者里产生意见.在Live spaces写惯了深思熟虑的长文章的你,有时候也想让大家领略一下你随意的一面吧?所以,饭否提供了可以让我们把自己的饭否帖到自己博客上的代码,有图片,Flash及ScriptJave三种形式,可惜只有ScriptJave一种是可以不仅展示你,也同时展示你好的饭否的.而问题就是,微软的Live spaces是不支持ScriptJave代码的,这自从饭否面市以来不免就一直是我们这些Live spaces支持者的遗憾.
;F.t;N.w-A1c  不过,我又看到任平生前几天写的将你喜爱的东西放入Live Spaces一文,介绍了如何把一些本来Live spaces不支持的东西放到Live spaces里,最主要的就是用他开发的一个用于Live spaces的网页嵌入小工具,这个小工具可以嵌入你写的网页.也就是说,你可以把一些Live spaces本来不支持的代码写到网页里,然后你把网页传到网上去得到URL,把这个工具添加到空间里之后把URL填进去.以后网页的内容就会在这个模块显示.3q2\)i7d1c2^.{/J*c
  看到这里,我想起了饭否的ScriptJave代码,现在问题就不是问题了!我想只要把这些代码写到html文件里,再把文件传到Skydrive里获得URL,就可以让我与好友的饭否放到Live spaces了.你只要用Skydrive或者其他支持外链的文件上传空间(如果你想用Skydrive的话,注册方式可以看我用代理注册5G容量Skydrive正式版！一文,或者想用其他的空间,可以参考一下任平生的支持文件外链的网络存储空间一文.MSN Space 交流论坛&Z8U.X"t+K9_4|$],\
  首先,把饭否的ScriptJave代码写到html代码里,我是这么写的:| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客 p!b;x0P3x*i"c)R3p$B0W
<div style="width:140;background-color:#F3E8D8;">
1b4i3|6@:u7@%_3m<div style="width:160;font-size:15px;">,R!?!d+`-C7|
<b>碎碎念</b>
1M0d+W)~.q*\9t6_</div>
5w&S,W.T:c<div style="font-family:Tahoma;border:#D87939 1px solid; width:180;float:left;font-size:11px;">www.spacemsn.net3T;W!u5c1f4h
<script type="text/javascript">
"D3c$}0?2R;B%Jfanfou_name="poshi";fanfou_count=10;fanfou_timeline="friends";</script>
7J*?*x-b/Y4Y<script type="text/javascript" charset="utf-8" src="http://static.fanfou.com/badge/timeline.js"></script></div>
)b#i"E,@:W5v5c5}</div>;]3f/L2Z6]!B.p
  绿色字体部份把你的饭否代码覆盖进去就可以了，这是我的文件样本，你可以点击看效果：
%\&q#a)i-j  我把html文件格式的标题[Title]头[head]和主体[body]主体标签都省了，本来是为了简单一点，我就把这个文件上传到Skydrive上，也就是上面这个文件了。我点这里添加了网页嵌入小工具作为空间的模块,然后获得的网页的URL，填到这个模块里的URL输入框：
2l/c9T:V8Z"`
但是，点击保存了之后得到的效果却很难看：| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客'p9u-v4x&b.e
www.spacemsn.net$g(X+F7Y.g%X(p1t
因为网页左边有一大块空位，就把文字部份挤出浏览器右边了，所以这时我想把这个左边的空隙去掉，但是试了float标签还有其他想到的可能性，都没有改变效果。而且发现自己写的标题“碎碎念”就变成几个符号（乱码）了，这样更奇怪了，于是只好去请教Belem了，结果在他的论坛里说：MSN Space 交流论坛3\-l*](G.W:l:p)R;C)N3@
“为列表 ul 和 li 加样式即可”， “你只要学会
ul {3V#o d+n8l
list-style:none;www.spacemsn.net+^6F3f!t)M
margin-left: -34px;MSN Space 交流论坛#^;K3O:V2E3N,y6|/x&V,y
}
-k!y)E.X9@ B* html ul {
5S6H5r.p'u;^(g(pMSN Space 交流论坛list-style:none;| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客.[-_*W7K6E-H!r
margin-left: 0px !important;
7T"}7^'u2iwww.spacemsn.net}
*+html ul {
list-style:none;4~%N(\;]!Z6a)Q(?
margin-left: 0px !important;
"a.E-f+_7A7E#S7@}
(X"{%w#b-G"C"Q3c,t就不错拉呵呵”| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客.N${8E/_:^:s
这是他写的：
:{%](g)a5['j  代码是这样的：
#o,|4_&t8y)H!t[url=]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[/url]> n0J#y3E;j8h-G8M5n:C
<html xmlns="http://www.w3.org/1999/xhtml"> <head> x#O'Q9B9~-m*R/j:p(h&n7A
<meta http-equiv="Content-Type" c />
!W4k/J2h*c:F)H(z*s |www.spacemsn.net<title>OK</title>
#c#f"m4];V5Q;X/C.M*b8d+g"K'a/q+G$o6l
<style type="text/css">www.spacemsn.net3R#^$G9z$b y0W
body {
font-size:12px;
6@4N)M,q"R2]3j0N1N font-family:Tahoma;
} ul {
.K:z%N8y0p%h0[ f$n"^ list-style:none;*c0d4V/_4H%Y4].g
margin-left: -34px;MSN Space 交流论坛'D!H8_#N8C!}
} * html ul {
0U-{:y8V.V list-style:none;www.spacemsn.net$V2w#i2r:j&Z)V,s
margin-left: 0px !important;
5A'b5B'w4J4S4U} *+html ul {
0}1_%}!_*G&@MSN Space 交流论坛 list-style:none;
%A(X:R#b7K/k:o!^ margin-left: 0px !important;MSN Space 交流论坛-K+_(J#|;\ J8G
} li {| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客7f6~0O*i1w
padding: 2px 1px;
} a:link, a:visited {;D z,a'^/v3Z9p0e
color:#D87939;
;X0f+{,@5N6C.k$M3~(M text-decoration:none; }www.spacemsn.net,i*u&u$H1x;t9@3Q0K
a:hover {MSN Space 交流论坛3x8g%A:h8?1}(h3@
text-decoration:underline; }0P6F#l0[2r)u:d2W
a:active {
(}-a,g&G4j$}#j5vMSN Space 交流论坛 color:#D87939;
'O+e3F4z'x.?5h%k#B text-decoration:none;&O*i*g$m4o8z9g
} img {
7?7s6x'_7R7n:^(I border: 0px;
*N5u6O(@0PMSN Space 交流论坛}
4M'@$Q1T#J)W;K-U#wrapped {
width:180px;+T,S;j*J9r/G!B-y
background-color:#F3E8D8;
.V!u/^1K%@;g(t,C3mwww.spacemsn.net}
#title {| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客:G6F"l+r+H&`
margin: 4px auto;
9p,U0f)F)A4`!O5w$t'[*ywww.spacemsn.net padding: 4px;MSN Space 交流论坛+F$s4o$o*h:\-d
font-weight:bold;
font-size:15px;MSN Space 交流论坛&l/I5|2o(L#O1p"A6Q
}
#content {
border:#D87939 1px solid;
*X'M3P6d w8Y7Q1B padding:2px 4px;www.spacemsn.net%X)?,j;o&@
}www.spacemsn.net3m9m%c5Z1{ Y5?$h;R
</style>MSN Space 交流论坛"|0R9l3y%h&{*`-K9^
</head> <body>MSN Space 交流论坛,h0~4L+B-m;N
<div id="wrapped">MSN Space 交流论坛4H9p/v&D(P2[
<div id="title">碎碎念MSN Space 交流论坛%T-q*|;c9R#`7C0f6q7y
</div>
m:y-j'{2_)F<div id="content">
0Z"@,d9@8r2R!w<script type="text/javascript">| MSN Space 社区 | 论坛 | Windows Live Spaces | 博客2I.y4]1^&a7N&r!l$v"Q!I
fanfou_name="poshi";fanfou_count=10;fanfou_timeline="friends";</script>
:\,u;h2^3}#N G<script type="text/javascript" charset="utf-8" src="http://static.fanfou.com/badge/timeline.js"></script>#Q:C/]!}1I8u3}-V(F${&U
</div> $k7?;w0];[%h D
</div> </body> </html>/|*{#X.D7k/|8D(Y
同样的,绿色字体部份是粘帖饭否代码部份，但是belem写的代码就很完整了，他用CSS来控制网页解决了我的问题，而且这样写法更精确！
5~"X-Q!I X(B"u  非常感谢Belem的帮助，他在论坛里说“成了你的御用助理了我, 收费啊... 哈哈”，真是惭愧呀，跟老师学习没有交学费，而且问的这些问题..看来我还是要努力把基础搞好呀。在这时候，看到任平生的回复了，原来这个插件里要设置UTF-8编码！
  好了，时间比较紧，先把今天这个事件发上来先，有什么不对的明天再修改吧！届时，我Live spaces右侧的饭否，就整洁多了。。。)K;H:s2B8r7J

上一篇：火红的花,火红的心情下一篇：MSN技巧之小命令轻松查找MSN好友IP地址

打印|复制本页地址

收藏本文到QQ书签收藏本文到百度搜藏

搜藏本文到百度搜藏

最新文章

热门TOP10

相关文章

现在位置：主页>MSN空间代码>>> > 正文

标题:将你与好友的饭否插入到Live spaces