简单的日志版面制作

个人日记


 代码版面种类很多,今天就从最简单的版面入手
我简单的说一下制作过程,望朋友慢慢去做
祝您成功!
《一 》先交代一下代码版面的代码{为了便于掌握,我把扩展的一些数据都删掉了,一看就知}

代码如下
<div>
<table style="BACKGROUND-IMAGE:url
(http://b263.photo.store.qq.com/psb?/V124qL6l0DwwVy/yOfL
5RiKqMZK9OPl9CpzZAP
yeK.DjG9kEDC8yLMlqag!/b/dKo.x5y0LwAA&bo
=CQAEAQAAAAACACg!&rf=photoDetail)
;BORDER-BOTTOM-STYLE:dotted;BORDER-RIGHT-STYLE
:dotted;BORDER-TOP-STYLE:dotted;BORDER-LEFT-STYLE:dotted
"
title="细雨飘飞音画制作 QQ 1328653571" tbody="tbody">
<TBODY><TR><TD>
<table style="BACKGROUND-IMAGE:url(#)"
title="细雨飘飞音画制作 QQ 1328653571"
width="870" bgColor="#467500" align="center">
<TBODY><TR><TD height="5000"></TD></TR></TBODY>
</table>
</TD></TR></TBODY>
</div> 
{二}看见这些字母您别慌,都有规律可循的
下面制作
打开空间。点击栏目{写日志}后,就出现了一个空白版面
在版面的右上角有一个栏目:高级功能。找到它并点击一下
然后这个栏目就变成了HTML这几个字母
然后再点击HTML,记住,{这就是打开代码版面的符号
我以后要说打开代码版面就是要点击HTML }
点击后,在出现的版面内,一般的情况下在最上部
都会出现一行或者几个字母。把它都去掉。
然后。您把我上面给您的一个版面代码,复制粘贴到这个版面内
记住,不许丢掉字母。
然后点击日志下面预览
为了便于编辑,您先在权限上设置尽自己可见
点击预览时,这个时候就会出现这样几个字
请输入日志内容,不会出现版面的。这个时候,您就在
这个代码的最下面。书写上一个或者几个中文字;如写;预览。
{主要是为了区别于代码的字母}
然后再点击预览时,就出现了一个版面。这个时候
您就可以点击发表。这个时候,就出现了一个版面。
然后再点击编辑,点击高级功能,再点击HTML,进入代码
版面{以后我就说打开代码版面,就点击这些栏目}
这回在出现的版面中,在代码的最下面找到您书写中文
预览这两个字。然后去掉。
一定注意;在编辑代码版面的时候
再发表编辑的过程中
有时会在代码的最下面或者某一点。出现了多余的一个
代码;<br/>。如本日志就出现了多余的代码两个
<br/>
要把它去掉,否则。日志变形,或者,上下边框留有较大空格处。
不要多去字母。
做好这些后,然后点击发表或者保存。

这样,一个崭新的边框就做成了。
{三},介绍一下代码中的各数据意义;图片地址;
在代码的上部;有一个括号,里边有一个类似网站的地址

(http://b263.photo.store.qq.com/psb?/V124qL6l0DwwVy/yOfL
5RiKqMZK9OPl9CpzZAP
yeK.DjG9kEDC8yLMlqag!/b/dKo.x5y0LwAA&bo
=CQAEAQAAAAACACg!&rf=photoDetail)
这个就是图片地址,是我们这个日志最外边的
闪动的小边条图片地址。找这个地址规律是;
一般的情况下都是在括号内,或者在两个引号内部的,
如上引号,和下引号中间的一较大部分代码。
一会我再介绍如何在相册中找图片地址
版面宽度
版面的宽度一般的情况下都定做为870,就是日志版面的
横框宽度
代码是
width="870" 。一定要记住符号
width是宽度代码。也就是所说的横坐标代码
一般的情况下宽度都定为870 。但有的时候,为了需要也可以
适当的调整数据870
边框高度
代码是 height="5000
这里的数据5000是边框的高度大小数据
根据自己日志的内容。这个可以临时调整。如4000.  3500.  5500 
等等。记住符号height是高度代码。是纵坐标符号
颜色代码
 
 #467500 这个就是颜色代码。一般的都有个井字号开头,后面
是数据,但也不竟然,也有其他的符号,以后再介绍 
本篇的颜色代码是草绿色,如果根据日志的需要,可以换取
代码。这个时候,版面的颜色就改变了。我随意哥几个颜色
代码,换取一下,试试看。 

#ccccff#cc99ff#cc66ff#cc33ff#cc00ff
#ccffcc#cccccc#cc99cc#cc66cc#cc33cc#cc00cc
#ccff99#cccc99#cc9999#cc6699#cc3399#cc0099
#ccff66#cccc66#cc9966#cc6666#cc3366#cc0066
#ccff33#cccc33#cc9933#cc6633#cc3333#cc0033
#ccff00#cccc00#cc9900#cc6600#cc3300#cc0000
 
 

33ffff#33ccff#3399ff#3366ff#3333ff#3300ff
#33ffcc#33cccc#3399cc#3366cc#3333cc#3300cc
#33ff99#33cc99#339999#336699#333399#330099
#33ff66#33cc66#339966#336666#333366#330066
#33ff33#33cc33#339933#336633#333333#330033
#33ff00#33cc00#339900#336600#333300#330000 

无论是换取数据还是换取颜色代码,
都要在引号内完成不要丢掉引号。
{四}找图片地址方法
点击相册找到您需要的图片,
点击一下图片,
然后再出现的图片右边找到一个栏目;“复制地址”这个字。
然后点击这几个字
就在这个栏目的下边出现了:“普通地址 ”这几个字
点击;普通地址
接着就出现了一个白色的栏目表
里边有“本图地址”这个栏目。
把里边的网址拉篮复制后粘贴在边框图片地址里。
就是所说的换取边框图片,
这是根据自己的需要而定,

五  做日志

做代码日志和以前做普通日志不一样,
它必须要在打开的代码版面里做。
如何打开代码版面,上面已经介绍,不在重复。
添加图片的方法
在编辑日志的时候。
必须要加图片,如要加下面一个图片
 






这就需要一个日志图片代码
最新型图片代码
<div style="POSITION:absolute;TOP:100px;LEFT:20px">
<CENTER><A href="
http://user.qzone.qq.com/1328653571/infocenter"
target="_blank"><FONT color="#305e67">
<IMG style="FILTER:alpha(opacity=200,style=3);
WIDTH:800px;BACKGROUND:none transparent
scroll repeat 0% 0%;HEIGHT:580px
;background-color:transparent"
src="图片地址粘贴处" width="440" height="1278"
idx="6"> </FONT></A></CENTER></div>

 
使用方法
这里边的符号意义
TOP:100px是图片上下距离  TOP是上下距离的代码符号
数字100,是图片距离边框上面100个PX 数据100.可以随意调整
LEFT:20px是图片距离边框左边的 距离,要想使图片向右移动
可以加大数字20 反之缩小
 LEFT是代表图片左右距离
 (opacity=200,style=3);这里边的数字是代表图片虚化的程度
200 可以不动 主要是变化这里的“3"
要想使图片虚化就可以用3 不虚化就用4
HEIGHT:580px是图片的高度代码

WIDTH:800px是图片宽度代码
这两个数据都可以根据实际情况随时调整,必须熟练
代码中其他的数据可以忽略不管它。

六 文字代码

<div style="POSITION:absolute;
TOP:120px;LEFT:60px" title="细雨飘飞音画">
<div style="FILTER:shadow(color=#000000, strength=8);WIDTH:450px;HEIGHT:700px"><P style="MARGIN:0.7em" align="left"><br/>
<FONT style="FONT-VARIANT:normal;FONT-STYLE:normal;COLOR:#ffffff;FONT-SIZE:14pt;FONT-WEIGHT:normal" face="楷体_GB2312"><B>在这里书写文字</B></FONT><FONT size="+0"></B></FONT></p>
</div>
</div>
这里边的TOP:120px是文字距离版面上下的高度
如果使文字向下移动 就可以加大数字120
LEFT:60px是文字距离左边的距离

(color=#000000, strength=8);是文字阴影颜色代码和阴影大小
 
#000000 是文字阴影颜色代码 8是阴影大小
WIDTH:450px是这一段文字左右横宽度
可根据需要进行调整

HEIGHT:700px是这一段文字上下高度,如果文字写的多
必须加大高度数字700 否则超出的那部分文字 
在发表的时候不显示了
 #ffffff 是文字颜色代码
可以随意换取

14pt是文字大小的代码
可以调整数字14


 朋友。我今天就写到这里。您慢慢试着做做,如有需要帮助
可随时留言,我可以在适当的时间去解答
祝您成功

注解 上面所给的边框代码是最基础的
以后熟练了 我在介绍几个较复杂的一些
边框的制作
但是文字代码和图片代码都是最新型的代码 


 

文章评论

Ryan.Yin

嗯,学知识,长见识。[em]e179[/em]

甘霖

看的我有的晕乎乎,感觉学会未必容易!当然学会了之后,一定是非常快乐的一件事!因为能美化自己的空间![em]e160[/em]

梦雅(淡网)

我很喜欢,可是没时间去研究这门学问,等闲下心来好好学习。

无名草

几日未见制作版面动态,情况如何,有困难吗?

无名草

是网络,把距离拉近;千里相远,如与邻里 是文字,把心灵吸引;空间小屋,欢歌笑语 是键盘,把祝福延续;朝朝暮暮,快乐相许 是真诚,把友情传递;虚拟空间,真情实意

细雨飘飞

经纬相系,缘分点击。拉开序曲,友情传递。空间小憩,文字相吸。制作美丽,细雨感知。有心拜师,恐师不理。不吝赐教,盈盈笑语。遇到难题,唯有努力。勤勉自己,绝不负之。[em]e100[/em][em]e181[/em]

一粟

七律·感怀 紫陌红阡泛旧盟,倚亭闲坐望星衡。 天宫玉阙徒余恨,地界凡间妄怨情。 碌碌风尘悲过客,茫茫宦海笑人生。 夕阳拥我蓬莱去,扬起云帆戴月行。

一粟

在三八节到来之际,一粟谨以此词献给朋友们,祝节日快乐。 扬州慢·三八颂 说半边天,道全球庆,话如玉月花颜。 系情情若海,锁意意犹兰。 身晖韵、肝清照汗,心拥大地,手绣河山。 画鸿图、展现生平,国脉相连。 炎黄志秉,列英忠、女胜儿男。 万古嗣唐尧,繁荣舜禹,润色家园。 慰藉贤妻良母,双重任、举托坤乾。 看今朝姐妹,悠然个个超凡。

文憩草堂

缘分让我们相遇在网络,相聚在这美丽的空间 。虽然我们各处天南海北,但关爱缩短了心的距离 ,虽然相隔路途遥远,但网络把我们连在一起。 让我们彼此珍惜这份难舍的情谊!东方 祝愿我的朋友,幸福快乐、万事顺安!

文憩草堂

缘分让我们相遇在网络,相聚在这美丽的空间 。虽然我们各处天南海北,但关爱缩短了心的距离 ,虽然相隔路途遥远,但网络把我们连在一起。 让我们彼此珍惜这份难舍的情谊!东方 祝愿我的朋友,幸福快乐、万事顺安!

文憩草堂

缘分让我们相遇在网络,相聚在这美丽的空间 。虽然我们各处天南海北,但关爱缩短了心的距离 ,虽然相隔路途遥远,但网络把我们连在一起。 让我们彼此珍惜这份难舍的情谊!东方 祝愿我的朋友,幸福快乐、万事顺安!

老百

制作高手之高高手!