天涯部落

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

创建新部落?

[代码咨询]求助[已回复]

楼主:清狂一醉 时间:2011-01-06 21:15:35 点击:23009 回复:14
脱水模式给他打赏只看楼主 阅读设置
  各位酋长,各位朋友,谁能帮我们晋城版做个生日登记贴子呢?类似这个链接的http://www4.tianya.cn/new/tianyacity/Content.asp?idItem=465&idArticle=825
  做成若采用一定重谢。
  
  
作者 :微斯雨 时间:2011-01-06 22:16:00
  既然有模板,就复制代码就行了。楼主还有什么疑问呢?
  

☆☆☆祝晋城版版友生日快乐!☆☆☆





















天涯ID

生日(阴)

地域

原晋阳

正月二十六

阳城县

朽木银

正月二十六

湖北

笨笨菜鸟晕了晕了

正月二十六

城区

wangzefeij

正月二十

城区

大挚天下

正月二十一

不详

O爱在她乡O

正月三十

泽州县

文舞西

正月十三

城区

星月飞鸟

正月十六

未知

y531450559

正月十一

泽州

冰雪树林

正月二十八

未知

漠漠的落落

正月初一

长治


作者 :微斯雨 时间:2011-01-08 20:10:00
  楼主自己问题说的不够清楚啊,你要的是那一页一模一样的代码呢还是只是图片加移动文字还是表格的代码?你又不来补充解释说明。在城市又看到你问同样的问题,我就把所有的代码都放在这给你自己做参考吧。
  
  第一:文字加图片效果代码
  <MARQUEE><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1231/73/40773/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1080/31/51231/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1080/23/54923/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1080/29/101629/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1231/97/24797/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1080/02/110602/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1080/52/72852/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1231/23/37123/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1231/96/38796/p2.gif"><IMG onerror="this.style.display='none';" src="http://img.mms.sohu.com/mms/1231/69/40769/p2.gif"></MARQUEE>
  <MARQUEE behavior=alternate><FONT color=#ff0020>
  <P><FONT color=#ff0020 size=5>☆☆☆祝晋城版版友生日快乐!☆☆☆</FONT></P></FONT></MARQUEE>
  
  图片地址可以根据自己的喜好任意更换。文字字体、大小、颜色等都可以根据自己的喜好任意更换。
  
作者 :微斯雨 时间:2011-01-08 20:18:00
  
  第二:表格代码
  
  表格以<TABLE>和</TABLE>分别作起始标识符。border参数定义表格边框的粗细,记为border=数值,数值取0,1,2,3等整数。width是我们要定义的参数,它规定表格的宽度,数值通常用100%,记作width=100%,值得注意的是,如果不设置width值,表格将根据单元格里的内容自动定义宽度。height参数规范表格的高度,通常可以不设置,而是让内容的多少让系统自行设定。
  
  <TABLE>和</TABLE>之下,还需要由两个成对的标识符号定义表格的行、列,它们分别是<TR>……</TR>,<TD>……</TD>,tr标识符定义表中的行,td标识符定义数据表元,即每行中的每一列。<TD>……</TD>要包含在<TR>……</TR>里面。一张完整的表格全部语法如下:
  
  <table border=2 width=80%>
  <tr>
  <td>Hello Table</td>
  </tr>
  </table>
  
  
作者 :微斯雨 时间:2011-01-08 20:19:00
  hello table表格代码效果如下:
Hello Table

  
  
作者 :微斯雨 时间:2011-01-08 20:37:00
  单行单列表格:




单行单列


作者 :微斯雨 时间:2011-01-08 20:38:00
  单行单列表格代码:
  <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1>
  <TBODY>
  <TR>
  <TD height=40>
  <DIV align=center>单行单列</DIV></TD></TR></TBODY></TABLE>
  
  
作者 :微斯雨 时间:2011-01-08 20:41:00
  一行多列:
  
  
  
  
  
  
  

  
第一行第一列

  
第一行第二列

  
第一行第三列

  
  
作者 :微斯雨 时间:2011-01-08 20:42:00
  
  <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1>
  <TBODY>
  <TR>
  <TD width=100>
  <DIV align=center>第一行第一列</DIV></TD>
  <TD width=100>
  <DIV align=center>第一行第二列</DIV></TD>
  <TD width=100>
  <DIV align=center>第一行第三列</DIV></TD></TR></TBODY></TABLE>
  
作者 :微斯雨 时间:2011-01-08 20:43:00
  一列多行








第一列第一行

第一列第二行

第一列第三行



  
作者 :微斯雨 时间:2011-01-08 20:45:00
  一列多行代码:
  <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 cellSpacing=0 width=300 align=center bgColor=#ffffff border=1>
  <TBODY>
  <TR>
  <TD>
  <DIV align=center>第一列第一行</DIV></TD>
  <TR>
  <TD>
  <DIV align=center>第一列第二行</DIV></TD>
  <TR>
  <TD>
  <DIV align=center>第一列第三行 </DIV></TD>
  </TR></TR></TR></TBODY></TABLE>
  
  
作者 :微斯雨 时间:2011-01-08 20:47:00
  多行多列表格

<TABLE align=center bgcolor=#00ffff width=500 height=300 border=5>
  <TBODY>
     <TR>
        <TD>第一行第一列</TD><TD>第一行第二列</TD><TD>第一行第三列</TD>
     </TR>
     <TR>
        <TD>第二行第一列</TD><TD>第二行第二列</TD><TD>第二行第三列</TD>
     </TR>
     <TR>
        <TD>第三行第一列</TD><TD>第三行第二列</TD><TD>第三行第三列</TD>
     </TR>
  </TBODY>
</TABLE>

作者 :微斯雨 时间:2011-01-08 20:54:00
  多行多列的代码可以依据上楼的代码依此类推,增加行数和列数。
  PS:

align       表格的水平排列属性,可选属性值有  left(居左) center(居中) right(居右)


bgcolor     表格的背景色属性,属性值为十六进制的颜色代码或是英文的颜色单词


background   表格的背景图片属性,属性值为图片的网络绝对地址,也可以是相对地址


width       表格的宽度属性,属性值为像素值,也可以是百分比的。如果是百分比的有两种情况,1不是嵌套表格的,那么百分比是相对浏览器的。2如果是嵌套表格,那么它对应的四嵌套表格所在的单元格。


height      表格的高度属性,属性值和宽度属性是一样的。


border      表格的边框属性,属性值为像素值。


bordercolor  表格的边框颜色属性,属性值为颜色代码


bordercolorlight  表格的亮边框属性,属性值为颜色代码


bordercolordark   表格的暗边框属性,属性值为颜色代码


cellSpacing  表格的单元格间距属性,属性值为像素


cellpadding  表格的单元格边距属性,属性值为像素


  frame  表格的边框样式属性,
         属性值可选
          above   显示上边框
          below   显示下边框
          border  显示上下左右边框
          box     显示上下左右边框
          hsides  显示上下边框
          lhs     显示左做边框
          rhs     显示右边框
          void    不显示边框
          vsides  显示左右边框


  rules  表格的内部边框属性
          属性值可选
       all    显示所有的内部边框
       cole   仅显示行边框
       groups 显示介于行列间的边框
       none   不显示内部边框
       rows   仅显示列边框

          
  valign 表格内内容的对齐方式(垂直)属性,属性值为 top(顶部), middle(中部), bottom(底部)。
3:综合练习


范例3-1:建立基本实用的表格(包含有水平排列属性,背景色属性,宽度,高度,边框)


<TABLE align=center bgcolor=#00ffff width=500 height=300 border=1>
  <TBODY>
     <TR>
        <TD>
align  表格的水平排列属性
bgcolor  表格的背景色属性
width  表格的宽度属性
height  表格的高度属性
border  表格的边框属性
        </TD>
     </TR>
  </TBODY>
</TABLE>



范例3-2-1:添加单元格间距属性



<TABLE align=center bgcolor=#00ffff width=500 height=300 border=1 cellSpacing=10>
  <TBODY>
     <TR>
        <TD>
           cellSpacing  表格的单元格间距属性,属性值为像素
       &nbs

作者 :微斯雨 时间:2011-01-08 20:54:00
p;</TD>
     </TR>
  </TBODY>
</TABLE>


3-2-2:添加边距属性



<TABLE align=center bgcolor=#00ffff width=500 height=300 border=1 cellpadding=10>
  <TBODY>
     <TR>
        <TD>
           cellpadding  表格的单元格边距属性,属性值为像素
        </TD>
     </TR>
  </TBODY>
</TABLE>


3-2-3:设定边框颜色和调整边框大小


<TABLE align=center bgcolor=#00ffff width=500 height=300 border=5  bordercolor=#0000ff>
  <TBODY>
     <TR>
        <TD>
           bordercolor=#0000ff
           border=5

        </TD>
     </TR>
  </TBODY>
</TABLE>


3-2-4:添加亮边框和暗边框属性


<TABLE align=center bgcolor=#00ffff width=500 height=300 border=5 cellSpacing=10 cellpadding=10 bordercolor=#0000ff bordercolorlight=red bordercolordark=green>
  <TBODY>
     <TR>
        <TD>
           bordercolorlight=red
           bordercolordark=green


           注意:添加了亮,暗边框属性后,bordercolor=#0000ff ,通常的边框颜色属性bordercolor就会自动失效
        </TD>
     </TR>
  </TBODY>
</TABLE>


作者 :开奔驰牧马 时间:2011-01-15 12:42:00
  学习了,谢谢!

相关推荐

    发表回复

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