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

百合伊甸园

有我的世界更精彩

 
 
 

日志

 
 

网易博客代码(一)(文字类)  

2006-12-28 12:09:50|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

   

1 文字基本设制:

效果:插入文字

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

说明:

      <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

 align=center 表示字体居中,可选值为居右(right)居左(left

 color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 取值越大文字就越大

2、大字体文字:

效果:插入文字

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

说明:

font:40pt 数值越大文字就越大


3、移动文字设置:

例1: 插入文字

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

例2: 插入文字

<marquee behavior=移动效果>插入文字</marquee>


说明:

behavior=scroll 一圈一圈绕着走 
behavior=slide
只走一次 
behavior=alternate
来回走

例3: 插入文字

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>


例4: 插入文字

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">插入文字</marquee></marquee>

例5: 插入文字

<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">插入文字</marquee></marquee>

例6: >>插入文字 <<

<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>

例7: >>你的文字 <<

<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>

例8: 有底色+文字颜色

<font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font>

例9: 有边框的

<marquee style="border:1px dotted #CC0066 ">你的文字</marquee>

例10: 3 | | |你的文字 | | | 4

<MARQUEE behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE><MARQUEE scrollAmount=1 direction=left width="2%">| | |</MARQUEE>你的文字<MARQUEE scrollAmount=1 direction=right width="2%">| | |</MARQUEE><MARQUEE behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE>

例11: 文字输入

<marquee behavior="alternate"><marquee width="150">文字输入</marquee></marquee>

例12:
文字一
文字二

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>文字一<BR />文字二</center></marquee>

4,文字特效显示:

欢迎光临谜的博客

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临谜的博客</B></FONT></CENTER>

例2:

欢迎光临谜的博客

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临谜的博客</FONT></CENTER>

例3: 欢迎光临谜的博客

<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷体_gb2312 size=7>欢迎光临谜的博客</FONT></MARQUEE></MARQUE></MARQUEE>

 例4: 欢迎光临谜的博客 客博的谜临光迎欢

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎光临谜的博客</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>客博的谜临光迎欢</MARQUEE></FONT></FONT>

注明:

在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width

例5:

『欢迎光临谜的博客代码站』

大家常来哦

 

<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>你的文字
<P>你的文字</P></DIV>

5.在博客摘要设置字体

在博客摘要设置里添加下列html代码。

 A 调整字体大小

博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大。你从这些数字里选择合适的一个,比如1,代替#即可,你可逐个试试观察效果最后选定。

 B调整字体色彩

博客摘要文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大。你从这些数字里选择合适的一个,比如1,代替#即可,你可逐个试试观察效果最后选定。
博客摘要文字前添加<font color=#>,文字后添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你从它们当中选择满意的一种色彩,比如olive,代替#即可。你也可逐个试试观察效果最后选定。

6.给文字加移动连接

<marquee behavior="scroll" direction=right width="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a></marquee>

说明:

要想加多个的话就把<a target="cont" href="对方地址"><img src="对方图片" width="100" height="100" border="0"></a> 加在最后那个</marquee>的前面
其中的 direction= 是图片移动方向 up down right left  任意添写

 

[博客技巧] 首字符放大下沉

 

[演示]:

字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。

 

[代码]:

<DIV style="BORDER: 1px solid; WIDTH: 377px;">
 <P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
 <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。
 </P>
</DIV>

 

在图片里会移动的文字:

<DIV></DIV>:
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=500>
<P align=center><FONT color=red size=6><B>添加文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY> 

  评论这张
 
阅读(1774)| 评论(24)
推荐 转载

历史上的今天

评论

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

页脚

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