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

长城的博客jsxhscc-163

交流会友的平台 赏心悦目的家园

 
 
 

日志

 
 
关于我

曾经当过兵,难忘军旅情。 宠辱不惊,闲看庭前花开花落。去留无意,漫观天外云卷云舒。

网易考拉推荐

博客基本代碼解讀大全  

2010-10-07 20:11:11|  分类: 素材技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

                   博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客

博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客

                博客基本代碼解讀大全 - 无限风光学习收藏 - 学习收藏的博客 
 


字 体 控 制 代 码◆字体加粗: <B>写上你想写的字</B>
◆字体斜体: <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行: <BR>
◆空格: &nbsp;
◆段落: <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=0(0=平均透明,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://lv.jingxiang.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>&nbsp;</P>  &nbsp; 是空白字位,与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-&amp;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>

合成图<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD width=400 background="背景图地址"

height=400>

<EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src=Flash
动画图地址
width=600 height=450 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></TD></TR></TBODY></TABLE>

 ◆羽化合成阁

<TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=650 background="静动态背景图地址"height=420><EMBED style="DISPLAY: block" pluginspage=http://www.macromedia.com/go/getflashplayer src="Flash
动画图地址" width=600 height=450 type=application/x-shockwave-flash wmode="transparent" invokeURLs="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></TD></TR></TBODY></TABLE>


                                                                  

                                                                   


 网易博客重要基本功能
金色分隔线 - 香儿
呵呵,发了很多素材,朋友都在问怎么用,那就从网易博客的几个最基本而重要的功能开始了解我们的博客吧,特别是初学者不要错过哦~
 
  点写日志,进入编辑状态.首先打开的是简单功能对话框(见下图).

香儿欢迎你

    点简单功能就进入了全部功能。(见下图).

香儿欢迎你


 
 
 

 

  

 

  下面介绍它的重点功能作用(从右向左介绍):

(一)显示HTML代码(也就是<>符号):

香儿欢迎你

点<>符号(上图红色圈子内)就进入代码状态.其他博客提供代码的,在这种状态下可以复制粘贴,进行编辑.再次点击显示的和发表后的日志一般情况下是一样的.循环往复,交替显示.

作用:这个功能很重要。可以用于首页模块制作、回复留言等。

(二)插入多媒体:

香儿欢迎你

 插入多媒体的功能用途广泛。注意的是,点插入多媒体图标【乘成】 在日志里添加音画作品(flash)的方法 - 乘成 - 乘成休闲吧,就会出现:

香儿欢迎你

再点高级设置,就会出现:

香儿欢迎你

这个功能有二个重要作用:(点击下面的文字查看)

 1.一分钟学会添加flash网友贴图

 2.首页版块的添加方法网友贴图

(三)添加图片:

香儿欢迎你

 添加图片的方法有四种,点插图(如上图),就会出现下图的三种方法。有很多图片比如百度,搜狐,等等图片都是不能直接粘贴的。即使贴上了,过些天有可能就看不到了,要先保存到“我的电脑”,再点下面“我的电脑”,找到图片再上传。(见下图):

香儿欢迎你

最后就是网易自己网站的图片,和它默认的网站图片是可以直接复制粘贴。

(四)添加表格:

在没有表格代码情况下,点下面红圈制作表格

香儿欢迎你

 表格可以设置行数和列数(还有个高级设置),见下图:

香儿欢迎你

(五)分隔线:

这个功能很方便,每点一次,自动生成一条分隔线

香儿欢迎你

 

(六)对齐:

 对齐很重要,正常情况下是点左对齐。要用边框等情况下会点居中。(见下图).

香儿欢迎你

 特别注意的是:“居中”。因为文章段落的文字长度不一样,往往排列不美观。这时正常用的是先选中文字,点左对齐,再点“增加缩进”和"减少缩进”进行调整。(见下图)

香儿欢迎你

 

(七)字体和字号:

香儿欢迎你

字体和字号可以在写日志前和后都可以编辑。

选择字体见下图:

香儿欢迎你

 选择字号见下图:(大小相当)

香儿欢迎你

 

(八)字体颜色和背景颜色:

选中文字,点字体颜色(下图中A)和背景颜色(下图中ab)

香儿欢迎你

就会出现颜色模块了.(如下图,还可点更多颜色).

香儿欢迎你

这是黄色字体颜色,红色背景颜色网易博客重要基本功能 - . - . 

附:颜色代码大全

(九)其他:(把鼠标指向哪里,那里都有提示)

1.点B:加粗. 2.I:斜体  3.U:下划线 

网页代码大全 - . - . ◆⊙⊙⊙◆网易空间入门制作◆⊙⊙⊙◆

网页代码大全 - . - .◆⊙⊙⊙◆博客精美素材汇总◆⊙⊙⊙◆

 

 

             (引自 无限风光学习收藏 的博客)

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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