新手上路

搜狐圈子新手上路搜狐圈主联盟浏览帖子

来自圈子：搜狐圈主联盟 (1439 人)

圈子描述：搜狐圈子圈主联盟，交流圈子管理经验，圈友指导文章汇集。

圈子标签：圈子圈主副圈主

圈主：Spring

副圈主：两条蛇思佳

【经验交流】高原制作美帖的体会！ 7/?

标签: 美化帖子杂项内容

　　美帖，以其优美的页面，精萃的内容，而颇具观赏性，给人以美的享受！是啊，爽心悦目的美帖谁又不喜欢呢！当我们看到博友们制作的精美的帖子的时候，一定也盼望自己也能做出如此的帖子吧。

　　本人并非这方面的高手，但还是喜欢学习。从博友那里也学到了一点皮毛，就不惭地在这里“班门弄斧”一番吧，献献丑了。

　　制作美帖，可以利用的工具主要有两样：“图形图片编辑器”和“帖子编辑器”（就是用来发帖子的编辑器，我在这里权且这样称呼吧！）。

　　利用“图形图片编辑器”，需要先在网上搜索图片，下载后在编辑器里打开，然后加入文字框输入文字就行了，当然比较高级的编辑器，可以设置动画、音影等各种效果，制作出来的帖子也会更加美观、华丽。一般的编辑器，简单易学，缺点是图形不能动，无法加入超链接。但效果比原始帖子要强一些。下面就是我用Windows XP自带的“图画”编辑器制作的诗图：献丑了！

　　利用“帖子编辑器”，可以用设置背景图的方法，制作美帖。稍微复杂一点的就是需要自己会编辑代码。主要方法是：编辑好代码后，进行各种设置。如：

　　代码是：
<DIV><IMG style="FILTER: alpha
(opacity=95, finishOpacity=10,style=2)"
height=225 src="http://......"
width=300 align=right><DIV
style="FLOAT: left; WIDTH: 473px">前景文字</DIV></DIV>

　　注（需要自己设置的东东）：
“src=http://......”是背景图片的URL地址，
“height=225”是指定背景图片的高度（不更改背景图片高度可删除此代码），
“width=300”是指定背景图片的宽度（不更改背景图片宽度可删除此代码）。
“align=right”是指定背景图片的水平对齐方式。可更改等号后面参数：right—靠右；left—靠左；center—居中。
“style="FLOAT: left; WIDTH: 473px"”指定前景文字框的水平对齐方式和宽度。
“style=2”背景图片滤镜样式，可更改等号后面参数： 0—均匀；1—线状；2—圆形；3—长方形。
“opacity=95”指定背景图片起始透明度，有效范围是“0~100”
“finishOpacity=10”指定背景图片结束透明度，有效范围是“0~100”

　　一般博友不太好操作。当然，还有比较偷懒的办法：就是“拿来”别人的代码（呵呵，奉行鲁迅先生的“拿来主义”了）。“拿”有两种途径：一是直接拿现成的代码，其实在“百度搜索引擎”键入“日志背景图”就可以搜到相关的帖子，有现成的代码。一是看好别人的美帖，复制下来，然后打开“帖子编辑器”粘贴，删除别人帖子的内容，只留下背景图，再点击“显示源代码”，代码就获取了，把代码保存起来，就可用了。呵呵，化别人的好东东为己有，有点不太好，但能够美化自己的帖子，也就可以高兴了。我就是“拿来”一些代码制作帖子的，在下面的评论栏里送给大家吧！

　　关于内容，我在帖子《让自己的帖子更漂漂》中已经说过了，就不再这里多说了！总之，衷心希望大家也能够制作出令人爽心悦目的精美帖子！

[最后更新时间为 2008-07-13 16:49]

我是美丽签名档身在高原，甘于寂寞。喜欢涂鸦，聊以自娱。

多分享，做达人>>

分享 | 引用 | 回复 | 发表时间:2008-07-13

高原之壑

积分:3811
体力:?
头衔:4级结朋识友
加为好友

1楼

■代码1：
<DIV>
<TABLE style="BACKGROUND-IMAGE: url(http://botu.bokee.com/photodata/2005-8-4/000/723/017/70891/70891.jpg); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<P align=left> </P>
<P align=center><FONT face=楷体_GB2312><STRONG><FONT color=#0000ff size=5><IMG style="BS: true" src="http://bbs.muwen.com/fileuploaddir/4B2654814.gif"> </FONT></STRONG></FONT></P></TD></TR></TBODY></TABLE>
<DIV></DIV></DIV>
■代码2 ：
<TABLE style="BACKGROUND-IMAGE: url(http://img4.3lian.com/sucai/img4/522/b168.gif); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT size=4><A href="http://q.sohu.com/forum/20/topic/1850446" target=_blank><FONT face=楷体_GB2312 color=#0033ff size=4><STRONG></STRONG></FONT></A></FONT> </P></TD></TR></TBODY></TABLE>
<DIV class=clear> </DIV>
■代码3：
<TABLE style="BACKGROUND-IMAGE: url(http://botu.bokee.com/photodata/2005-8-4/000/723/017/70886/70886.jpg); WIDTH: 100%" cellSpacing=45 cellPadding=2 bgColor=#ffffff border=1>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
<DIV class=box_sidebar>
<DIV class=box_innerSidebar> </DIV></DIV>
■代码4：
<P>
<TABLE style="WIDTH: 442px; HEIGHT: 119px" borderColor=#0091ff height=119 cellSpacing=2 cellPadding=32 width=442 align=center background=http://upload.yourblog.org/200511/happyboylin.20051124113350.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 18pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#ff9a00> </P></FONT><BR><BR>
<P></P><IMG style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; WIDTH: 402px; BORDER-TOP-COLOR: #000000; HEIGHT: 40px; BORDER-RIGHT-COLOR: #000000" height=64 src="http://usmsad.tom.com/usmsweb/images/mms/product/srxh/s122.gif" width=402 border=0><BR></FONT></CENTER></TD></TR></TBODY></TABLE></P>
■代码5：
<div style="WIDTH: 100%; HEIGHT: 100%;">
<img height="图高" src="图片地址" width="图宽" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 100%; HEIGHT: 100%;">
內容</div></div>
【说明：文字部分需要自己设置】

我是美丽签名档身在高原，甘于寂寞。喜欢涂鸦，聊以自娱。

引用 | 回复 | 发表时间:2008-07-13

高原之壑