分享

制作代码并颜色代码

 慕容风缘 2010-09-08

1.插入公告挂饰:<img src="图片地址" style="left:20px; position: relative; top:0px" />

2.公告里插入图片:<img border="0" src="图片地址" />

3.插入公告图片:<img src="公告图片地址"/>

4.店铺分类代码:<IMG src="图片地址">

5.背景音乐代码:<bgsound loop="-1" src="音乐地址"></bgsound>

6.在图片里附加音乐的办法:<img border=0 src="图片地址" dynsrc=音乐地址>

7.浮动的图片的代码:</td></tr></table>;<img alt="1" height="150" src="图片地址"
想把挂件挂在公告栏外面了就要:<img src="图片地址路径" style="left: 20px; position: relative;? top: 0px" />

8.换行代码
需要在您想换行的位置输入<br>,如果输入一个<br>,那就是另起一行,如果连续输入两个,即<br><br>,那就会空一行

9.自定义颜色
代码:<font color=blue>一元拍</font>
注解:<font color=blue> </font>是一对控制文字颜色的代码,等于号(=)后就是颜色值:可以更换为其他颜色的,如:red(红)、blue(蓝)、green(绿);也可以用#000000——#ffffff的形式(不过注意代码的总长度不要超过40)。代码中间的字可以换成自己想要的字

10.定义粗体
代码:<b>重要提示</b>
注解:<b> </b>是一对让中间文字粗体显示的代码。代码中间的字可以换成自己想要的字
定义斜体
代码:<i>重要提示</i>
注解:<i> </i>是一对让中间文字斜体显示的代码。代码中间的字可以换成自己想要的

如何同时给贴子加上背景、边框、鼠标样式等效果

由于以前写的一些教程,大多是针对单一问题的,所以有些人会加背景了不会加边框,会加边框了不知道怎么加背景。。今天就简单的说下如何把背景、边框、鼠标样式等同时添加到自己的文章中,给还在困惑的朋友一点帮助。 首先再分别说一下这些方法


   (一)给文章加上背景

   <table width="100%" border="0" cellspacing="0" cellpadding="0" background="输入你的图片地址">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   另外还有一种是加背景颜色,方法如下:

   <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="背景颜色(如red等)>
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   如果想改背景颜色,又不知道怎么找颜色的看这里:■■■美化空间必备→颜色代码表■■■精华



   (二)给文章加上漂亮的边框

   例子一:细边框的1px表格

   <table width="100%" border="0" cellspacing="0" cellpadding="0" style="BORDER: red 1px solid">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   注:width是宽,height是高,值可变。border的第一个值是边框颜色,可以任意修改哦~第二个值是边框宽度~第三个值边框样式~

   更多边框样式看这里:◇◆快来看!!让你的文章也拥有美丽的框框!!◆◇精华



   (三)给文章加上鼠标样式

   <table width="100%" border="0" cellspacing="0" cellpadding="0" style="cursor: url(http://www./ani/1.cur)">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   更详细的添加鼠标样式教程看这里:◥◣漂亮的鼠标指针,你也可以拥有◢◤精华

   鼠标样式列表看这里:◥◣漂亮的鼠标指针--素材篇◢◤精华



  (四)综合运用

   下面就要说如果把他们加在一起了,大家注意看啦 ,其实很简单。先把我们需要的代码分离出来。

      加背景的核心代码:background="输入你的图片地址"

      加边框的核心代码(以本贴为例):style="BORDER: red 1px solid"

      加鼠标样式的核心代码:style="cursor: url(http://www./ani/1.cur)"

      表格的标准代码:

   <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   只要把那三个代码加在<table>里的“>”前面就行了。注意用空格分开。

   例:添加背景和边框的代码

   <table width="100%" border="0" cellspacing="0" cellpadding="0" background="输入你的图片地址" style="BORDER: red 1px solid">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   例:添加背景和鼠标样式的代码

   <table width="100%" border="0" cellspacing="0" cellpadding="0" background="输入你的图片地址" style="cursor: url(http://www./ani/1.cur)">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

   像边框和鼠标同样都用了style,把他们写在一起,在style里用;分隔。

   例:同时添加背景、边框的代码、鼠标样式

   <table width="100%" border="0" cellspacing="0" cellpadding="0"background="输入你的图片地址" style="BORDER: red 1px solid;cursor: url(http://www./ani/1.cur)">
    <tr>
     <td>请在此输入文章内容</td>
    </tr>
   </table>

 

   例子都有了,基本不需要说太多了。若还有疑问请跟贴询问,我会尽量在第一时间回复。由于平时很忙,所以不接受旺旺消息,请见谅。

 

 

在文章的编辑器里可以直接选择字体或者字体背景颜色等,但对于不懂代码的朋友来说,想在代码里面改颜色是很困难的一件事。

  比如,之前讲过的给文章加边框等教程,当时因为怕新手不懂代码,所以只是直接写了例子上去,很多人不知道改如何换上自己喜欢的颜色,导致只能用例子里面那几种。有了颜色表,大家就可能随心所欲的换颜色了。

  可能有些朋友还不是很明白,我给大家找个例子看下,比如下面这个给文章加背景色的代码。

  源代码是:

   <table width="100" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="背景颜色(如red等)">
     <tr>
      <td>这里直接输入你要添加的内容就可以了</td>
     </tr>
   </table>

  这里面bgcolor=""就是写背景颜色的地方,可以是red,blue的格式,也可以是#CC66CC,#6633FF的格式,我要给大家提供的,就是第二种。

  比如把颜色代码#CC66CC放进去之后的源代码是

   <table width="100" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#CC66CC">
     <tr>
      <td>这里直接输入你要添加的内容就可以了</td>
     </tr>
   </table>

  还有关于给文章加边框的文章,颜色都可以修改,还没有看过的朋友看看这个贴子。

    ◇◆快来看!!让你的文章也拥有美丽的框框!!◆◇精华

  这里的代码我有必要再提一下。看第一个例子

  <TABLE width="300" height="150" border=0 align=center cellPadding=0 cellSpacing=0 style="BORDER: red 1px solid">
     <TBODY>
      <TR>
       <TD>这里放你要输入的文字</TD>
      </TR>
     </TBODY>
   </TABLE>

  里面有这样一句:style="BORDER: red 1px solid"。这个就是表格的样式,颜色改BORDER: 后面的第一个值,还以上面的颜色为例,改后应该是这个样子:

  <TABLE width="300" height="150" border=0 align=center cellPadding=0 cellSpacing=0 style="BORDER: #CC66CC 1px solid">
     <TBODY>
      <TR>
       <TD>这里放你要输入的文字</TD>
      </TR>
     </TBODY>
   </TABLE>

  好了。废话不多说,给出颜色代码对照表。

 

颜色代码表

  #000000   #2F0000   #600030   #460046   #28004D
  #272727   #4D0000   #820041   #5E005E   #3A006F
  #3C3C3C   #600000   #9F0050   #750075   #4B0091
  #4F4F4F   #750000   #BF0060   #930093   #5B00AE
  #5B5B5B   #930000   #D9006C   #AE00AE   #6F00D2
  #6C6C6C   #AE0000   #F00078   #D200D2   #8600FF
  #7B7B7B   #CE0000   #FF0080   #E800E8   #921AFF
  #8E8E8E   #EA0000   #FF359A   #FF00FF   #9F35FF
  #9D9D9D   #FF0000   #FF60AF   #FF44FF   #B15BFF
  #ADADAD   #FF2D2D   #FF79BC   #FF77FF   #BE77FF
  #BEBEBE   #FF5151   #FF95CA   #FF8EFF   #CA8EFF
  #d0d0d0   #ff7575   #ffaad5   #ffa6ff   #d3a4ff
  #E0E0E0   #FF9797   #FFC1E0   #FFBFFF   #DCB5FF
  #F0F0F0   #FFB5B5   #FFD9EC   #FFD0FF   #E6CAFF
  #FCFCFC   #FFD2D2   #FFECF5   #FFE6FF   #F1E1FF
  #FFFFFF   #FFECEC   #FFF7FB   #FFF7FF   #FAF4FF
  #000079   #000079   #003E3E   #006030   #006000
  #000093   #003D79   #005757   #01814A   #007500
  #0000C6   #004B97   #007979   #019858   #009100
  #0000C6   #005AB5   #009393   #01B468   #00A600
  #0000E3   #0066CC   #00AEAE   #02C874   #00BB00
  #2828FF   #0072E3   #00CACA   #02DF82   #00DB00
  #4A4AFF   #0080FF   #00E3E3   #02F78E   #00EC00
  #6A6AFF   #2894FF   #00FFFF   #1AFD9C   #28FF28
  #7D7DFF   #46A3FF   #4DFFFF   #4EFEB3   #53FF53
  #9393FF   #66B3FF   #80FFFF   #7AFEC6   #79FF79
  #AAAAFF   #84C1FF   #A6FFFF   #96FED1   #93FF93
  #B9B9FF   #97CBFF   #BBFFFF   #ADFEDC   #A6FFA6
  #CECEFF   #ACD6FF   #CAFFFF   #C1FFE4   #BBFFBB
  #DDDDFF   #C4E1FF   #D9FFFF   #D7FFEE   #CEFFCE
  #ECECFF   #D2E9FF   #ECFFFF   #E8FFF5   #DFFFDF
  #FBFBFF   #ECF5FF   #FDFFFF   #FBFFFD   #F0FFF0
  #467500   #424200   #5B4B00   #844200   #642100
  #548C00   #5B5B00   #796400   #9F5000   #842B00
  #64A600   #737300   #977C00   #BB5E00   #A23400
  #73BF00   #8C8C00   #AE8F00   #D26900   #BB3D00
  #82D900   #A6A600   #C6A300   #EA7500   #D94600
  #8CEA00   #C4C400   #D9B300   #FF8000   #F75000
  #9AFF02   #E1E100   #EAC100   #FF9224   #FF5809
  #A8FF24   #F9F900   #FFD306   #FFA042   #FF8040
  #B7FF4A   #FFFF37   #FFDC35   #FFAF60   #FF8F59
  #C2FF68   #FFFF6F   #FFE153   #FFBB77   #FF9D6F
  #CCFF80   #FFFF93   #FFE66F   #FFC78E   #FFAD86
  #D3FF93   #FFFFAA   #FFED97   #FFD1A4   #FFBD9D
  #DEFFAC   #FFFFB9   #FFF0AC   #FFDCB9   #FFCBB3
  #E8FFC4   #FFFFCE   #FFF4C1   #FFE4CA   #FFDAC8
  #EFFFD7   #FFFFDF   #FFF8D7   #FFEEDD   #FFE6D9
  #F5FFE8   #FFFFF4   #FFFCEC   #FFFAF4   #FFF3EE
  #613030   #616130   #336666   #484891   #6C3365
  #743A3A   #707038   #3D7878   #5151A2   #7E3D76
  #804040   #808040   #408080   #5A5AAD   #8F4586
  #984B4B   #949449   #4F9D9D   #7373B9   #9F4D95
  #AD5A5A   #A5A552   #5CADAD   #8080C0   #AE57A4
  #B87070   #AFAF61   #6FB7B7   #9999CC   #B766AD
  #C48888   #B9B973   #81C0C0   #A6A6D2   #C07AB8
  #CF9E9E   #C2C287   #95CACA   #B8B8DC   #CA8EC2
  #D9B3B3   #CDCD9A   #A3D1D1   #C7C7E2   #D2A2CC
  #E1C4C4   #D6D6AD   #B3D9D9   #D8D8EB   #DAB1D5
  #EBD6D6   #DEDEBE   #C4E1E1   #E6E6F2   #E2C2DE
  #F2E6E6   #E8E8D0   #D1E9E9   #F3F3FA   #EBD3E8

 

 

 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约