注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

蓝桥的博客

欢迎您朋友!

 
 
 

日志

 
 

教你用HTML贴图  

2006-04-15 10:27:25|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

手把手教你用html贴图

教你用HTML贴图 - 蓝桥 - 蓝桥的个人主页2005-03-09 15:57:00 教你用HTML贴图 - 蓝桥 - 蓝桥的个人主页鞋钉@-0CBz 教你用HTML贴图 - 蓝桥 - 蓝桥的个人主页/article/-0CBz-Mzb4S_.html 复制 评论

新加入的红色部分可以使边框变成实体的哦

自己改改数值说不定有意外的发现了

(table border="1" bordercolor="边框颜色" bgcolor="背景颜色" width="200" height="300"
cellpadding="0" cellspacing="0"


(tr)

(td)

(font color="字体颜色" face="字体格式")
这里就是留言的地方了
(/font)



(img src="这里是你要贴的图片地址,是网络上的地址,一定是
http://.....不是硬盘上的地址" border="0")

(/td)

(/tr)

(tr align="center")

(td)

(font color="字体颜色")这儿可以写你自己喜欢的格言,随自己

(/font)

(/td)

(/tr)

(/table)



因为怕被解析了,所以用的()代替<>

用的时候把所有的()改成<>;

虽然麻烦了点

但要个性么,只有麻烦点了

记住引号不要不小心弄掉了



把上面的复制到记事本里

然后把所有的()改成<>

然后根据提示把相关的东西替换掉提示

以.txt存档(最好保存到你经常用的地方)

然后每次回帖的时候

复制记事本的整个东西

粘贴到回帖的地方

再在上面提示的地方写留言

记住你一定要有可以使用html的权限

虽然很麻烦,但是很醒目的说


以下是相关的参考:

颜色参考:一般有 red ,blue,green,silver,brown,等

如果你想要自己的颜色的话

打开你系统上的画图

然后打开颜色选择

然后选个颜色,你会看见最右边的竖着的三个框里有颜色值,他们是以r,b,g的色值排列的,然后,那段代码提示颜色的地方输上

rgb(255,255,255) 当然我给的值是举例,那里面的数字是你要填的,就是刚刚提到的3个色值,从上往下(三个框里的值)的填那几个数字替代我的255,别忘了是逗号隔开的哦,字体颜色设置是一样的

字体格式参考:

中文的有 宋体(电脑默认的一般都是),楷体,黑体,等

可以打开系统盘搜索一个叫font的文件夹,里面的文件的名字就是字体的格式

好了,虽然开始烦琐了点

但是弄好了也挺方便的


还有点

复制的快捷键是ctrl+c

粘贴的快捷键是ctrl+v


看见大家贴的很多

一定注意<>是切换到英语状态下的,其他的不行,别用其他状态下的<>,不然是解析不了的!

还有告诉大家怎么样去掉回复后表格上面的那段空白,只要把代码复制到记事本后,然后把所有的转行去掉,也就是说把所有的代码放在一行。。不要转行。。。这样就可以了。。

就配色来说讲究的是和谐和章显个性,当然要讲入眼嘛,当然是和谐才是最重要的,个人不是学美术的,个人也是摸索的做的。
下面偶就先介绍一下怎么选择颜色,大家都有系统自带的画板,linux也有颜色选择器,画板上有颜色选择器,在你选择颜色时有3个值框的名字分别是r,g,u,是red,green,blue的三个去值,像在画板上去的值不是16进制数,所以不能直接用到html里,但是我们可以用以下代替:
比如:
color="#000000"(16进制的黑色)
color="rgb(0,0,0)"(用颜色选择器选的)
上面就可以看到其实我们用第二种也可以达到颜色设置的效果,括号里的三个值分别就是r,g,u的值,上面的黑色也就是说你选择的时候rgu的值分别就是0,0,0。
好了再说说颜色配置吧:
个人建议突出主色调比较重要
你的颜色配置可以在一个颜色上调节亮暗就行了。多了我也说不了了,呵呵,还是给大家个工具吧!!颜色配置器,在线的,还比较方便,但他用的是16进制的,那就要用上面说的第一种方法了!记住别掉#。

-->点这在线颜色配置
---------偶是分割线---------
(fieldset bgcolor="#000000")(font)(legend align=right)(img src="边框右上角图片地址" hspace=0 vspace=0)(/img)(/legend)(/font)
这里是正文
(/fieldset)





...screen.width-500)this.style.width=screen.width-500;" align=absMiddle border=0>

写了 这么多居然没有人理!!
还不知道沉到那去了!
我自己顶了,不然实用的就失去作用了!

...screen.width-500)this.style.width=screen.width-500;">
...screen.width-500)this.style.width=screen.width-500;">

长风破浪会有时,直挂云帆济沧海!

也可以直接把上面的copy下来,替换图片和词语

(table border="1" bordercolor="边框颜色" bgcolor="背景颜色" width="200" height="300" cellpadding="0" cellspacing="0">

(tr>

<td>

<font color="字体颜色" face="字体格式">这里就是留言的地方了</font>

(img src="这里是你要贴的图片地址,是网络上的地址,一定是http://.....不是硬盘上的地址" border="0">

</td>

</tr>

(tr align="center">

<td>

(font color="字体颜色">这儿可以写你自己喜欢的格言,随自己

</font>

(/td>

</tr>

(/table>

二层表格套用:


 

代码如下:

<table border="1"//边框厚度 width="100%" //宽度background="http://soft163.com/UploadFile/2004-8/200481617051946.gif"//背景图片 height="288"//背景高度>
  <tr>
    <td width="100%" height="282" align="center">
      <table border="1" width="81%" height="168" background="http://soft163.com/UploadFile/2004-8/200481818264385.gif
">
        <tr>
          <td width="100%" height="162"> </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

当然,你也可以把它改小,好看点,如下:

 

代码如下:

<table border="1" width="80%" background="http://soft163.com/UploadFile/2004-8/200481617051946.gif" height="288">
  <tr>
    <td width="80%" height="282" align="center">
      <table border="1" width="60%" height="168" background="http://soft163.com/UploadFile/2004-8/200481818264385.gif
">
        <tr>
          <td width="60%" height="162"> </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

字流动效果

这是代吗:

<MARQUEE scrollAmount=1 scrollDelay=1 direction=up height=400>
<CENTER><FONT color=#ff0066 size=5>如果有一天 你再也找不到我的身影 <BR>   <BR> 是否 <BR>   <BR> 你会怪我将思念如此轻易的放逐<BR><BR>在你背转身的时候  <BR>   <BR>悄悄的 悄悄的从你身后逃离 <BR>   <BR> 就此消失在苍茫的尘世间 <BR>    <BR>再也没有任何的消息与提示 <BR>  <BR></FONT></CENTER></MARQUEE>

这是效果:

如果有一天 你再也找不到我的身影
   
 是否
   
 你会怪我将思念如此轻易的放逐

在你背转身的时候  
   
悄悄的 悄悄的从你身后逃离
   
 就此消失在苍茫的尘世间
    
再也没有任何的消息与提示 
  

为了好看,我们一般都是加上底色(背景色),做法差不多,下面,我用总统的例子来做试验(一部分)

代码:

<TABLE borderColor=#cccccc cellSpacing=0 cellPadding=80 width="70%" align=center background=http://61.132.72.53/discuz/attachments/showfile_tYqBlogEkvAH.jpg height=850>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=1 direction=up><FONT face=楷体_GB2312 color=#00ffdc size=4>
<P align=center>
<CENTER>
<P align=center>
<P>如果有一天 你再也找不到我的身影</P>
<P>是否</P>
<P>你会怪我将思念如此轻易的放逐</P>
<P>在你背转身的时候</P>
<P>悄悄的 悄悄的从你身后逃离</P>
<P>就此消失在苍茫的尘世间</P>
<P>再也没有任何的消息与提示</P></FONT></CENTER></B></FONT></MARQUEE></TD></TR></TBODY></TABLE>

效果:

如果有一天 你再也找不到我的身影

是否

你会怪我将思念如此轻易的放逐

在你背转身的时候

悄悄的 悄悄的从你身后逃离

就此消失在苍茫的尘世间

再也没有任何的消息与提示

  评论这张
 
阅读(767)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018