博客代码.docx

《博客代码.docx》由会员分享，可在线阅读，更多相关《博客代码.docx（15页珍藏版）》请在冰豆网上搜索。

博客代码

图片上的文字

说明：

width=为浮动文字框架的宽度；

height=为浮动文字框架的高度；

color=red表示文字颜色（颜色可改）size=字体的大小

博客编辑代码：

背景色彩和文字色彩

bgcolor---背景色彩

text---非可链接文字的色彩

link---可链接文字的色彩【A:

link{COLOR:

;TEXT-DECORATION:

none}】

alink---正被点击的可链接文字的色彩【A:

hover{COLOR:

;TEXT-DECORATION:

none}】

vlink---已经点击（访问）过的可链接文字的色【彩A:

visited{COLOR:

;TEXT-DECORATION:

none}】

table{font-size:

9pt;color:

#123456}表格颜色，台历日期上面月份的颜色

td{font-size:

9pt;color:

#123456}

所有填写的日志文字的颜色，包括***发表于**时间的颜色，栏目标题的颜色，即除了图片所有文字的颜色。

（自己在某部分额外定义的颜色除外）

border:

thindottedffffff（镶入框代码颜色）;

副模板

分别修改诸如（"show_topic"此标记显示表情图标，专题名，日志标题。

"$show_loginfo$"此标记显示日志作者，发表时间等信息。

"show_logtext"此标记显示日志正文。

"show_more"此标记显示阅读全文（次数），回复（次数），引用链接。

"show_emot"此标记仅显示显示表情图标。

"show_author"此标记仅显示作者名。

"show_addtime"此标记仅显示发表时间。

"show_topictxt"此标记仅显示日志标题。

"show_blogzhai"此标记显示加入到网摘的连接。

）他们的颜色

具体格式类似如下$show_logtext$

align=left表示靠左

color=表示颜色

选择“3.编辑模板”-->“编辑模板”，你会看到你的blog的源代码。

在前几行你会看到一些形如“A{B:

C;D:

E}”的若干代码，如何改变blog的颜色，秘密就在这里。

首先了解一下css的格式：

每行开头的内容（大括号左侧）为你要定义的对象，大括号内分若干组，每组分属性及相应的数值，用“:

”连接；组与组之间以“;”隔开。

举例（其中“a”表示链接）：

a{color:

blue;text-decoration:

none}

这行代码可以如下翻译：

链接{颜色:

蓝;修饰线:

无}

怎么样？

其实源代码就像说话一样简单吧？

修改一下，让页面里的链接变灰，出现下划线，代码应修改为：

a{color:

#cccccc;text-decoration:

underline}　其中“#cccccc”代表着16进制的RGB颜色，会用绘图软件的朋友可以很容易获得这种代码。

以下是一些修改blog颜色的常用对象（为了避免页面不出错，不要轻易改变“color”及“background-color”以外的属性）：

.diary_datetitle日志日期

td　　　　　　　单元格（blog正文）——建议不要修改，以免和其它对象冲突

.dis_tag　　　　站点描述的字体

a　　　　　　　　链接的属性

a:

hover　　　　　鼠标位于链接文字之上时文字的状态

.diary_bg2　　　日志的背景颜色之二

.diary_bg1　　　日志的背景颜色之一

.diary_poster　　签名的字体颜色

.diary_title　　日志标题

插入背景图片

--

body{background-image:

url（要插入的图片地址）;

background-repeat:

no-repeat;

background-attachment:

fixed;

background-position:

50%50%}

-->

透明化

background-color:

#123456或者bgcolor=#123456

这样子的代表背景的代码全部删除，整个叶面就透明了。

那个123456不一定是这个数字，也有可能是字母或数字和字母的组合。

页面透明处理

把改为

transparent'>

模版透明代码

initd.style.filter='alpha（opacity=68）';"style=display:

none>

模版透明代码

initd.style.filter='alpha（opacity=68）';"style=display:

none>

加入背景音乐代码

最小化音乐不消失：

hidden为隐藏loop="-1"为无限次循环

最小化后音乐消失：

加QQ及时会话

QQ个人资料下面生成在线状态直接加在模版代码中

禁止右键

functionclick（）{

if（event.button==2）{

alert（'要说的话'）

}

}

document.onmousedown=click

打开页面时的对话框

alert（"要说的话"）;

状态栏

--

vartext1="状态栏打印的字"

comeback=0

cometo=0

functiondis（）{

window.status=text1.substring（0,cometo）

if（comeback==1）{

cometo--;

if（cometo==0）{comeback=0}

}else{cometo++;if（cometo==text1.length）{comeback=1}}

window.status=text1.substring（0,cometo）+"状态栏行走的字"

if（cometo==text1.length）{window.setTimeout（"dis（）",1000）;}else{window.setTimeout（"dis（）",50）;}

}

dis（）

//-->

网页鼠标更换办法

--

body{CURSOR:

url（'

-->

body{cursor:

url（'鼠标指针图片网址'）}

A{（cursor:

url（'鼠标指针图片网址'）}

第一行是鼠标指针初始形态，第二行是鼠标指针碰到链接的形态。

说明：

鼠标指针的图片格式是.cur和.ani，不是.jpg、.gif或是其它图片格式，这点请注意。

【QQ空间鼠标使用：

将地址中的"pre"改为"orig",江文件格式:

"gif"改为"ani"（动态鼠标指针文件）,即可得到指针文件的真实下载地址】

特效

萤火虫效果

866px;POSITION:

absolute;HEIGHT:

604px"align=centersrc=width=866height=604type=application/x-shockwave-flashwmode="transparent";quality="high">

飞花效果

闪星效果

10px;POSITION:

absolute;TOP:

15px"align=rightsrc=width=200height=270type=application/x-shockwave-flashquality="high"wmode="transparent";>

15px;POSITION:

absolute;TOP:

305px"align=rightsrc=width=300height=320type=application/x-shockwave-flashquality="high"wmode="transparent";>

【更多搜索XX中“透明flash”】

添加层

#336699;SCROLLBAR-SHADOW-COLOR:

#336699;SCROLLBAR-3DLIGHT-COLOR:

#FFFFFF;SCROLLBAR-DARKSHADOW-COLOR:

#FFFFFF;SCROLLBAR-ARROW-COLOR:

#336699;position:

absolute;width:

404px;height:

400px;z-index:

1;left:

30px;top:

30px;overflow:

auto;">#diary_tag#