博客页面设计文字、贴图修饰常用代码- 夫君的日志- 网易博客企业库|免费b2b网站

博客页面设计文字、贴图修饰常用代码- 夫君的日志- 网易博客

博客页面设计文字、贴图修饰常用代码

2010-04-19 12:54:18 阅读55 评论0 字号：大中小

１、贴图代码：<img src="图片地址">

２、加入链接：<a href="所要连接的相关地址">写上你想写的字</a>

３、加入代提示链接代码：<a href="所要连接的相关地址"alt="提示信息">写上你想写的字</a>

４、在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

５、在新窗口打开代提示连接：<a href="相关地址" target="_blank"alt="提示信息">写上要写的字</a>

６、移动字体(走马灯)：<marquee>写上你想写的字</marquee>

７、字体加粗：<b>写上你想写的字</b>　　注：不分大小写

８、字体斜体：<i>写上你想写的字</i>　　注：同上

９、字体下划线: <u>写上你想写的字</u>　注：同上

10、字体删除线: <s>写上你想写的字</s>　注：同上

11、字体加大: <big>写上你想写的字</big>

12、字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从　h1　至　h5　,h1{zd0}，h5最小)

13、更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

14、xx连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

15、贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

16、贴　flash: <embed src="flash地址" width="宽度" height="高度">

17、贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

18、换行：<br>

19、段落：<p>段落</p>

20、原始文字样式：<pre>正文</pre>

21、换帖子背景：<body background="背景图片地址">

22、固定帖子背景不随滚动条滚动：<body background="背景图片地址" body

bgproperties=fixed>

23、定制帖子背景颜色：<body bgcolor="#value">(　value　颜色值)

24、帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

25、左中右对齐代码：

左对齐 <div align="left"> 你的内容</div>

中对齐 <div align="center">你的内容</div>

右对齐<div align="right">你的内容</div>

二，制作滚动字幕

1.上下滚动：

欢迎您

代码：<MARQUEE style="FONT-SIZE: 12px; COLOR: rgb(34,34,221); HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>这里是文字<BR></MARQUEE>

2.左右滚动：

代码：<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width=500 >

说明：此代码在IE浏览器中使用效果较好，在火狐等其他浏览器中可能出现文字不滚动等问题。

三，为博客添加一个计数器

网易为我们提供了一个访客统计的模块，但这个统计是忽略用户的IP地址，也就是这个统计也记录相同的IP地址的访问。我们在编辑博客时，需要不断的在编辑和预览的状态下进行切换，我们在预览状态下的访问博客也被网易博客的计数器记录下来了。例如，我添加的计数器统计有111位（{wy}IP）网友访问了我的博客，但网易博客上的计数器却显示有164人访问（这其中有不少是我自己访问的），差别不小。

下面给大家介绍如何申请个性化的计数器：

3.有很多种类的计数器供选择：

博客页面设计文字、贴图修饰常用代码 - 夫君 - 夫君的家园

这只是一个种类，网页的下面还有许多种类供选择：

4.填写相关资料：

博客页面设计文字、贴图修饰常用代码 - 夫君 - 夫君的家园

说明：统计类型分为All Hits——所有访问（即忽略IP，记录所有的页面访问数目）、Unique Visits Only——单一IP （只记录单一IP的访问）

5.好了，你的计数器已经申请成功了！在网页的中间就会看到你的代码，把代码复制下来粘贴的自定义HTML中即可。

四，添加播放器

网易博客已经提供了一个播放器版块，还有在自定义HTML中也可以添加播放器，下面在给大家介绍一种在自定义HTML中添加播放器的代码。

1.不使用播放器

代码：<BGSOUND src="音乐文件地址" loop=infinite>

代码说明：蓝色部分为音乐文件的地址，由于此代码不使用播放器，所以可以加入文章中的源代码后，变成某个文章的背景音乐。

2.Windows Media Player:

效果图片：（由于网易博客中不支持某些HTML语言，所以此播放器无法在日志中显示，因此这里使用图片代替）

博客页面设计文字、贴图修饰常用代码 - 夫君 - 夫君的家园

代码：<DIV><OBJECT height=185 width=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM VALUE="音乐文件地址"><PARAM VALUE="infinite"><PARAM VALUE="1"><PARAM VALUE="50"><PARAM VALUE="full"><PARAM VALUE="1"></OBJECT></DIV>

代码说明：蓝色部分为音乐文件的地址，绿色的数字表示是否自动播放，更改为"0"时不会自动播放，"1"的时候是自动播放。

3.{wn}播放器代码

效果图片：

博客页面设计文字、贴图修饰常用代码 - 夫君 - 夫君的家园

代码：<DIV><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=,0,5,0803 src=音乐文件地址 width=179 height=185 type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV>

代码说明：紫色部分为音乐文件的地址，蓝色数字闻为重复播放次数，可替换成你想要的数字，如果需要改成{yj}循环可以修改为"infinite"。

五，制作个性名片

编辑-排版-模块-添加自定义 HTML <table width="{bfb}"><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153);"

src=头像图片地址></td><td valign="top"><table width="{bfb}"><tr><td><img src="/style/common/gg.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="邮箱地址">你的名字</a></div></td></tr><tr><td><div>年龄,星座</div></td></tr><tr><td><div>详细地址</div>

{zh1}记得把网易自带的名片隐藏哦..

六，访问者停留时间计数器

编辑-排版-模块-添加自定义HTML 然后把 <p align=center>您在这里停留了：</p>

<p align=center><IMG height=20 src="" width=15><IMG height=20 src="" width=15> 分 <IMG height=20 src="" width=15><IMG height=20 src="" width=15> 秒</p> 复制上去

还有一个这个比较好看点 <DIV align=center><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002ub" width=32 border=0><IMG height=73 src="http://album.sina.com.cn/pic/4723cdbf020002uc" width=88 border=0><BR><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ud" width=32 border=0><IMG height=47 src="http://album.sina.com.cn/pic/4723cdbf020002ue" width=88 border=0></DIV><BR>

其中的"您在这里停留了:" 等等)

我会继续寻找比较好看的,大家先将就用这2个吧

八，友情连接

编辑-排版-模块-添加自定义HTML 然后把<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> 加在{zh1}那个</marquee>的前面

其中的 direction= 是图片移动方向 up down right left 任意添写

多个链接

</marquee>

<br>

</marquee>

十，一款很棒的播放器

此播放器可以自动播放而且可以连续播放多首歌曲皮肤也超漂亮

如果大家想在播放器后面家上背景图片的话就打 <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width=706 align=center background=背景图片 border=3>

<TBODY>

<TR>

<TD>

这些复制在前面把播放器代码复制在后面刚研究出来呵呵

十一，透明播放器代码

<TBODY>

<TR>

十二，为日志添加一个滚动条

预览：

小时侯

乡愁是一枚小小的邮票

我在这头

母亲在那头

长大后乡愁是一张窄窄的船票

我在这头

新娘在那头

后来呵

乡愁是一方矮矮的坟墓

我在外头

母亲呵在里头

而现在

乡愁是一湾浅浅的海峡

我在这头

大陆在那头

代码：

</A>

<P align=left>这里是文字</P></DIV><BR>

十三，为博客添加一个Flash时钟

在你的博客侧边栏中添加一个精美的flash时钟，会使你的博客更加漂亮。（注意：此代码只能放在自定义HTML模板内，如果放在日志里会被网易系统自动xx）

代码：

对于网易博客，还可以在自定义的HTML模板内，点击“Flash”，在弹出的对话框中粘贴上时钟的地址。

把以上一个地址复制--粘贴到地址栏中,然后按回车观看效果,看完一个,改变"clock1"中的数字,140个时钟,找到自己喜欢的了,把地址覆盖粘贴在上面代码中"时钟地址"上。

十四，发表彩色文字的日志

虽然网易提供了许多种文字的颜色供选择，但只是一个字一种颜色，现在给大家介绍一种方法，可以让一个字变成五颜六色的，先看下面一段文字：

这是一套可以将文字变成五彩缤纷的彩色文字处理软件，颜色可自由搭配，单击鼠标左键，在弹出的对话框里选择你所需要的颜色；单击鼠标右键将会选取您的桌面的颜色，而且可以随时的预览，并且可以直接产生在论坛上用的BB CODE 及做网页用的的 HTML TAG的代码，美化网页。

怎么样？挺漂亮的吧！这还得归功于一款文字颜色处理软件——好色机器。软件无需安装，下载后即可使用。

软件界面：

2803F1EE6F43/%E5%A5%BD%E8%89%B2%E6%9C%BA%E5%99%A8.rar

下载完毕打开后，按照以下步骤进行：

1.单击左上角的下拉框，选择选择色彩渐变形式，“基本型一”……“基本型四”……“专业型”等；

2.在左边的调色栏中选择颜色；

3.在右上方输入文字；

4.按下“转换&预览”（即中间的按钮），预览窗内即会出现渐变彩色文字；

5.点击预览框下面的“HTML Tag”按钮，得到代码，在编辑新日志时，在“代码”状态下，将刚才复制的代码粘贴上去即可。

十五，两只漂亮的蝴蝶代码

效果：

代码：<DIV >

<DIV >

<DIV style="BORDER-COLLAPSE: separate; TOP: 126px"> &n

bsp; <IMG align=right height=69 src="http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width=75>

&nb

sp; <FONT color=#ffffff>n<IMG align=right height=69 src="http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width=75></FONT></DIV></FONT><FONT color=#ff9900>

<DIV >

<P>

<P></P>

代码说明：代码中的红色字体为两只蝴蝶的位置，可以改为“right”、“centre”、“left"”。

十六，其他未整理的代码

1.显示日历

（1）效果：

代码：<P align=center><IMG height=26 src="http://www.hongen.com/pub/date/date.png" width=126></P>

（2）效果：

代码：<P align=center><IMG src="http://www.hotik.com/sign.png"></P>

2.效果：

代码：<P align=center><IMG src=http://www.danasoft.com/vipersig.jpg></P>

3.效果：

代码：<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>

文章来源：http://atiger.spaces.live.com/Blog/cns!1pULH0I9hEReHUZ6MWvfMq5w!300.entry

<#--{zx1}日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--推荐阅读--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->

郑重声明：资讯【博客页面设计文字、贴图修饰常用代码- 夫君的日志- 网易博客】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——