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

学习、娱乐、开心你我她!!

【学无止境、娱乐休闲】记录点滴快乐,分享精彩生活

 
 
 

日志

 
 

网易博客代码---文字类  

2008-05-16 08:39:34|  分类: 〖美眉贴图〗 |  标签: |举报 |字号 订阅

  下载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="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临谜的博客</FONT></MARQUEE></MARQUE></MARQUEE>
<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> 本站网址:www.bokedm.com
在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width
例5:
<DIV style="LAYOUT-FLOW: vertical-ideographic">
<P>你的文字
<P>你的文字</P></DIV>
<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">祝</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>愿</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>朋</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>友</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>们</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>开</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>心</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>!</marquee><font color=orange></font></b></marquee>  
例7:  
<center><font face=隶书 color=red size=15>
<marquee direction=up behavior=alternate width=60 height=120>祝</marquee><font color=yellow>
本文出自:www.bokedm.com
<marquee direction=up behavior=alternate width=60 height=80>愿</marquee><font color=brown>
<marquee direction=up behavior=alternate width=60 height=120>朋</marquee><font color=green>
<marquee direction=up behavior=alternate width=60 height=80>友</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>们</marquee><font color=yellow>
<marquee direction=up behavior=alternate width=60 height=80>开</marquee><font color=orange>
<marquee direction=up behavior=alternate width=60 height=120>心</marquee></font></b></marquee></font></center></font></font></font></font></font>
</font>  
例8:
<div style="width: 350; font-size:15pt; font-family: arial ; color: red; ; filter: dropshadow(color=000000, offx=3, offy=3, positive=1)">你的文字</div>
例9:
我凹下去了吧?
你不想试试吗?
<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 12px; PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px; PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word"><FONT disabled>我凹下去了吧?<BR>你不想试试吗?</A></FONT> </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 任意填写  
  评论这张
 
阅读(6166)| 评论(14)
推荐 转载

历史上的今天

评论

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

页脚

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