yun's profile☜♣忘忧草♣☞PhotosBlogListsMore Tools Help

Blog


    4/21/2006

    为单个日志添加整体背景

    代码:
    <table height="100%" width="100%" background="背景图片地址" border=0>
    <tbody>
    <tr>
    <td>
    在这里插入日志的所有内容
    </td>
    </tr>
    </tbody>
    </table>
    4/19/2006

    MSN Space:添加背景音乐的html语法

    <IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=0 border=0>


    此段语法中唯一需要你更改的就是Loop,它控制循环播放的次数,当为infinite时是无限循环,为0时是不循环,其他循环次数只需键入相应数字即可。

     在你的日志编辑页面,首先点击前文提到的“Edit It”按钮,进入HTML语法编辑模式,然后勾选Use HTML to Create Your Page,在空白处插入上述语法就可以了。由于需要载入时间,因此当你点击日志预览的时候,可能需要等待一会才能听到音乐。

    4/14/2006

    联想Lenovo智能400万象素旗舰:ET980(手机模板系列)

    在最新的北京通讯展上,联想展出了基于windows mobile 5.0平台的PPC手机ET980真机(主打电脑手机概念),采用了400万像素镜头、内置GPS成为这款联想新旗舰的最大亮点:

  • CPU:Intel PXA270,312MHz
  • 128MB Flash/ 64MB SDRAM
  • 2.8寸26万色TFT LCD,分辨率240×320
  • 锂聚合物电池,1100mAH
  • CCD镜头
  • 无线邮件解决方案导航服务
  • 拥有名片扫描、指纹识别、办公等

    机身厚大结实,非一般人所能抓握,但强大的操作系统加上丰富功能,将再度为联想树立市场旗杆,只是价格和用户接受程度,有待考验,对商务人士吸引力不可小视。

  • 新款NOKIA手机日志模板

    2005.08.01
    locker2man
         近来,不快乐的气氛有所蔓延,我的朋友也不能幸免于难。我不知该如何安慰他们,只是希望他们能尽快地远离悲伤,我愿意将我的快乐传染给他们,祝愿他们永远快乐。

    公告栏模板

    今天又做了一个模板
    首先声明
    这个模板不是原创
    我在能量魔法以及Open-Palm上都看到过
    感觉有些偏大,所以将图片缩小,重新切割
    为了版面的整洁
    在这里我不单独列出源代码
    不管是新手还是老手
    都可以通过"记录它"获得



    希望各位朋友喜欢


    edited by locker2man

    Nokia手机样式日志模板

    2005.07.19
    locker2man
         今天又发布一个模板,希望大家喜欢。能得到大家的支持是我最大的荣幸。

    Talking about 使用两个Custom HTML PowerToy模块

    Rainwalk Quote from 我爱我家

     

    今早上网~发现有位叫[Mr Yang]的朋友留言,说可以放2个[Custom HTML PowerToy]. (Rainwalk:指代印痴,绿色部分才是我写的也试了一下,果然可以...
    特做整理推荐给大家. 首先要感谢[Mr Yang].
    点击下面地址,可访问原创空间:
    http://spaces.msn.com/members/whxbsyy/


    基本上引用了[Mr Yang]的原文,中间为不懂HTML语言的朋友,多加了几个图文注释.
     

    下面是整个添加过程:

    1.编辑界面,点击[自定义]—>[单击此处使用键盘操作的方式来自定义页 面]—>主题旁边的[自定义].显示如下图界面.

    2.在此界面,按浏览器菜单上的[查看(V)]->[源文件(C)].
    会在记事本打开此页的HTML源码.在源码里找如下部分:
    <div class=Part><input onclick='selectPartType(this);' type='checkbox' title='This is an unsupported module supplied for the purpose of evaluation.' id='CustomHTML' name='PowerToy: Custom HTML' value='CustomHTML' checked><label for='pCustomHTML'>PowerToy: Custom HTML</label>&nbsp;<br></div>

    (Rainwalk:建议利用ctrl+F查找id='CustomHTML'即可一次找到。将这段复制一遍即可)

    查看此段代码的上下部分,可以发现此部分的基本结构是:
    <form>
    <div class='Part'>...</div>
    <div class='Part'>...</div>
    <div class='Part'>...</div>
    </form>
    此部分代码正是上图中的选项列表代码部分.主页上的每个模块都是<div>...</div>的形式列入该选项列表中.也就是用手动再添加一个或多个就可以达到我们的目的了.

    3.
    再添加一个[
    Custom HTML PowerToy]模块.
    也就是复制上部黄色部分的代码,再次粘贴一次就可以有两个[
    Custom HTML PowerToy]模块了.
    粘贴进去的代码里要修改下面部分的代码:
    源代码:value='CustomHTML' checked
    修改后:value='CustomHTML'
    也就是把后面的 cheked去掉.注意 cheked前面的空格也去掉.
    你也可以更改namelabel的值.

    4.
    然后把修改的代码另保存.另存时.记事本另存界面的[文件类型]选所有类型.编码最好选:Unicode.否则有可能出现乱码. 文件名可以随意,但文件的格式一定要htmhtml.

    5.
    用浏览器打开这个文件. 最好不要动原先的浏览器窗口.要在新浏览器窗口打开. 界面的中间部分如下图:

    会出现两个[PowerToy:Custom HTML].
    一个是已经选择的,一个是未选择的.
    点击未选择的选项打钩.界面下部的[
    模块排列]里,会多出一个[PowerToy:Custom HTML]模块.注意:一定要按界面下部的[保存


    6.

    点击保存后微软将会要你重新登陆。在网页的最下面多出了一个Custom HTML Module吧?好了,在里面粘贴你事先准备好的代码吧。点击完保存后,如果里面没有出现你先要的代码,还是原来的话,就试试另一个模块,总有一个是可以的,这里Mr Yang有点记不清楚了。最后,再把它拖到你想要的位置。怎么样?可以了吧?再预览一下,是不是有两块不同的自定义模块了呢?兴奋了吧?Job done!

     

    可不可以添加更多个?
    可以~但无意义,
    只有一个模块可以不同于其他的。其实在这么多个Custom HTML Module里,只有一个是真实的,其余的都是最原始的那个的镜像,是连其模块内代码一道复制出来的,所以都是一样的,甚至你在里面输入超过512字节再点击保存时,也不会有提示。

     

    以上文章除绿色部分外,引用自我爱我家,绿色部分由Rainwalk补充或修改

    后记:此方法可能引起严重毁灭性的后果,原因是可能会误删了模块^_^  例如我就不小心点了Two columns, right narrow,呵呵,好在只是变了一下版式,要是误删了模块损失可就大了~~(曾经有个朋友问怎么恢复误删的模块,他那个模块里有几十个友情链接……)

    locker2man原创作品,转贴请注明

    利用<table>制作的的日志模板,测试完毕

    背景颜色为白色时观看效果最佳

    找到实现图片无缝连接代码,图片间的缝隙已去除

    这是模仿小绿人的模板制作而成

    区别在于两者实现的方法不同

    小绿人使用<div>实现,本人使用<table>实现

    以下是源代码,比使用<div>简单

    <TABLE cellSpacing=0 cellPadding=0 border=0>
    <TBODY>
    <TR>
    <TD colSpan=3>
    <IMG src="http://blog.xuite.net/_users/90/14/11930690/blog_3577/txt/95070/95070_2.gif"> <!--设置顶部图片位置-->
    </TD>
    </TR>
    <TR>
    <TD>
    <IMG src="http://blog.xuite.net/_users/90/14/11930690/blog_3577/txt/95070/95070_5.gif"> <!--设置左侧图片位置-->
    </TD>
    <TD>
    <DIV style="OVERFLOW: hidden; WIDTH: 330px; LINE-HEIGHT: 14pt; LETTER-SPACING: 0.2em; HEIGHT: 395px" align=center>
    日志文字
    </DIV> <!--此处使用XP样式下拉框,可以根据喜好自行修改,此处宽度设置仅适用于我的space版式,请自行调整-->
    </TD>
    <TD>
    <IMG src="http://blog.xuite.net/_users/90/14/11930690/blog_3577/txt/95070/95070_3.gif"> <!--设置右侧图片位置-->
    </TD>
    </TR>
    <TR>
    <TD colSpan=3>
    <IMG src="http://blog.xuite.net/_users/90/14/11930690/blog_3577/txt/95070/95070_4.gif"> <!--设置底部图片位置-->
    </TD>
    </TR>
    </TBODY>
    </TABLE>

    9/1/2005

    为日志添加背景图片

    <IMG src="背景图片链接地址" width=图片宽度值 height=图片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
    <DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本宽度值">
    <DIV style="LINE-HEIGHT: 行间距值(pt); LETTER-SPACING: 字符间距值(em)">
    <P><FONT color=#ffffff size=2>你的日志文字</FONT></P>
    </DIV></DIV>

    再将你刚刚编辑好的文字内容(注意,除了文字内容可能还会包含你进行格式编排后的若干语法语句)剪切并粘贴到上面语法中的“你的日志文字”的位置。


    下面简要介绍一下上面语法中的两行主要命令语句的含义:


    <IMG src=…….>控制日志中的背景图片,图片的宽度及高度值均以px为单位;align这一参数控制图片位置,但不要对此进行更改,否则无法实现文字浮于图片之上的效果。Filter控制背景图片的柔化滤镜,大家可以修改其中的数值已达到不同的效果,但注意style的值只能取1,2,3这三个数值。除了柔化效果外,还有翻转、发光、阴影等若干特效,但语法表述各有不同,在此不再赘述,有兴趣的朋友可以在互联网上查询相关语法。在Space空间不同的布局方式下,日志宽度是不相同的,所以为了更好的配合日志的页面效果,建议选择合适宽度的图片,具体可根据布局的实际情况(即日志的宽窄程度)将图片宽度分别设定在260px、350px、370px、550px、730px左右的近似值。


    <DIV style="FILTER…….>控制日志文字的若干效果,其中Filter命令的使用方法与前述一致,也是调节柔化效果。文本宽度也采取px为单位,其最大值也要参照上面不同布局方式时所要求的近似宽度值,如果你希望文字完全分布在整个日志页面上,那么将WIDTH值设为100%即可。在设定了具体宽度的情况下Float命令可以省略,否则请予以保留。

    文本滚动框

    <DIV align=center
    style=\'
    color: #ffffff;
    background-color: #000000;
    border: solid 2px black;
    width: 120px;
    height: 200px;
    overflow: scroll;
    scrollbar-face-color: #889B9F;
    scrollbar-shadow-color: #3D5054;
    scrollbar-highlight-color: #C3D6DA;
    scrollbar-3dlight-color: #3D5054;
    scrollbar-darkshadow-color: #85989C;
    scrollbar-track-color: #95A6AA;
    scrollbar-arrow-color: #FFD6DA;
    \'>日志文字</DIV>