发新话题
打印

[制作教程] 一些简单的背景模板

本主题由 falook 于 2008-4-27 18:16 解除置顶

一些简单的背景模板

一听钟情音乐论坛

 

 

背景模板的使用注意:

  1. 使用时把背景模板复制到编辑框“所见即所得模式”下
  2. 编辑框左边的“禁用Smilies”“启用 Html 代码”项目打上勾勾
  3. 转到“Discuz!代码模式”模式下,编辑<TABLE borderColor=#ff0000 cellSpacing=0 cellPadding=20 width=500 align=center bgColor=#000000 background="" border=1>,其中“borderColor”是框边线条的颜色,“cellPadding”是框内容至框边的距离,“width”是框的宽度,“align=center”是框框居中,“bgColor”是背景颜色,“background”后面是背景图的连接地址,“border”是框边的粗细。
  4. 在模板内加入帖子的内容,编辑位置及字体颜色与大小。

 

 

TOP



不启用Html 代码,直接使用“插入表格”按钮所得的效果

TOP

 

 

“启用 Html 代码”可得的效果

 

 <TABLE style="WIDTH: 400px; BORDER-TOP-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-BOTTOM-STYLE: dotted" borderColor=#000000 cellSpacing=3 cellPadding=8 width=300 align=center bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://photo6.hexun.com/p/2007/0609/102845/b_E35F8B0350DFFE25B74D45B4DA05EAF8.jpg"></DIV></TD></TR></TBODY></TABLE>

TOP

 
 
 
 寂 寞 穿 行
 
 

 

 

 

 

 <TABLE style="WIDTH: 400px" borderColor=#898d98 cellSpacing=3 cellPadding=2 width=400 align=center background=http://photo6.hexun.com/p/2007/0609/102839/b_7038DF3A67B55515CA298269446C2C61.jpg border=6>
<TBODY>
<TR>
<TD>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><FONT face=仿宋_GB2312 color=darkorchid size=6 bgcolor="darkslateblue"><B style="BACKGROUND-COLOR: #c0c0c0">&nbsp;寂 寞 穿 行 </B></FONT></DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center>&nbsp;</DIV>
<DIV align=center><IMG src="http://photo6.hexun.com/p/2007/0609/102840/b_989450B906B792F8487865426567C903.jpg" border=0><BR>&nbsp;</DIV></TD></TR></TBODY></TABLE>

 

 

 

TOP

 

 

在图片中放入FLASH

 

<TABLE style="WIDTH: 480px; HEIGHT: 280px" height=280 cellSpacing=0 cellPadding=0 width=480 align=center background=http://photo2.hexun.com/p/2006/0914/44054/b_5E2E6B4ED1DA630A.jpg border=0>
<TBODY>
<TR>
<TD width=480><EMBED align=3 src=http://imgfree.21cn.com/free/flash/186.swf width=480 height=280 type=application/octet-stream quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>

TOP

颜色与其英文对照表

red

green
blue
magenta
yellow
chocolate
black
aquamarine
lime
fuchsia
brass
azure
brown
bronze
deeppink
aliceblue
gray
copper
coral
feldspar
orange
orchid
pink
plum
quartz
purple
aliceblue
antiquewith
blanchedalmond
blueviolet
beige
burlywood
bisque
cadetblue
pink
saddlebrown
royalblue
rosybrown
purple
orengered
olivedrab
powderblue
peachpuff
papayawhip
paleturquoise
palevioletred
palegreen
navyblue
navajowhite
palegodenrod
violetred
yellowgreen
tomato
turquoise
thistle
springgreen
steelblue
salmon
scarlet
sienna
silver
tan
thistle
turquoise
violet
snow
salmon
scarlet
sienna
silver
tan
thistle
turquoise
violet
chartreuse
firebrick
gold
khaki
mediumslateblue
mediumvioletred
oldlace
maroom
goldenrod
wheat
whitesmoke
orange
moccasin
mistyrose
mintcream
midnightblue
dimgray
darksalmon
slategray
skyblue
sienna
seashell
salmon
seagreen
sandybrown
firebrick
gold
khaki
maroom
goldenrod
wheat
whitesmoke
mediumturquoise
navy
mediumspringgreen
mediumseagreen
mediumpurpul
peru
mediumorchid
mediumblue
mediumaquamarine
maroon
limegreen
lightyellow
lightsteelblue
magenta
lightslateblue
lightslategray
lightskyblue
inen
lightseagreen
lightsalmon
lightpink
plum
lightgray
lightgreen
lightgodenrodyellow
indianred
lavender
lightblue
lavenderblush
lightcoral
lightcyan
lightgodenrod
hotpink
greenyellow
lemonchiffon
lawngreen
khaki
deepskyblue
honeydew
golenrod
forestgreen
gostwhite
greenyellow
gainsboro
firebrick
dodgerblue
darkturquoise
darkslateblue
darkslategray
darkseagreen
darkred
darkorchid
darkorenge
darkslateblue
darkviolet
floralwhite
cyan
bisque darkgray
cornsilk
darkolivegreen
darkgoldenrod
darkblue
darkcyan
darkgreen
darkhaki
ivory
darkmagenta
darkgray
cornfloewrblue
cornfloewrblue
darkviolet
floralwhite
darkslategray
darkseagreen
darkred
darkorchid
darkorenge
darkslateblue

 

 

使用时把颜色英文代入颜色代码就可以啦

TOP

 

一听钟情音乐论坛

 

 

使用时请注意:

  1. 使用时把背景模板复制到编辑框“所见即所得模式”下
  2. 编辑框左边的“禁用Smilies”“启用 Html 代码”项目打上勾勾
  3. 转到“Discuz!代码模式”模式下,编辑<TABLE borderColor=#ff0000 cellSpacing=0 cellPadding=20 width=500 align=center bgColor=#000000 background="" border=1>,其中“borderColor”是框边线条的颜色,“cellPadding”是框内容至框边的距离,“width”是框的宽度,“align=center”是框框居中,“bgColor”是背景颜色,“background”后面是背景图的连接地址,“border”是框边的粗细。
  4. 把颜色英文代入颜色代码中即可。(一般RGB颜色代码为#加6位数字或字母组成,若使用英文颜色代码就不必使用数字或字母代码)
  5. 在模板内加入帖子的内容,编辑位置及字体颜色与大小。

 

 

 <TABLE style="WIDTH: 550px" borderColor=green cellSpacing=0 cellPadding=20 width=500 align=center bgColor=purple background="" border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 500px" borderColor=royalblue cellSpacing=0 cellPadding=10 width="100%" align=center bgColor=rosybrown background="" border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312 color=maroon size=5></FONT> </P>
<P align=center><FONT face=楷体_GB2312 color=maroon size=5>一听钟情音乐论坛</FONT></P>
<P align=left> </P>
<P align=left> </P>
<P align=left><FONT color=#0000b0>使用时请注意:</FONT></P>
<OL>
<LI>
<DIV align=left><FONT color=#0000b0>使用时把背景模板复制到编辑框“所见即所得模式”下</FONT></DIV>
<LI>
<DIV align=left><FONT color=#0000b0>编辑框左边的“禁用Smilies”“启用 Html 代码”项目打上勾勾</FONT></DIV>
<LI>
<DIV align=left><FONT color=#0000b0>转到“Discuz!代码模式”模式下,编辑<TABLE borderColor=#ff0000 cellSpacing=0 cellPadding=20 width=500 align=center bgColor=#000000 background="" border=1>,其中“borderColor”是框边线条的颜色,“cellPadding”是框内容至框边的距离,“width”是框的宽度,“align=center”是框框居中,“bgColor”是背景颜色,“background”后面是背景图的连接地址,“border”是框边的粗细。</FONT></DIV>
<LI>
<DIV align=left><FONT color=#0000b0>把颜色英文代入颜色代码中即可。</FONT></DIV>
<LI>
<DIV align=left><FONT color=#0000b0>在模板内加入帖子的内容,编辑位置及字体颜色与大小。</FONT></DIV></LI></OL></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

  策划正确的配色方案时必须要有一个判断标准。

  网页设计师策划一个网站需要经过反复多次的思考,而在决定网页配色方案时同样需要经过再三的思量。为了得到更好的策划意见,组织者既应该与合作人员反复进行集体讨论,还应该找一些风格类似的成功站点进行技术分析,一个大型站点是由几层甚至数十层的链接和上百上千种不同风格的网页所构成,所以在需要的时候应该绘制一个合理的层级图。

  如果在一个站点配色方案的策划中只凭设计师的感觉来决定最终的配色方案,则成功的机会就会很少,而且即使成功一次,也保证不了下一次同样能够成功。何况一个设计师好的建议在没有任何根据的情况下也不能说服团队中的其他合作成员。萝卜白菜各有所好,如果团队中的每一个成员都执意主张自己的观点,那么这个团队就会一事无成。

  当然,感觉是设计师的灵魂,没有感觉的设计师就如同一个没有灵魂的躯壳。但光凭感觉也不能够得到好的结果,如果说好的设计等于感觉加一个未知数,那么这个未知数应该就是可以说服其他人的科学合理的理论体系。

 

TOP