分享

博客基本代码解读大全 - 香儿的日志 - 网易博客

 昵称289502 2010-03-06
博客基本代码解读大全

字 体 控 制 代 码

◆字体加粗: <B>写上你想写的字</B>
◆字体斜体: <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行: <BR>
◆空格:  
◆段落: <P></P>段落
◆原始文字样式:<PRE>正文</PRE>
◆常用字体代码:宋体、黑体、楷体_GB2312 、仿宋_GB2312 、新宋体、幼圆、 隶书、方正舒体 、 华文新魏 、华文行楷 、华文细黑 、 华文彩云 、 方正姚体、迷你简粗倩、
◆字体控制大小: <H1>写上你想写的字</H1>(其中字体大小可从h1-h5,h1最大,h5最小)、
(字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。)
◆更改字体颜色:<FONT color=#0a00e>写上你想写的字</FONT>(其中value值在000000与ffffff(16位进制)之间
◆坚排文字的代码∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字 (靠右排版right)
◆移动字体(走马灯效果): <MARQUEE>写上你想写的字</MARQUEE>
◆字体设置:①  <FONT style="FONT-SIZE: 15pt" color=#ff0000>
◆字体设置:②  <FONT face=隶书 color=#0000ff size=5>
选择文字式样、颜色、大小
◆彩字设置:①  <DIV style="FONT-SIZE: 25pt; FILTER: glow(color=ffffff); COLOR: #000000; FONT-FAMILY: 隶书; HEIGHT: 10px"> 显示虚边字代码
◆彩字设置:②  <DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#333366,direction=240); WIDTH: 550px; COLOR: #ff0033; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_gb2312; HEIGHT: 51px"> 显示字阴影(direction=240数值变化可改变阴影方向,看标题效果)
◆彩字设置:③  <MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 );  COLOR: #ff0000; FONT-FAMILY: 华文新魏" >显示虚边字和移动代码</MARQUEE> (滚动效果)
◆彩字设置:④  <DIV style="FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 685px" twffan="done"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#ff0000> 可改变虚边大小的虚边字代码(strength=10改变此数字即可)
◆彩字设置:⑤全色底埔色上写字 <FONT face=隶书 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2>  示图∶ 香儿博客

对 齐 方 式 代 码

◆左对齐:  <LEFT>
◆中对齐:  <CENTER> 或 <P align=center> 或 <DIV align=center>
◆右对齐:  <RIGHT>
◆段落水平对齐:<ALIGN="相关参数"> 其常见的设定值有三个:置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">
◆缩排:<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位,二组缩排两个单位,以此类推。

 

文 字 控 制 代 码

◆文字向上滚动的代码: <MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑体 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR></CENTER></MARQUEE>
(滚动速度scrollAmount=3 )<MARQUEE>里面的参数修改一下,效果将不一样,这里仅提醒一下direction=添加方向代码为: 向下(down)、向上( up )、向左(left)和向右(right)。
◆文字上下往复跳跃移动代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate>
<CENTER><FONT face=隶书 color=#ffff00 size=7>插入文字</CENTER></FONT></MARQUEE>
◆左右往复移动代码: <BEHAVIOR=ALTERNATE>
◆文字移动走走停停代码: <MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate>插入文字</MARQUEE>蓝色部分可调方向、速度

图 片 控 制 代 码

◆贴图: <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="粘贴图片地址" border=0>
(改变81px 、80px 数据变换图片的大小)
◆图片产生梦幻(羽化)效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="图片地址" >
(opacity=100可在百内变、style=00=平均透明,1=片状透明,2=圆型透明,3=方型透明变) 、 WIDTH 、HEIGHT(表示宽度和高度,其值可以变)
◆换帖子背景: <body background="背景图片地址">
◆添加日志文字背景图的代码:<TABLE width="100%" border=0><TBODY><TR><TD background=图片网址 height=384>
◆定制帖子背景颜色:<body bgcolor="#value">
(颜色value值)
◆固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
◆加背景图片:  <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3>
◆图片滚动代码:
(从下往上滚动)
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 >
<IMG src="添加滚动的图片地址1/" border=0>
<IMG src="添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="图片地址";><IMG src="图片地址";><IMG src="图片地址";></MARQUEE>
将其前面兰色代码换上如下代码即改变移动方向
向右: <MARQUEE direction=right>向上: <MARQUEE direction=up>向下: <MARQUEE direction=down>往复来回:
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入:<IMG src="图片地址";>

 

链 接 代 码

◆文字的连接: <A href="链接地址"><FONT color=#ff0000>写上你的字</FONT></A> (字的颜色自定)
◆图片的连接: <A href="链接图片地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
◆友情的连接: <A href="链接网址" target=_blank>链接网址名字
(也可作文章链接、换成文章链接网址和文章名字)
◆新窗口打开连接:<A href="链接地址" target=_blank>写上你的字</A>
◆香儿博客的链接代码∶ <A href="
http://zhy-xianger.blog.163.com//" target=_blank><FONT color=#0000ff size=5>要写的字、或要链接的图片地址。
◆消除连接的下划线:<A style="TEXT-DECORATION: none" href="相关地址">写上你想写的字</A>
◆鼠标指向图片可显示导航名称并链接代码:<A href="加入要链接的地址" target=_blank><IMG title=写上要显示的名称 height=290 src="使用的图片地址" width=150></A>

 

控 制 FLASH 代 码

◆粘贴FLASH:  <embed src="FLASH地址" width="宽度" height="高度">
◆首页FLASH: 找到FLASH地址 后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。
◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个<显示HTML代码>了 必须先点一下<>后再复制上去.再点这个<><隐藏HTML代码>即显示了。
◆日志里粘贴【FLASH】动画的代码是: <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
◆粘贴【Flash】动画代码∶
(1)粘贴非透明动画代码:  <EMBED src=FLASH动画地址 width=600 height=420 type=application/x-shockwave-flash quality="high" >
  (width、 height 宽度和高度值是可改变 )
(2)粘贴透明动画代码: <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH动画地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" >  
◆控制【Flash】动画或【图片】及文字等定位代码: <P style="MARGIN-TOP: -70px; MARGIN-LEFT: -10px"> 
(加在FLASH动画或图片代码前面、MARGIN-TOP: 0px  上下定位,- 往上移,+ 往下移、MARGIN-LEFT: 0px   左右定位,+ 往右移,- 往左移)

 

常 用 摸 块 代 码

◆<TABLE> 表格、背景图等摸块代码:
◆无名表格 <FIELDSET style="WIDTH: 600px" align=center><LEGEND align=center>无名表格</LEGEND><P>添加内容</P></FIELDSET>
(可取舍align=center)
◆无名表格Ⅰ <FIELDSET style="WIDTH: 600px; COLOR: #000000" align=center><LEGEND style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; COLOR: blue; BORDER-BOTTOM: #ff0000 1px solid">表中表效果Ⅰ</LEGEND>添加内容</FIELDSET>
◆ <P></P> 段落摸块代码
◆ <DIV></DIV> 段落摸块,与P在自定义摸块时换段不同代码
◆ <P> </P>    是空白字位,与P组合成空白段落摸块。文字排版时用得上
◆ <IMG> 贴图片、影视文件摸块摸块代码
◆ <EMBED> 图片边文字排版、音乐、视频
(透明FLASH)动画、背景音乐摸块代码)
◆ <MARQUEE> 走动文字幕、走动图片幕摸块代码
◆<HR></HR>划横线摸块
(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)
◆ <TBODY>
    <TR>
    <TD>
<TR>是添加横, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码
◆表格基本代码∶
<TABLE cellSpacing=0 cellPadding=0  borderColor=#2f6cd2 bgColor=#ff0000 border=1>
<TBODY>
       colSpan=2   〗  表格合并列代码
<TR>             rowSpan=4  〗  表格合并行代码 
<TD>
              background=背景图片地址  bgColor=#背景颜色

 

颜 色 方 面 代 码

◆颜色属性:<HR COLOR="颜色代码或颜色名称">。
◆宽窄属性:<HR WIDTH="宽度">,单位为px,宽度也可用百分比来作设定,如50%即为宽度占屏幕的50%。
◆厚度属性:<HR SIZE="厚度">。
◆位置属性:<HR ALIGN="水平位置设定值">,其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。
◆阴影属性:<HR NOSHADE>,无设定值,只要将NOSHADE加入即可,通常会配合颜色设定,效果较佳。

 

音 乐 播 放 器 代 码

◆隐藏播放器自动播放: <EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar">  (要显示播放器调整width=0、 height=0数值)
◆显示播放器手动播放: <EMBED src=音乐文件地址 width=550 height=45 type=audio/mpeg autostart="false">
◆贴音乐:<EMBED src=音乐地址 width=宽度 height=高度 type="text/html; charset=GBK" autostart="false">
◆帖子背景音乐: <BGSOUND="背景音乐地址" loop="infinite">
◆贴影视文件: <IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度>
◆贴FLASH: <EMBED src=FLASH地址 width=宽度 height=高度 type="text/html; charset=GBK">

 

其 他 部 分 实 用 代 码

◆滚动条添加: <DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left> 在这里输入是文字,也可以是链接。 注:此(left)为对齐方式,当前是左对齐
◆滚动条表格: <TABLE width=280 align=center border=1><TBODY><TR><TD align=middle bgColor=cyan height=30><FONT color=#ffffff>带滑动条的表格</FONT></TD><TR><TD bgColor=yellow><DIV style="OVERFLOW: auto; HEIGHT: 90px">  在这里添加日志内容。(本日志效果即是)
◆友情连接<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="90%" height=100><A href="对方地址" target=cont><IMG height=100 src="对方图片" width=100 border=0></MARQUEE>

 

 

 
 
 

金色分隔线 - 香儿

 ◆⊙⊙⊙◆网易空间入门制作◆⊙⊙⊙◆

一分钟打造自己的个性时钟

一分钟建立自已的日报

滚动边框综合代码

教你制作自己的播放器

文字各种移动代码

滑动边框诠释(一)

滑动边框诠释(二)

滑动边框诠释(三)

网易播放器及代码解读

一分钟搞定基本链接

一分钟学会首页的添加

一分钟学会添加flash

打造自己个性的小屋

常见网络术语

网易博客代码(印章)

图片超链接代码

巧用迅雷下载技巧5则

没有什么是查不到的

网易播放器的参数含义

代码使用手册

风格自定义工具制作

提高博客的点击率

常用embed代码教程

可嵌入博客图片播放器

自我形象制作代码

打造图片的特殊效果

中国图片网址大全

代码易懂使用手册

自动生成你自己的时钟

显示你空间的来访

把想要的放到首页

WINDOWS 重装必做

文字各种移动代码

一分钟博客必备常识

常用HTML语法攻略

 

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

    0条评论

    发表

    请遵守用户 评论公约