返回首页 | 进入BBS | 进入名站导航
博客公社使用高级技巧
 
添加音乐类
添加图片
文字设置
添加时钟链接
更改鼠标样式
取消手拉手
备份文章
去除头部banner
去除头部banner左侧的文字
去除作者信息
去除底部banner
轻松实现博客介绍开头空两格的方法
将图片作为文章栏目的背景
将图片作为博客介绍的背景
改变主页上功能模块标题文字颜色
改变文章栏目(目录)的文字颜色
改变博客介绍的文字颜色
查看高手的BLOG网站的CSS代码
更改滚动条的颜色
各种漂亮的鼠标URL代码
后台撰写、编辑文章必看操作技巧
如何查看BLOG网站的CSS代码
修改主体的背景色
随机音乐代码
添加评论滚动条
添加留言滚动条
添加友情blog滚动
添加天气预报
邮箱快速登陆
获取相关新闻
在博客摘要设置字体
在首页头部加上自己banner的方法
如何加入透明Flash背景
添加搜索引擎代码
图片链接移动代码
细线表格制做
显IP地址免费代码
免费手机地理位置查询代码
免费IP地址位置查询代码
下拉列表链接代码
CSS的十八般技巧
aheshake博客首页分栏CSS代码说明
现在流行CSS栏目式布局(全程图解)
经典CCS分析与介绍
 添加音乐类
载入音乐
基本语法: <EMBED SRC="音乐文件地址">
常用属性如下:
SRC="FILENAME" 设定音乐文件的路径
AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
LOOP=TRUE/FALSE 设定播放重复次数,LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。
STARTIME="分:秒" 设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20
VOLUME=0-100 设定音量的大小。如果没设定的话,就用系统的音量。
WIDTH HEIGHT 设定控制面板的大小
HIDDEN=TRUE 隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子
例一: <EMBED SRC="midi.mid" autostart=true hidden=true loop=true>
作为背景音乐来播放,隐藏了播放器。
例二: <EMBED SRC="midi.mid" loop=true width=145 height=60>

出现控制面板了,你可以控制它的开与关,还可以调节音量的大小。

注明:mp3 rm ra ram asf mid等音乐都用这个播放器

 IE中的的背景音乐

 代码如下:

 <bgsound src="音乐文件地址" loop=#>

 #=循环数

 注明:这种背景音乐格式,只有在IE浏览器中才可以听到。一般用来插入wav wma mid等格试的音乐。

 一般格试如下:

 播放器3

 <embed width="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

 大播放器不直接放

<EMBED src=歌曲链接地址 volume="100" width=250 height=20 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>

  播放器直接放

 <embed width="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="歌曲链接地址">

 仿真播放器rm

 <embed src="歌曲链接地址" width="280,80%" height="60,80%" autostart="true"><embed>

 视频点击播放

 <object id=videowindow1 width=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6">
<param name=URL value=歌曲链接地址>
<param name=AUTOSTART value=0></object>

 说明:一般用来插入mp3 rm ra ram asf mid等音乐文件,如果要隐藏播放器,把width和height的数值改成0或者1就可以了。

 添加图片
插入背景图片

 <TABLE align=center background="背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

 内容,文字或图片.....

 </TD></TR></TBODY></TABLE>

 <TABLE> 的参数设定(常用):

 <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

 注解:
width="400"

 表格宽度,接受绝对值(如 80)及相对值(如 80%)。

 border="1"

 表格边框的厚度,不同浏览器有不同的内定值,故请指明。

 cellspacing="2"

 表格格线的厚度

 align="CENTER"

 表格的摆放位置(水平),可选值为: left, right, center

 valign="TOP".

 表格里内容的对齐方式(垂直),可选值为: top, middle, bottom。

 background="myweb.gif"

 表格的背景图片,与 bgcolor 不要同用。

 bgcolor="#0000FF"

 表格的底色,与 background 不要同用

 bordercolor="#CF0000"

 表格边框颜色

 bordercolorlight="#00FF00"

 表格边框向光部分的颜色

 bordercolordark="#00FFFF"

 表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

 cols="2"

 表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。

 文字设置
一、 文字基本设制

 基本代码如下:

 <P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

 align=center 表示字体居中,可选值为居右(right)居左(left)

 color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 取值越大文字就越大

 二、大字体文字

 代码:

 <font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

 font:40pt 数值越大文字就越大。

 三、移动文字设置:

 基本代码1:

 <marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

 说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

 基本代码2:

 <marquee behavior=移动效果>插入文字</marquee>

 说明:

 behavior=scroll 一圈一圈绕着走 

 behavior=slide 只走一次 

behavior=alternate 来回走

 停停走走:

 代码如下:

 <marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

 四,文字特效显示:

 效果一、<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临中年贴图</B></FONT></CENTER>

 效果二、<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临中年贴图</B></FONT></CENTER>

 效果三、<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">欢迎光临中年贴图</FONT></CENTER>

 效果四:

 原代码:

 <MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><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>

 注明:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

 添加时钟链接
给你的blog增加flash时钟
格式
一、刻度时钟:
说明:
1、http://www.butabon.com/Clock/clock_038.swf是时钟的flash地址,可以在IE中预览;
2、其中的038可以替换成000-039之间或者051-059之间的任何一个数字,请先在IE中预览,然后选择自己喜欢的。
二、数字时钟:
(一) 说明:
1、http://www.butabon.com/Clock/digiwide019.swf同样是时钟的flash地址,可以在IE中预览;
2、其中的019可在000-019之间选择。
(二) 说明:
1、http://www.butabon.com/Clock/digital_019.swf同样是时钟的flash地址,可以在IE中预览;
2、其中的019可在000-019之间的任何一个你可以在IE中可以成功预览的数字(请自己测试)。
另推荐一批flash时钟的地址:http://fengzhuju.nease.net/previews/clocks/clock1.swf,其中的clock1可以换成clock1~clock100,请根据自己的喜好进行您的选择。

时钟样式请见:163款各式时钟:http://myok.blogchina.com/1568354.html

 更改鼠标样式
想要更改鼠标指针的代码,只需在模板DIY的CSS代码中加入以下代码:

 body{cursor:url('鼠标指针图片网址')}

 A{(cursor:url('鼠标指针图片网址')}

 说明1:第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态。

 说明2:你需要两个鼠标指针图片(最好这两个图片是一套或是相近的)。

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

 说明4:如果你喜欢的鼠标指针只有一张图片而不是两张,那么A{(cursor:url('鼠标指针图片网址')}这段代码就不用写了,一张鼠标指针图片其实也行的。
代码一:
CURSOR: url('http://www.52blog.net/uploadfile/20041214112739616.cur');

代码二:cursor:url(http://yuhou.net/build/images/03.cur);

 代码三:
CURSOR: url('http://www.blogcup.com/uploadfile/200559203014735.ani');

 代码四:CURSOR: url('http://soft.mumayi.net/inc/Arrow.ani');

 代码五:cursor:url(http://www.51hongtu.com/mouse.ani);

 代码六:cursor:url(http://www.5tb.com/link.ani);

 代码七:CURSOR: url('http://www.jzmoney.com/cursor2.cur');

 代码八:CURSOR: url('http://lengku.net//index/mouse.ani');

 代码九:CURSOR: url('http://www.chinahrgg.cn/mouse.ani');

 代码十:CURSOR: url(http://clsky.net/pic/cur.cur');

 提示:代码加在样式表中的“body{ ”后面即可!

 取消手拉手

取消博客手拉手的方法,看看把下面的代码加入到“单篇文章CCS代码”中,看看效果。

 div.operation

 { text:expression((children != null && children.length>0 && children[0].name=="relatedDiary")?style.display = "none":"") }

 这里判断了是否是博客手拉手的DIV,要是是则不显示,否则显示。

 备份文章
由于这两天博客中国出现的问题比较多,而我在博客里发表的内容也不少了,总有点担心自己辛苦编辑出来的文章会突然消失,所以就想把它们备份起来,以防不测。
我想每个人的电脑里都安装有下载软件吧,比如网际快车,影音传送带,迅雷什么的。在这里我就以网际快车为例来说明,其实方法非常简单,高手们就不用看了。
首先打开你要备份的博客网页,点击文章“总目录”,打开博客“索引页”,用鼠标在文章的任意一篇标题上点右键,在出现的菜单中选择“使用网际快车下载全部连接”然后会出现“选择要下载的URL”对话框,在这里你可以有选择地下载备份你所需要的文章,然后点确定,在“添加新的下载任务”对话框中选择你要备份到的位置,点确定就可以了。
 去除头部banner

找到以下代码:

 div#header{

 加入以下代码:

 display:none;

 去除底部banne
找到以下代码:

 div#footer{

 加入以下代码:

 display:none;

 去除作者信息
找到以下代码:

 div#footer{

 加入以下代码:

 display:none;

 查看高手的BLOG网站的CSS代码
输入对方的网址然后加“/default.css”(分号不要输入)即可完全欣赏到对方的CSS代码

 

 

 

我要啦免费统计