日志

莲香雅苑 2013-08-19

展开全文

实例讲解边框日志的使用（范文“一曲朝暮，半弦离愁”）

幽兰，我以前有做过两篇用别人边框做的日志，都是独语的边框，后来都是自己做边框玩了。你可以转回我空间日志里那篇“一曲朝暮，半弦离愁”，（http://user.qzone.qq.com/28027828/infocenter#!app=2&via=QZ.HashRefresh&pos=1363369422）这篇日志就是插入边框，融图一张，然后加文字，加动画，加音乐，对了，还有给文字加了一个边框，你可以用这篇做模板，做你的日志。

这文转到你空间后，你点编辑——高级功能——基本功能——进入HTML代码窗口。

然后你再开个空间窗口，写日志——高级功能——ＨＴＭＬ进入代码编辑，删除

然后一段段复制我那篇的代码到你这个窗口，你就会看到效果。我都是这样自己学习琢磨过来的。

等你操作一遍就会有所感悟的。

下面就写你自己的日志

代码编辑窗口

第一步：先插入你的边框代码

这段就是，把这里的几个数字和地址换下

870是图片宽度，一般都是这个，因为空间画布显示宽度就是870，但高度每个人做的边框都不一样，边框的大小如何看，点相册中的这张边框图片右键，有个维度就是图片的宽和高，若是你看到的维度是不一定是870宽度，那就要进行等比例换算，假如你看到的数字是670*2233，那么等比例换算后就应该是870*2899。这个数字就是你的边框数字，上面的那个宽和高，你相应的换成你的边框数字。我这篇独语做的边框好像是3100，但我这文比较长，所以我用美图秀秀处理加长到4136了，你一般都是诗词，多数都够长吧，可以先不用考虑这个。

http://b273.photo.store.qq.com/psb?/V10fQBkM1yIhMP/M6cJXOX0DPeS7DX1lZQkReOq1ZlUcQbe6G197cWpD4Y!/b/dMG6vqIqBgAA&bo=IAPbDgAAAAABANE!这个是我这篇的边框地址，你换成你的边框地址

边框地址获得，也是点相册中这个边框图片，右键复制图片地址，地址获得有好几种方法，你慢慢就都会发现的。然后到这替换下就可以了。

第二步<div style="POSITION:absolute;TOP:1500px;LEFT:450px"><CENTER><IMG style="FILTER:alpha(opacity=200,style=3)" src="http://b273.photo.store.qq.com/psb?/V10fQBkM49cTtA/w3I8dxse7PqpjVUOU8m1BKwCPQ3oZOvQdHe9w9eOO1s!/b/dLFCw6INBAAA&bo=*QGXAgAAAAABAE4!!width=320"> </CENTER></div>我这第二段代码就是融图的代码，我觉得画布有点空。所以加了这张图片，你可以不用，不过以后你要是想在边框中融入你想加的图片，就用这个代码。数字你调下你自己想要的位置，这个1500是距离画布顶的距离，450是距离左边的距离，下面的那个引号里的就是相册中这张图片的地址

运用到日志中的所有图必须上传到相册中，而且要永远保存，这个没有了，日志里也就无法显示了。有些融入的图片要想调整图片大小，调整宽度值就可以，也就是上面的那个320。图片的收集可以在百度中收集，但一定要点开这张图片的大图后再保存，这样才不会丢像素。这些都是我曾经遇到过问题。

这第二步，你暂时也可以不用。

第三步，就是给你文字先加个边框，这是一种方法，这种方法，文字是在边框里的。

<TBODY><TR><TD>这些数字你可以根据你的文字需要还有底图颜色去调整。这段代码，是说的是设置的边框线，距离画布顶900，（PX是像素，也是一种大小表示），距离左62，这个边框宽度750，高度2050，画的线大小1，颜色000000黑色，颜色怎么获取我最后告诉你。一般常用的白色，黑色最好记得，白色是ffffff。

第四步，加文字

因为标题和内容一般大小不同，所以代码有两段分别设置

<div style="TEXT-ALIGN:center">文：紫沁竹图意：独语编辑：梦走天涯</div>

</div>

相应的文字，数字，调成你需要的就好，这里我就不多说了，你自己去调调数字去感觉吧。这里这个符号&nbsp，最好收藏，经常会用到，调整文字位置。因为我们学的不是专业的代码，有时候可能因为命令不严谨让位置会偏离，那么最笨的方法，就是可以加这个符号，我把它当做空格了，来移动文字，把文字调到你想要的位置，需要多少加多少，中间一定要用分号。尤其要是整段文字复制过来，段落前需要两个空格的，就用这个，至于加多少个，到时你复制看看。

雾锁幽谷，淡绕流年。

两岸香翠，沾满风露，滢潆了相思渡口明媚的诺，浅浅盈开，一曲牵念。

沿岸行走，我寻觅着你赋予风中的声声慢，挽一湄云心，渲染前缘，醉饮清欢。

春末的心事，落在影幻中被梦呓唤醒，绽放最后一抹素颜，余留下，空弦若寂的离歌，尽碎闲愁。

而我，纵有这垂钓繁花的忆，终是怕，难研开乱红飞过的默然，缘梦无凭的泣然。

唯有，截季语，独觅欣然。

为你，静候花开……

那年初见，红落长亭。

你，清逸俊雅，似是不沾尘埃的儒生。

我，隔着红尘，看不出你历尽江湖的沧桑。

你说：相思无端，最惹眉间。

我透过风声暗自浅笑，这般男子，本书无涯，自古多情轻抛。

偏，青衫长剑。竟，暗藏柔弱。却不知，这不经意的轻柔，洋洋洒洒烙印了我的宿命。

或许，闲挑花事，惹些许泛滥，在思念的笔端上买下朝暮，暗渡春秋。

或许，轻拢慢掩一段素年锦时，隔着烟波，自会永恒。

然，这或许的情愫，在你的偶然里，注定一场魂梦相牵，一夕风雨雕琢的缘。

而今，那些千丝万缕被素问掀起，于华丽的繁砌中渐浮清眸，和着寻，寂静欢喜。

颜儿说：不过一面，一眼，一句，而已。

我笑，不过，未过难去。

你，暖了，盛世明媚。

“今生，我，只许你明媚。”

你，温柔的声线划破暮色，淡了花事，浓了夏颜。

我，自风吟端口，静握方泽，数清韵。

红笺难书此情意，怕闲写，瘦卷章节，拂乱缱绻。

欲尽朝夕，怎抵那素心万丈，相思千年。

欲尽盟言，怎过那重重烟水迢迢，衷情迷离的绚烂。

欲尽远诗，怎捻那追忆染绡，流光情匝。

想来，尘世风情，在遥望与守望间，载着沉重思念，才会是，无从丈量的沉沦。

从春到夏，走了两季，写了两帧。纤足渗寒，指绕黑焦。

你，依然是，我思念的源……

思念，辗痕留香。

我沿着时光，踏着暗香，寻你。

情缘，悬挂在覆念中，打磨成，一阕经年流唱的蝶恋花。

谁说过往不堪展望？谁言前行不见花开？谁笑夏灼枉自絮？谁又把归途拦截固守候？

我，携着欲讯，怀揣着长相守，稀薄迷茫，静默雾临。

行走在弥漫的雾中，想着离你近了，不觉自圈欣喜。

你可知，满径的草木在呢喃，那是祝福。你可听到有一首纯粹，那是山琴水弦的天籁。

我知道，唯有扑飞絮，捉其境，才不怕漏尽盟言心儿空，才不惊清颜暗色君无惜。

亲人说：一切未知，莫自枉寻，速归。

我泪。那一纸清寒，字字锥心。

得失间，我只能，唯取自私。

夏去秋来，枫落幽径。

时光似是在季节迁移中，反复徘徊，葱茏谢幕。

我，隔着秋帘，沾一片风儿托起的枯叶，欲寻觅一枚太阳的光斑。

浓雾，忽闻你的笑音，渐行渐近。

“漪……是你吗？

那熟悉的身影，牵动着我的欢喜，渲染了相见的气息，灵魂相牵。

“是，我回来了。”

“这……你怎么会？你如何知道？”

“涟……你的守候，你的寻觅，你的思念，我都知道。”

我，望着你的笑脸，望着你手中的画卷，瞬间，泪满眸，无处雪藏。

那是一幅雾锁幽谷，女子望断行程的画。

欣喜无尽。为了你的知，你的到，在喜获中扬起了涟漪。

醉，醉了相守……

秋声渐老，流苏褪殷。

一场凉薄微雨后，天空彩虹艳丽。

我们，携手并肩，望着那抹红，轻把诺儿牵。

你说，我的守候，将是你，一生的呵护。

我自诺间，笑逐颜开，素手轻扬，摘取几片温婉给你。

生命的桎梏，朝花夕拾，源自于，你的出现。

自是情深多彩韵。那一尘不染的纯粹，蜒蔓了眉间心上。

如是，那些寻，即使彼岸荆棘。

却，栽满芬芳。

“莲花，三雾散，三季过，冬眠正是醒来时。”

一声轻唤，唤醒了水云间，沉睡的我。

睁眼细看，惊诧佛临。而自己，置身莲池。

“莲花，尘缘已了，梦终归尘。”

悲，爬满了我的心坎。若浮生若梦，还说什么八苦？谈什么检点尘缘？

伤，驻满了一池流光。若雾锁离弦，寻觅落涯，如何剔除这点滴拾痕？

无，悟满了无来无去。若心语漠然，十年情思，怎能释然？

尽，掬满这一曲朝暮，半弦离愁。

我却不舍记，怕，那些记，会随着记得。

裁忘……

泪满清眸，怅絮风过客，已惯沉浮。朔寒红远，晓催露猎，夜萦翠鬓，瘦尽琼钩。去来未待相思老，最难忘、环指情柔。恨紫骝，载笺未汝，怎计绸缪？

幽径雾锁梦流。捻断花底事，谙染眉头。倚亭莲拂，检点雁阵，浮萍沓照，烟凝兰舟。尘缘若是朝暮久，玉潭柳，最惹春留，念绿洲，与君醉倒金瓯。

</div>

</TD></TR></TBODY>

</table>

上面这段代码就是文内容的代码，最前面那段是设置字体的位置，大小，颜色，字体等等。相应的换成你需要的就可以了，这里文字的位置距离顶，是指距离顶边框线，那个16是字体大小。

这个是换行符号，文字你想上下空几行，用这个调整。

第五步

插入音乐代码并隐藏

</div>

<div style="POSITION:absolute;TOP:0px;LEFT:1000px"> 这个是隐藏音乐代码的控制，还有别的更专业的方法，但我觉得没必要，就这个好理解，实用就可以，意思就是将音画的那个插件放到画布的最顶端，然后再向左移动1000，什么意思呢，就是在画布外了呗，当然你也可以用别的数字替换，只要在你的画布外就都可以。想神兮兮的骗外行人，你就可以故弄玄虚。

很多操作方法，我现在会用的觉得还算简单的方式，就是点HTML回到画面编辑状态。在画布底下插入你想要的QQ音乐，这个应该会吧，然后再点下HTML回到代码编辑窗口，会自动生成一段音乐代码，像我这篇就是这个<object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="630500|3|http://stream2.qqmusic.qq.com/12630500.wma|情醉|18561|董贞|1" class="blog_music"><param name="movie" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://ctc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /></object>

那么你只要在这段代码前加上那个隐藏代码就可以了

第六步

加入动画

这个是动画地址http://vip./files/4/1%C3%CE1.swf，你可以在浏览器中看下效果，动画就要自己收集了。上面的数字，是指动画，距离画布顶100，左50，动画高度600，宽度690，数字可以根据需要调整，

我这篇用了三种动画

http://vip./files/4/1%C3%CE1.swf 云

http://xt./106939/uploadpic/2009062212061025612.swf 云

http://www.xcwhw.cn/fla/hc/1528.swf 飞红

这篇看着很多动画其实就这三种的运用，只是在不同的位置重复地加罢了，数字调整到你想要的效果。

结束，呵呵。

这些操作完，你的日志也就做好了，保存，然后预览看看，没什么问题就可以发表了。

若是没把握，发表可以先设置下权限，自己先看看，因为有时候预览和实际发表的效果不一致，这也一直是腾讯的问题，惹人头痛。不过边框日志也还算好了，已经减少了不少代码了。当然最保险的办法就是用ps，处理图片文字，那么到空间的就是一张图，再上面再加动画等等，即使空间升级，或动画丢失，都没关系，你的图大约不受影响。

空间日志制作方法的发展都是被腾讯折腾出来的，由最初的纯代码日志，到边框和代码穿插使用，到完全ps。

备注：颜色代码如何获得也有很多方法。空间里有个应用，色码速查，你可以添加下，里面可以获得颜色代码，若有ps软件的，就更容易获得了。最笨的方法也可以百度啦，输入ps颜色代码也会告诉你了，只不过看不到图看不到效果，所以最好还是用前两种方法。

总觉得“予人以鱼，不如授人以鱼”希望这文能给你帮助，这也只是引你走入空间制作，还有很多别的处理方法，就要靠自己慢慢积累了。