天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

[版务区]管理员测试帖

楼主:尘砂飞扬 时间:2011-02-27 09:21:43 点击:763 回复:7
脱水模式给他打赏只看楼主 阅读设置
  管理员代码操作测试 (点"编辑"或"不能编辑"可以查看源代码,但是由于天涯系统问题,点"编辑"看容易引起乱码)
  给管理员们练习怎么使用HTML代码,进行简单的加色,配图配乐操作.
  你们可以自由回帖,自由练习,用完还可把自己乱七八糟的回帖删掉
  初学者只要照搬照套,把常用的操作记录下来,代码复制在自己的记事本上,以后只要照套代码,换颜色,换图片或音乐地址即可.
  注意html代码都是成对出现的比较多,比如b表示加粗,font用来定义字体的, 结尾处一定要加上/表示结尾. color表示颜色,是单个出现的,但也一般出现在开头font里面
  
楼主尘砂飞扬 时间:2011-03-06 00:43:48
  16色英文名称和它们的16进制代码。
  
  Aqua湖兰 Black 黑色 Fuchsia 粉红 Gray 酒红 Gree深绿 Lime草绿 Maroon 暗红 Navy暗兰 Olive Purple 紫色 Red Silver 灰色 Teal White Yellow Blue
  
  一些简单代码操作:
  
  标题红色加粗
  其中可将red替换为以上任何一种颜色 去掉
楼主尘砂飞扬 时间:2011-03-06 02:38:48
  一些简单常用的代码操作,留着看代码,只要将里面的图片或音乐换地址,将颜色改成其它就行
    
    16色和它们的16进制代码。
    
    Aqua湖兰  Black 黑色 Fuchsia 粉红  Gray 酒红  Gree深绿  Lime草绿 Maroon 暗红 Navy暗兰  Olive  Purple 紫色 Red  Silver 灰色 Teal  White  Yellow  Blue
    
    http://img3.laibafile.cn/getimgXXX/2/0/photo2/2011/2/25/middle/68572344_33022727_middle.jpg(喜庆图)
    http://img3.laibafile.cn/getimgXXX/1/2/photo1/2011/2/24/middle/68568541_33022727_middle.jpg(清雅图背景)
    
    http://api.ning.com/files/iP3u7xne8LnQc73qky1vthZiSgaMINkmwAZFCtwa5dK76aXw8Mxdedj65BklO19gD78g552jmBtnT*YkUudSKAqULAuMkApR/file.mp3  歌曲“美梦”
    
    <B><FONT color=red>标题红色加粗</FONT></B>
    
    音乐代码格式1、 <BGSOUND balance=0 volume=0 loop=infinite src="http://api.ning.com/files/iP3u7xne8LnQc73qky1vthZiSgaMINkmwAZFCtwa5dK76aXw8Mxdedj65BklO19gD78g552jmBtnT*YkUudSKAqULAuMkApR/file.mp3"></BGSOUND>
    
    格式2、<EMBED type=audio/mpeg hidden=true src="http://api.ning.com/files/iP3u7xne8LnQc73qky1vthZiSgaMINkmwAZFCtwa5dK76aXw8Mxdedj65BklO19gD78g552jmBtnT*YkUudSKAqULAuMkApR/file.mp3 " autostart="true" loop="true"></EMBED>
    (其中src音乐地址双引号也可去掉)
    
    格式3、<EMBED height=102 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash width=220 src=http://api.ning.com/files/iP3u7xne8LnQc73qky1vthZiSgaMINkmwAZFCtwa5dK76aXw8Mxdedj65BklO19gD78g552jmBtnT*YkUudSKAqULAuMkApR/file.mp3 file="音乐地址&amp;autoStart=yes&amp;repeatPlay=yes" allowScriptAccess="never" allowNetworking="internal" quality="high" allowFullScreen="false" wmode="transparent">
    </EMBED>
    
    
    边框图文代码1、<TABLE id=table77 style="BORDER-RIGHT: #996600 4px dashed; BORDER-TOP: #996600 4px dashed; BORDER-LEFT: #996600 4px dashed; BORDER-BOTTOM: #996600 4px dashed" cellSpacing=0 width=735 align=center><TBODY><TR><TD><TABLE id=table78 style="WIDTH: 735px; HEIGHT: 2px" borderColor=#cc6600 cellSpacing=10 cellPadding=10 width=440 align=center background=http://nnwkl.16789.net/domName/nnwkl/20074129461949605.jpg border=2><TBODY><TR><TD borderColor=#996600 width="100%">
      <P align=center>(可加文字)</P>
     
      <P align=center>(可加图片等或取消该组代码)</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 
    
    
    
    大图背景代码如下1、
      <STYLE>body{background:fixed url(http://img13.tianya.cn/photo/2010/3/29/19516117_16248069.jpg)}.content {BACKGROUND-COLOR:TRANSPARENT ;LINE-HEIGHT:35px;text-align:left;}TABLE {BACKGROUND-COLOR:TRANSPARENT;}</STYLE><style><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:#FFFFFF; FONT-FAMILY:宋体;LINE-HEIGHT:27px;FONT-SIZE:20px} a:hover { color: purple; text-decoration: underline} a:link { color:maroon; text-decoration: none} a:visited { color: purple; text-decoration: none}--></style>
      
    如下2、
    <STYLE>body{background:url(图片地址);background-attachment:fixed}</STYLE><style><!--.content { BACKGROUND-COLOR: TRANSPARENT;color:pink;FONT-FAMILY:宋体;LINE-HEIGHT:30px;FONT-SIZE:20px} a:hover { color: purple; text-decoration: underline} a:link { color:blue; text-decoration: none} a:visited { color: purple; text-decoration: none}--></style>
    
    
      居中图片代码为:
      <center><img src=图片地址 width=宽度 height=高度></img></center>
楼主尘砂飞扬 时间:2011-03-06 02:39:31
  回帖
随便大家怎么操作练习,比如 简单的给字体加颜色,点"编辑"就能看到代码了 红色字体 加粗绿色 点开"更改标题"看一下标题是怎么变颜色的
楼主尘砂飞扬 时间:2011-03-06 02:40:41
  回帖

相关推荐

    发表回复

    请遵守天涯社区公约言论规则,不得违反国家法律法规