|
|
25 mayo 今天搞了一天下午的blog，按照Dazy的说法，重新建了一个空间，更新得好像也比较快了，于是便顺便弄了一下效果。在这里跟大家一起分享一下。 [b]1、添加背景音乐：[/b] （1）、最简单的便是利用blogcn的一些按钮功能。具体做法如下： a、点击右边[我的控制面板]的[color=Blue][编辑模板][/color]，进入模板编辑区域。 b、在可视化编辑状态点击一个编辑区域顶上的按钮[color=Blue][插入Quick Time文件][/color]（图像像个闹钟的按钮），这时会弹出一个地址对话框，这时在url里填上音乐的url即可。 备注：有些人用[插入window media电影]或者[插入Real格式文件]，Evan试过media播放音乐播放不了，Real对一些没有安装real软件的浏览用户播放不了，有时候会冒出一些出错或者播放不了的信息来，所以建议用[插入quick time文件]的方法。 （2）、利用简单的背景音乐代码。 a、（1）的a，同时点击[color=Blue]进入html编辑状态[/color]。 b、在body{...}里加入代码[color=Blue]<bgsound src="音乐的url" loop=infinite>[/color] （3）、在网上申请一个播放器。 a、首先在网上[color=Blue]申请一个免费的播放器[/color]。[推荐网站:[url=http://www.lovelog.cn/player/]Web背景音乐播放器[/url] [url=http://free.yh520.com/bgm]天使情缘[/url] 更多请自行在baidu上search一下：）] b、申请成功后添加音乐或者播放列表，并且选择喜欢的播放器样式。 c、[color=Blue]生成代码[/color][是一串<iframe>...</iframe>的html代码,我以前在天使情缘里用的代码就是[color=Brown]<IFRAME id=I1 name=guoguo src=" http://free.yh520.com/bgm/userList/user_7126.html" frameBorder=0 width=184 scrolling=no height=200></IFRAME>[/color]] d、将那段代码[color=Blue]复制[/color]下来，然后在编辑模板的[html编辑状态]在适应的位置[color=Blue]粘贴[/color]则可。 备注：代码里有两个主要参数：width：宽度，height：高度，boarder：边框大小。 [b]2、添加透明的flash：[/b] 如本网站的时钟，和版头上依稀可见的轮子和闪动的东西。 实际操作也是进入模板编辑的[html编辑状态]，这里不详细讲解。具体代码就是： [color=Blue]<embed src="fish1.swf" quality=high width=50 height=50 wmode=transparent type='application/x-shockwave-flash'></embed> <!-- wmode=transparent这一段是设置背景透明-->[/color] 透明Flash网址有很多，自行百度，Evan在闲逛的时候看到一些，可观赏一下： 背景flash：[url=http://uc42191698.anyp.cn/050918031016062.aspx]点击进入[/url] 时钟flash： http://www.8gem.com/hotlion/clock[color=Blue]*[/color].swf[color=Blue][这里有140个时钟样式，*为1-140][/color] [code]<hr>[/code] Evan writed in Apirl 21 2006 27 marzo
|
浅谈日志模板制作 |
|
Evan收集整理
资料来源于m1net
日志模板有很多种做法，Evan在m1net的space上看到这篇文章，感觉很不错，所以介绍给大家。只要悟通，其他的模板也相类似制作。不会的人也可以采用简单的复制（ctrl+c），然后再在日志普通编辑状态里粘贴（ctrl+v），第三步转入日志的html编辑状态，来修改相应的项（如日志内容、链接等）。第四步预览网络日志项，调试满意之后就可以发表了，有时候在普通编辑状态（或者视图编辑状态下）看到的效果不一定是发表之后的效果，尤其是模板，所以在预览网络日志项来观看发表后的效果。 |
|
 |
Open-Palm ! ™ |
 |
| |
设计思路 :
构思 → 制图 → 裁剪 → 嵌入表格 → 设置属性参数 → 调试预览发布
固定大小模板过于简单,不再讨论,如有问题,留言或给我写信.
以概念日记为例 :
构思 : 设计100%自适应宽,长度可自定义模板,分左右连个日志内容编辑区域,只调整一个区域大小.来实现需求目的,此模板初始设定为调整左区域单元格大小<TD width=90>
制图 : PhotoShop . Fireworks....习惯哪个用哪个,个人推荐PS.
裁剪 : 以概念日记为例,按所需大小裁剪模板元素,关节部位,连接部位,重复拉伸部位.此例为9个元素:4个角,2个"丁"字接口,3条线
嵌入表格 : 因是多区域可变大小设计概念,单一表格已无法实现,所以采用多表格嵌套
1
| 2
|
2
|
9 |
10 |
11 |
| 12 |
13 |
14 |
| 15 |
16 |
17 | |
外框 :
1. 首先踩入的一个层/表格(1×1),<DIV style="WIDTH: 100%; HEIGHT: 300px"> 设置其参数,宽为100%,高度自定,初始值300px
2. 层1内的1×2表格,表格属性:高宽皆为100%,边框为0,单元格属性自定,一般只修改一个单元格就可.
左区域 :
在表格2插入3×2表格,表格属性:高宽皆为100%,边框为0,如表格属性高/宽不为100%,那么其内单元格如设置高/宽为100%,均不起作用.
3. 左上角图,插入式
4. 上边线图,图宽1象素,背景图,平铺,单元格属性:宽100%
5. 左边线图,图高1象素,背景图,平铺,单元格属性:高100%
6. 日志内容编辑区域,可直接在此单元格内编辑,建议使用层,以达到卷轴滚动效果,详细参考喜欢运动的爬山虎之页面特技系列之七（各种样式的滚动文本框）[2005-08-26] R这里就不再写出了,单元格属性高宽皆为100%/层属性高宽皆为100%
7. 左下角图,插入式
8. 下边线图,图宽1象素,背景图,平铺,单元格属性:宽100%
右区域 :
在表格2插入3×3表格,表格属性:高宽皆为100%,边框为0,如表格属性高/宽不为100%,那么其内单元格如设置高/宽为100%,均不起作用.
9. "丁"字接口1,插入式
10. 上边线图,图宽1象素,背景图,平铺,单元格属性:宽100%
11. 右上角图,插入式
12. 中竖线图,图高1象素,背景图,平铺,单元格属性:高100%
13. 日志内容编辑区域,可直接在此单元格内编辑,建议使用层,以达到卷轴滚动效果,详细参考喜欢运动的爬山虎之页面特技系列之七（各种样式的滚动文本框）[2005-08-26] R这里就不再写出了,单元格属性高宽皆为100%/层属性高宽皆为100%
14. 右边线图,图高1象素,背景图,平铺,单元格属性:高100%
15. "丁"字接口2,插入式
16. 下边线图,图宽1象素,背景图,平铺,单元格属性:宽100%
17. 右下角图,插入式
注意 :
1. 设置一外框,层/表格1×1均可,宽100%,高自定义,其内层/表格属性均为高宽100%,自适应外框大小,达到1控N效应,方便修改
2. 如表格属性高/宽不为100%,那么其内单元格如设置高/宽为100%,均不起作用.
3. 此模板其内区域表格之单元格,有高/宽100%属性,而在其周围均有带元素单元格,那么必须有一处支撑区域,否则会被有高/宽100%属性的表格挤扁.
如为了在角写字而将3.7.9.11.15.17设置为背景图,而非插入式.此模板支撑点,3.7选一,9.15选一,11.17选一,我目前要角没用,故6处都是插入式图片.
4. 两处日志内容编辑区,建议插入层.详细参考喜欢运动的爬山虎之页面特技系列之七（各种样式的滚动文本框）[2005-08-26] R......并借助□滚动条颜色生成器□进行进一步设置.
下来上传图片,调试预览准备发布吧~~ ^_^
以上是概念日记其中一部分模板结构概念,用边,线,角,"十"字/"丁"字接口等元素来组合所需结构.
如有问题请留言,没问题也留个言呗,野草长多高啦 ^_^
|
|
 |
|
 | | |
备注：若有不妥之处，可以留言给Evan木板桃心模板
|
Evan收集并整理
资料来源于Open－Palm!
|
|
 |
 |
 |
 |
our love ... |
 |
 |
 |
 |
 |
一固定大小的写字板,有种强行推广1/2板式的感觉.....
有两个图片可供替换一个是上面的桃心横幅,点住删掉后,下面就是静态的桃心横幅....另一个是日志内容区域的背景图 唔,对了 上面还有个标题区,就是那个our love...
日志内容区域这个手动替换吧,msn屏蔽层属性里url参数,又不想多加层以至于把整个模板代码又增多,所以还是动动手,替换掉.
日志内容区背景图片目前3个,一个静态的 两个动态的,感兴趣的自己替换看看..图片右键属性,复制图片地址,然后替换日志里的..
有意见或建议多多益善.....
静态横幅
动态横幅
动态背景一 就是目前用的
动态背景二
静态背景 |
 |
 |
 |
 | |
备注：情人间模板。该模板的用法可以先在普通编辑日志状态下直接复制模板过去，然后再转入html编辑模式，把那些链接改成自己的，并且将日志内容改成自己的。[这个模板的链接还是open palm的链接，由于时间的关系，我就不做修改或者通用化，引用的人自己再修改。] 26 marzo
精美模板（简洁版）
Evan收集 资料来源于m1net
一、黑白版
1.當你正在忙時，卻把手機開著，等著她/他的短信...
你已經愛上她/他了
2.如果你喜歡和她/他兩個人單獨漫步..
你已經愛上她/他了
3.當你和她/他在一起時，你會假裝不注意他，但是當她離/他開你的視線時，你會急著尋找她/他...
你已經愛上她/他了
4.當她/他受傷或生病時，你會很關心她，替她/他著急..
你已經愛上她/他了
5.當她/他和別人要好時，你會感到吃不知其味...
你已經愛上她/他了
6.當你看到她/他那甜美的笑時，你的嘴角會揚起一絲得意的笑...
你已經愛上她/他了
7.當你看到這篇文章時，心裏想到某個人...
那麼你肯定已經愛上她/他了
二、水晶蓝版
今天端午节哦！！
晚上有棕子吃哦！！
虽然平时偶尔也有吃到，
而且也并不是很好吃~~
但还偶是很开心滴！ ：P
在这里祝大家节日快乐！！
三、小花女生版
 |
2005/8/5 周五 大热天 Etsuko ✿ |
|
| |
表格使用的缺点：
无法改变图片大小，无法使用滤镜效果。
表格使用的好处：
可以在网志的任意范围添加元素，给网志增加趣味性，
背景都为透明，是起一个锦上添花的作用。
使用方法：
直接复制过去你的日志就OK啦！ |
|
| |
小小素材部屋 |
|
四、菊花、向日葵版
日志模板,喜欢的话就引用吧.
单击下面"记录他"后会自动转向日志编辑界面下,双击中间空白处把我现在的内容删掉,引用后上面出现的引号和标题都删掉,然后编辑你的日志.粘贴复制也可以.
插一些给我妞妞的话
善用Ctrl+X 剪贴
Ctrl+C 复制
Ctrl+V 粘贴
web页面中看到需要插入到日志的图片,在上面单击右键,选择"复制",然后回到日志编辑器界面,光标点到需要插入图片的地方,按Ctrl+V粘贴进去.
如果需要文字环绕排版效果,就必须编辑插入HTML.
今天做这个,左边图多了几个像素,放Msn里两边挤出去一大截,怎么调都调不好,没在我机子上,如果在我机子上就可以直接改图片,可恨这机子上面只有个QQ...
还有几套模板,和动态模板目前正在制作,时间充足的话,会出白,黑,蓝,黄几种颜色风格的模板....
everything Enjoy u liFe ..
| |
备注：感谢m1net以及原创者提供，由于时间的关系，Evan暂时弄那么多，有些图片有出入，所以没弄过来，如果大家有什么好的模板也可以提供。 | 精美模板 - 立体版
Evan收集整理
资料来源于Open Palm!
1、静态模板
 |
|
 |
| |
精美模板
Evan收集整理
Open-Palm ™原创
刚刚从m1net网站收集来的模板，感谢m1net提供。 |
|
2、
| Longhorn PCX Black 日志模板 |
|
 |
|
 |
| |
Open-Palm !
Longhorn PCX Black
日志模板
100%自适应宽度,初始大小400px,高度调整更改HTML第一个<Div>中的height: 400px
<div style="position: absolute; width: 100%; height: 400px;:" align="center">
↓复制模板HTML代码↓
黑点后开始复制,黑点前结束复制,Ctrl+V粘贴到HTML编辑界面下,修改代码中标识注释的地方.
注意不要复制上黑点● <DIV style="WIDTH: 100%; HEIGHT: 400px" align=center><!- ▓▓这里这个400是整个模板高度,按需更改▓▓ ->
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width=5 height=66><IMG height=66 src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K4MDcEDk5LmH-9gWPv6hwFn6aAxX2At4S3jkeZ8hOWymJGWQuQs3tjVoiFUPasGG6imytD294hfRBFIB8weqFHKC6n7BSH-lk8DG3uRxp-rGw" width=5 border=0></TD>
<TD width="100%" background=http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K6g9dnk9ocgQFxgm0aGn32yOudV8VzMc6l-bTFEQ7CDqtCxUs61cDZZlHKjKFokMmerLuZpEMeWIDkOyr1Kutz2XBJLVk-7U-LU_3GA4q8RCg height=66>
<DIV align=right>
<TABLE cellSpacing=0 cellPadding=0 width=1 align=right border=0>
<TBODY>
<TR>
<TD><A href="http://spaces.msn.com/members/silicn/#"><!- ▓▓只需把其中的silicn修改为你Space的▓▓ ->
<IMG height=66 alt="▓ ▓返回主页▓ ▓" src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K7PKRd-7WH8k-xlPEyvCzIcqA9PkUx-9Ek1lG-oxEF_IS2q5-sjKVKiEq_gLyX7-IagOki4v1XheeLpqnYaqBkYbn4INWe88kNk2ppNpRNt0_R-xG6334PI" width=50 border=0></A></TD>
<TD><A href="mailto:Silicn.valor@Gmail.com"><!- ▓▓修改Silicn.valor@Gmail.com为你的邮箱▓▓ ->
<IMG height=66 alt="▓ ▓给我写信▓ ▓" src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K45BIipoEXWznngksi8p_JNskfD-1KibFuKZI64zcSLVNii-2rTbCiQlKj2v_Ul3K6RSQlhRunsNuLCmZsHOJYYIE5knAaXNWHgrKvjmeB2mQ" width=50 border=0></A></TD>
<TD><A href="http://你的日志链接" target=_blank><!- ▓▓这里链接修改为你这篇日志进入编辑界面的那个链接▓▓ ->
<IMG height=66 alt="▓ ▓编辑日志▓ ▓" src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K56xgrrUKjn64NUjONgiBaghWgiyYj7lZhmoesEe7i2MuV7uze7dPaoiYzT-yPYxpYTebSxI8etYwLY-dRYOBnqZahMonqkAg-NkOEEDXY30g" width=50 border=0></A></TD>
<TD><A href="http://s4.shinystat.com/cgi-bin/shinystatv.cgi?L=1&USER=silicn" target=_blank><!- ▓▓按需所改▓▓ ->
<IMG height=66 alt="▓ ▓流量统计▓ ▓" src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K6DIl_I6H3N3Pxl74JphKov1iHn03mw1R_xbgubIcRzvY3s4YnmjOkTxbdLD4TafQhtj3xRc27g5t207A8Iy24SogAFY5BqjKdxJlpPeoGgEw" width=50 border=0></A></TD>
<TD><A href="http://spaces.msn.com/members/silicn/Blog/cns!1pfXlHnGZHUEkwmtieQk9NGA!224.entry" target=_blank>
<!- ▓▓上面引号里的链接,改为你空间留言簿的链接▓▓ ->
<IMG height=66 alt="▓ ▓给我留言▓ ▓" src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K7zb1XwLzi5pYbDWNFcu8thsR9vV-BoWP8rv4B1UGzvvXeVVouaKGzpNtiZbyndc-Fw-ALmS9BpkytR__-GrCB9B6APpa6l_rjM64Ap5TXR8g" width=50 border=0></A></TD></TR></TBODY></TABLE></DIV>
<P> </P></TD>
<TD width=5 height=66><IMG height=66 src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K6LGjewBE-S79AlLZdqBg8-reRICImp56YOK5Os2ioME4SRaqa1VVrglshqHlJQiOlHP3BXfVMSVwIYj4QAo6gnzh-tcrGuBh98-jTu8EE8tQ" width=5 border=0></TD></TR>
<TR>
<TD width=5 background=http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K5jyqA7bp4tKMKgTAYdDSkyUX7osMEvK3cwzOJCTGHuTsA6d09tvQB8-PcnhBmCfB5fWnQk68NuHMFEu92Kwvpa3sFRPtCkubpdVhn0eYOb4Q height="100%"> </TD>
<TD width="100%" bgColor=#5a6b7d height="100%">
<DIV style="OVERFLOW: auto; HEIGHT: 100%">
▓▓日志内容▓▓<BR>
▓▓日志内容▓▓<BR>
▓▓日志内容▓▓<BR>
</DIV></TD>
<TD width=5 background=http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K6ZAuiqmqq29SVRW7hkk9zdkM0kbu2InYsPSKw7gAN-XPQEE7J3tYjoT4-6eezJXYTL99pRnWv3D27fSBTI_8ltyNagwcqtrcxnQD3AosgI6g height="100%"> </TD></TR>
<TR>
<TD width=5 height=19><IMG height=19 src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K7zarmqX9s440iF4lj2Fm97_aGJvUYAoOkFxlRdG4585SgvoQr6_HiP9oBwW-xGJ0sgjeHJAUydhzPhxqQ0tQaNbkBZY2uy3daMlJ9Ow4sE5A" width=5 border=0></TD>
<TD width="100%" background=http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K4bo0O6a-Yqy5LaZkHBprSanUdScJOKsTfZsJkfsgjZve3_wVjtrxRkQLbinIyfVqBfyAnrkTnEB55xJvUg5sMLmAbmebYNEfM11svy1SctHA height=19>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width=60 align=left border=0>
<TBODY>
<TR>
<TD align=left width=30> <SPAN> <IMG height=1 alt="Web page counters" src="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=Silicn" width=1 border=0> </SPAN></TD>
<TD> <SPAN> <A href="http://www.amazingcounters.com/" target=_top><IMG height=1 alt="Hit Counter" src="http://www.amazingcounters.com/counter.php?i=88817&c=266764" width=1 border=0><U><FONT color=#0000ff> </FONT></U></A></SPAN></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=10 align=right border=0>
<TBODY>
<TR>
<TD><IMG height=15 src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K7Rsyjq61UyUpR59F3mzoP11x_Fj9__8haRyDCstREkio-yKDTBRaf-JPDUjHijSkMfbQ904SxZrA4_qcZwF8wHnG7l5jnweySvKYfbzb2h7Q" width=70 border=0></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD width=5 height=19><IMG height=19 src="http://storage.msn.com/x1pAiu4hyfyKFUto3v_5-eXAqT6wdnKCRoF1c0w5Nlm7K5nGKj-uR5Ucfwv5yzE0vX7934N-XmuO7xB9eewuuZp5YDBP5rub-UG4UOPln_fQ1cxXHqrxgx2tRjGw-t9OgVI2DyRi44r-ROPVX6x0ZnvRw" width=5 border=0></TD></TR></TBODY></TABLE></DIV></DIV>
●复制结束,开始粘贴修改其中参数.
| |
|
 |
|
 | | |
|
|
备注：喜欢该模板的可以直接复制粘贴，然后修改相应的参数，如文字、链接等。Evan不作具体说明，需要详细代码及其解释的朋友可看其出处[enter]
|
|
|
|
Herramientas 
Ayuda
