载入中
自定义HTML载入中... loading
5博客公社使用高级技巧 [转贴 2007-05-14 00:05:28]  删除... 
字体变小 字体变大


 

 

 

添加音乐类
● 添加图片
● 文字设置
● 添加时钟链接
● 更改鼠标样式
● 取消手拉手
● 备份文章
● 去除头部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{ ”后面即可!

返回
 
　取消手拉手 Dozb、邻居等

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

　div.operation

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

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

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

找到以下代码：

　div#header{

　加入以下代码：

　display:none;

返回
 
　去除头部banner左侧的文字
逍遥赵等
找到以下代码：

　h1.title{

　加入以下代码：

　display:none;

返回
 
　去除作者信息 逍遥赵等
找到以下代码：

　div#myPhoto{

　加入以下代码：

　display: none;

返回
 
　去除底部banner 逍遥赵等
找到以下代码：

　div#footer{

　加入以下代码：

　display:none;

返回
 
　轻松实现博客介绍开头空两格的方法 逍遥赵等
一：直接按空格

　二：用<P>、</P>标签
方法一：首先登陆你的网站，点击参数设置，然后在博客摘要里你的文字前输入下面字符：

　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

　说明：在HTML语言中，&nbsp代表空格的代码，以上相当于你以代码的形式输入了八个空格。

　方法二：登陆你的网站，点击参数设置，然后在博客摘要里将<PRE>和</PRE>分别加在你的文字内容的最前面和最后面，接着在第一个汉字前按八下空格，然后保存，更新主页即可。

　说明：<PRE>、</PRE>标签在HTML中具有预格式化功能，能够完全保留你的空格和回车。

　方法三：进入更换模板－模板DIY，在CSS原码中找到以下代码：

　div#blogContent{

　加入以下一句代码：

　white-space:pre;

　然后回到参数设置－博客摘要，在第一个汉字前按两下空格，保存并更新主页。

　说明：white-space:pre是CSS中预格式化功能的属性代码，功能同方法二。

返回
 
　将图片作为文章栏目的背景 逍遥赵等
找到以下这段代码：

　/*=======栏目=======*/

　div#category{

　……

　在它的最后面加一句话：

　background-image: url（图片网址）;

　比如：

　/*=======栏目=======*/

　div#category{

　margin-left:12px;

　margin-right:12px;

　color: #636563;

　height: 30px;

　padding-top:12px;

　margin: 5px;

　background-image: url(http://bimzcy.blogchina.com/inc/xiaonvhai.jpg);

　}

　（友情提示：根据笔者的经验，图片的宽度以<=540象素合适，如果超过这个宽度的话可以用ACDSEE来裁剪、来重调图片大小，很方便的）

返回
 
　将图片作为博客介绍的背景 逍遥赵等
找到以下这段代码：
/*=======Blog介绍=======*/

　div#blogContent{

　在最后同样加入一段下面的代码：

　background-image: url(图片网址);

　比如：

　/*=======Blog介绍=======*/

　div#blogContent{

　width:570px;

　text-align: left;

　background-color:#ffffff;

　font-family: Arial,Helvetica,sans-serif;

　font-size:9pt;

　color: #333333;

　margin-top:2px;

　background-image: url(http://bimzcy.blogchina.com/inc/xiaonvhai.jpg);
}

返回
 
　改变主页上功能模块标题文字颜色 逍遥赵等
找到以下代码：

　/*===============每一栏的标题=====================*/

　h4{

　font-family: Arial,Helvetica,sans-serif;

　font-size:9pt;

font-weight: bold;

　color: Black;

　把color：后面的颜色名称改为你想要的颜色名称即可。

返回
 
　改变文章栏目（目录）的文字颜色 逍遥赵等
找到以下代码：

　/*=======栏目=======*/

　div#category{

　margin-left:12px;

　margin-right:12px;

　color: #636563;

　height: 30px;

　padding-top:12px;

　margin: 5px;

　}

　然后在其后面加入以下代码：

　div#category a:link {

　font-family: Arial,Helvetica,sans-serif;

　color: Red;

　text-decoration: none;

　}

　div#category a:visited {

　font-family: Arial,Helvetica,sans-serif;

color: Red;

　text-decoration: none;

　}

　div#category a:hover {

　font-family: Arial,Helvetica,sans-serif;

　color:MediumOrchid;

　text-decoration: none;

　}

　这里大家可以把color：后面的颜色名称随便改成自己喜欢的颜色名称。

　具体说明是：a:link里的color代表文字的初始颜色（访问前），a:visited里的color代表文字（链接）被访问（即被鼠标点击）后的颜色，a:hover里的color则代表鼠标指针指在它上面时的颜色。

返回
 
　改变博客介绍的文字颜色
逍遥赵等
找到以下代码：

　/*=======Blog介绍=======*/

　div#blogContent{

　width:570px;

　text-align: left;

　background-color:#ffffff;

　font-family: Arial,Helvetica,sans-serif;

　font-size:9pt;

　color: #F8F8FF;

　margin-top:2px;

　将color：后面的代码改成你想要的颜色的代码即可（注意不是改background-color）。

返回
 
　查看高手的BLOG网站的CSS代码
 逍遥赵等
输入对方的网址然后加“/default.css”（分号不要输入）即可完全欣赏到对方的CSS代码
返回
 
　更改滚动条的颜色 逍遥赵等
改友情博客链接自带的滚动条的颜色。先找到以下代码：

　div.friendBlogDIV{

　overflow: auto;

　font-family: Arial,Helvetica,sans-serif;

　font-size: 9pt;

　line-height: 18px;

　color: #000000;

　text-decoration: none;

　height:250px;

　SCROLLBAR-FACE-COLOR: #FFDDAA;

　SCROLLBAR-HIGHLIGHT-COLOR: #DEEB9F;

　SCROLLBAR-SHADOW-COLOR: #DEEB9F;

　SCROLLBAR-3DLIGHT-COLOR:#DEEB9F;

　SCROLLBAR-TRACK-COLOR: #FFFACD;

　SCROLLBAR-ARROW-COLOR: #4A590D;

　SCROLLBAR-DARKSHADOW-COLOR: #DEEB9F;

　}
（COLOR:后面的颜色值视不同的模板而不同）

　这里我们需要修改颜色代码值的属性有两处，一处是SCROLLBAR-FACE-COLOR，一处是SCROLLBAR-TRACK-COLOR，前者代表滚动条上下按钮上三角箭头的颜色和滑快的颜色，后者代表滚动条滑动槽的颜色，只用改这两个属性后面的颜色代码值为自己喜欢的颜色代码值即可。其它的属性后面的颜色代码值改变后用处不大，不过有兴趣的朋友可以改改试试，这里附上它们的属性说明：

　scrollbar-darkshadow-color立体滚动条强阴影的颜色

　scrollbar-highlight-color滚动条空白部分的颜色

　scrollbar-shadowcolor立体滚动条阴影的颜色

　scrollbar-3dlight-color立体滚动条亮边的颜色

　scrollbar-arrow-color设置或检索滚动条方向箭头的颜色

返回
 
　修改主体的背景色 逍遥赵等
body{

　padding: 0;

　margin: 0;

　background: #ffffff;

　因为不同的模板颜色不同，所以你看到的background:后面的字母可能也就不同，把它改成你要的颜色代码吧（比如改成#800080即变为紫色）。

返回
 
　随机音乐代码 第一：新闻等
几十首背景音乐在您的站点中进行随机播放
代码如下：

　<script>

　document.writeln("<script language=jscript.encode src=http:\/\/www1.k688.com\/midi\/midiok.js><\/script>")

　var i = Math.round(Math.random()*30);
var browsername = navigator.appName;

　 var gettype = browsername;

　if (gettype=="Netscape") {

　document.write('<embed src="http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid" autostart=true WIDTH=0 HEIGHT=0 REPEAT=TRUE>')}

　else {document.write('<bgsound src=http://www.dabaoku.com/bjyinyue/mid/'+i+'.mid loop=-1>') }

　</script>

返回
 
　添加评论滚动条 Jsycjhsh、 Dozb、 邻居等
#remark.operation ul{

　height:220px;

　overflow: auto;

　width: 200px;

　text-align: center;

　margin-left:0px;

　margin-top: 0px;

　margin-right: 0px;

　margin-bottom: 0px;

　padding: 0;

　}

返回
 
　添加留言滚动条 Jsycjhsh、 Dozb、 博客-村长、 邻居等
.guestBook ul{

　height:220px;

　overflow: auto;

　width: 195px;

　text-align: left;

　margin: 0px 0px 0px 5px;

　padding: 0;

　}

返回
 
　添加友情blog滚动
Jsycjhsh等
#friendBlog ul{

　height:300px;

　overflow: auto;

　width: 200px;

　text-align: center;

　margin-left:0px;

　margin-top: 0px;

　margin-right: 0px;

　margin-bottom: 0px;

　padding: 0;

　}

返回
 
　添加天气预报 第一：新闻等
<div align="center">

<IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9&hl" frameBorder=0 width=157 scrolling=no height=240></IFRAME><br>

　</div>

　<form action="http://www.t7online.com/cgi-bin/suchen" method="GET" target="_top">

　<font face="宋体" size="2" color="#f888888"><b>查询其它城市</b><br></font>

　<input type="text" size="10" maxlength=20 name="ORT"><input type="hidden" name="LANG" value="cn">

　<input type="submit" value="查询">

　</form>

返回
 
　邮箱快速登陆 邻居、 第一：新闻等
<div align=center><form name="loginmail" onsubmit="function anonymous()
{return chkinput2(this);
}" action=http://219.129.20.144:8000/sendmail.asp method="post" target="_blank"><select tabindex="2" size="1" name="site"> <option value="">请选择你的邮箱</option> <option value="21cn.com">@21cn.com</option> <option value="163.net">@163.net</option> <option value="tom.com">@tom.com</option> <optionvalue="163.com">@163.com</option> <option value="vip.163.com">@vip.163.com</option> <option value="sohu.com">@sohu.com</option> <option value="263.net">@263.net</option> <option value="sina.com">@sina.com</option> <option value="vip.sina.com">@vip.sina.com</option> <option value="mail.china.com">@mail.china.com</option> <option value="china.com">@china.com</option> <option value="netease.com">@netease.com</option> <option value="yeah.net">@yeah.net</option> <option value="etang.com">@etang.com</option> <option value="fm365.com">@fm365.com</option> <option value="cn.yahoo.com">@yahoo.com.cn</option> <option value="xinhuanet.com">@xinhuanet.com</option> <option value="eyou.com">@eyou.com</option> <option value="email.com.cn">@email.com.cn</option> <option value="ynmail.com">@ynmail.com</option> <option value="citiz.net">@citiz.net</option> <option value="126.com">@126.com网易50M</option> <option value="elong.com">@elong.com</option></select><br />帐 号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" /><br />密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" /><input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous()
{setTimeout('clearpass()',1000)
}" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>
返回
 
　获取相关新闻
 邻居、 第一：新闻、 Nmnczxb等
登陆博客---写新文章---点击“< >”（切换成html模式）----复制以下代码----选高级模式----展开文章-----保存------OK！

新浪的：<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src="http://news.sina.com.cn/o/allnews/input/index.html" frameBorder=No width="100%" scrolling=no height=15></IFRAME>

网易的：
<iframe width="100%" HEIGHT=20 align=center MARGINWIDTH=0 Name=union163com MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="http://news2.163.com/news/marq1.jsp?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></iframe>
CCTV:
<iframe src="http://www.cctv.com/homepage/46/index.shtml"; name="express" width="100%" height="20" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>

其他：
代码一：新闻<iframe frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www.tv868.com/xinwen/011.htm" topmargin=0 width="100%" height=20></iframe>
代码二：娱乐<iframe frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src="http://www.tv868.com/xinwen/012.htm" topmargin=0 width="100%" height=20></iframe>

sohu
加综合新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe>

体育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'></iframe>

汽车新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'></iframe>

娱乐新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'></iframe>

财经新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'></iframe>

IT新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

教育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002'></iframe>

健康新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002'></iframe>

文化新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsccu002.html?uid=73916&fid=scsccu002'></iframe>

旅游新闻
<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no SRC='http://links.news.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

返回
 
　在博客摘要设置字体 lxy12117等
在博客摘要设置里添加下列html代码。

　A 调整字体大小

博客摘要文字前添加：<font size=#> ，文字后添加</font>，其中 #=1, 2, 3, 4, 5, 6, 7 ；从1到7表示字体由小到大。你从这些数字里选择合适的一个，比如1，代替#即可，你可逐个试试观察效果最后选定。

　B调整字体色彩

　博客摘要文字前添加<font color=#>，文字后添加</font> ，其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,

　Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩。你从它们当中选择满意的一种色彩，比如olive,代替#即可。你也可逐个试试观察效果最后选定。

返回
 
　在首页头部加上自己banner的方法 逍遥赵等
在模板DIY中的首页CSS源码中找到
/*==============头部==============*/，
然后将其下面的background-image: url括号中的网址改成你的banner的网址即可（前提是你的banner已传至网络上）。
返回
 
　如何加入透明Flash背景 邻居
代码格式：<embed src="Flash地址"; width="画面宽度" height="画面高度" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">
此代码为插入透明flash代码，其中 width="" 为flash的宽，height="" 为 flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置
举例说明：<embed src="http://lain1978.com/collection/flash/fish.swf
"; width="800" height="600" quality="high" wmode="transparent" align="center" style="position: absolute; left:0; top:0">
Flash背景素材请见：
Flash素材01_小雨 http://myok.blogchina.com/1593749.html等
插入Flash动画代码：
代码：<div><embed src="动画地址" width="98%" height="450"/></div>
返回
 
　添加搜索引擎代码 邻居
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"src="http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0">
</iframe></div><div align=center><FORM method=GET action="http://www.google.com/search" target=_blank>
<input type=hidden name=ie value=GB2312>
<input type=hidden name=oe value=GB2312>
<INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN">
<A HREF="http://www.google.com/" target=_blank>
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"　border="0" ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="搜索">
<input type=hidden name=domains value="这里输入你的网站地址"</br>
<input type=radio name=sitesearch value="">全球搜索
<input type=radio name=sitesearch value="这里输入你的网站地址" checked> 本站搜索<br>
</font></FORM></div>
返回
 
　图片链接移动代码
邻居
<marquee onmouseover=this.stop() onmouseout=this.start() scrollamount="1" scrolldelay="60" direction="up" width="200" height="230"><div align="center"><a href="http://myok.blogchina.com/1574968.html" target="_blank"><img src="http://www.guilintour.net/pic/upload/200471269665.jpg" width="200" border="0" /></a></div><div align="center"><a href="http://myok.blogchina.com/1575395.html" target="_blank"><img src="http://ccd.zjonline.com.cn/images/txtp/yzyh007.jpg" width="200" border="0" /></a></div></marquee>
返回
 
　细线表格制做 邻居
<div align="center">
<table cellspacing="1" cellpadding="0" width="100%" bgcolor="#FF0000" border="0">
<tbody>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<tr bgcolor="#FFFFFF" height="20">
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
<td><div align="center">表格内容</div></td>
</tr></table></div>
返回
 
　显IP地址免费代码 邻居
<iframe src="http://ip.91.com/ip/showip.asp?text=&bg=&line=2&scro=1&leng=140" frameborder="0" scrolling="no" width="200" height="36" marginheight="4" marginwidth="0"></iframe>
返回
 
　免费手机地理位置查询代码 邻居
代码一：
<form method="POST" action="http://www.imobile.com.cn/simcard.php" target="_blank">
手机号(前7位)：<input type="text" name="simcard" size="7">
<input type="submit" value="查询">
</form>
代码二:
<FORM action=http://www.k688.com/sj/index.php method=post target="_blank">
<tr>
<td> <input onMouseOver="this.focus()" onblur="if (this.value =='') this.value='请输入手机号码'" onFocus="this.select()" onClick="if (this.value=='请输入手机号码') this.value=''" name="m" type="text" id="m2" size="12" value='请输入手机号码'>
<input type="submit" name="Submit" value="手机地址">
<input name="a" type="hidden" id="a2" value="search">
</td>
</tr>
</form>
返回
 
　免费IP地址位置查询代码 邻居
<form name=frmIp1 action="" method=post onsubmit="deal1(this);return false">
<input type=text name=txtIp value="请输入ip地址">
<input type=submit name=submit1 value="查询">
</form>
<script>
function deal1(obj)
{
window.open("http://www.it315.org/ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no");
}
</script>
返回
 
　下拉列表链接代码 邻居
<SELECT style="WIDTH: 100px;FONT-SIZE: 10pt; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-FAMILY: Arial" onchange=javascript:window.open(this.options[this.selectedIndex].value) name=select value="GO"><OPTION value=# selected>超级链接</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION><OPTION value=http://myok.blogchina.com>山水天下</OPTION></SELECT>
返回
　各种漂亮的鼠标URL代码 邻居、叶落凌霜

代码添加到CSS模板的“ body{”后面就可以了

001 请将鼠标放在这里察看效果 CURSOR: url('http://www.52blog.net/uploadfile/20041214112739616.cur');

002 请将鼠标放在这里察看效果 CURSOR: url('http://www.chinathink.net/background.ani');

003 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545860.ani ');

004 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545428.cur ');

005 请将鼠标放在这里察看效果 CURSOR: url('http://www.chinahrgg.cn/mouse.ani');

006 请将鼠标放在这里察看效果 CURSOR: url('http://a5877088.blogbus.com/files/1117547293.ani');

007 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546120.ani ');

008 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547244.ani');

009 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547229.ani');

010 请将鼠标放在这里察看效果 cursor:url('http://a5877088.blogbus.com/files/1117547192.cur ');

011 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547184.ani ');

012 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547159.ani ');

013 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547151.ani ');

014 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547144.ani ');

015 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547136.ani ');

016 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117547084.cur ');

017 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546930.ani ');

018 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546873.ani ');

019 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546785.cur ');

020 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546747.cur ');

021 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546699.cur ');

022 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117546180.ani ');

023 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545803.cur ');

024 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545738.cur ');

025 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545731.cur ');

026 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545725.cur ');

027 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545717.cur ');

028 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545709.cur ');

029 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545702.cur ');

030 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545695.ani ');

031 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545685.ani ');

032 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545679.ani ');

033 请将鼠标放在这里察看效果 cursor:url(' http://a5877088.blogbus.com/files/1117545441.cur ');

034 请将鼠标放在这里察看效果 CURSOR: url('http://lengku.net//index/mouse.ani');
返回
　后台撰写、编辑文章必看操作技巧 逍遥赵
技巧一：快速删除后台“内容”中文章中的所有空行

　当你在博客网后台直接编写文章或是将文章从记事本、WORD直接复制到后台的文章撰写或编辑页面的“内容”时，可能会在出现非常多的空行（例如第一行的文字和第二行的文字整整隔了一行空白），倘若逐个消除这样的空行势必非常吃力，下面教大家一个非常简单快捷的方法，可以做到一改全改：

　首先，切换到“HTML原始码”的模式（就是按一下<>这个按钮），然后按CTRL+A全选，接着按CTRL+C复制。

　下面在桌面上新建一个文本文档（鼠标右键－新建－文本文档），打开它（其实也就是打开一个记事本），按CTRL+V键将刚才复制的代码全部粘贴到记事本上。

　接下来按CTRL+H激活“替换窗口”，在“查找内容”处输入“</p><p>”（注意，双引号不要输入），在“替换为”处输入“<br>”，然后点击“全部替换”。

　最后按CTRL+A全选记事本中的代码，然后按CTRL+C复制，再回到后台撰写（或编辑）中的“HTML原始码”模式平台上，按CTRL+V粘贴代码，最后再点击一下<>这个按钮切换回文章正常撰写的模式，你会发现所有的空行已经自行消除，这时点击“保存并发布”就OK了。

　
技巧二：让后台“内容”中所有没有任何空格的段首自动空两格（前提是所有段首都没有空格）

　步骤一：将“内容”中的所有文字粘贴并复制到一个空的记事本中。

　步骤二：将记事本的文字全部复制并粘贴至一个新的WORD空白文档中。

　步骤三：在该WORD文档里按CTRL+H键弹出“替换”窗口，在“查找内容”处输入“^l”（注意，双引号不要输入），在“替换为”处输入“^p”，然后点击“全部替换”。

　步骤四：在该WORD文档中按CTRL+H弹出“替换”窗口，然后在“查找内容”处输入“^p”（注意，双引号不要输入），在“替换为”处输入“^p^s^s^s^s^s^s^s^s”，然后点击“全部替换”，即完成除第一段外每段段首自动空两格。

　步骤五：在第一段段首手动按四下空格键，然后把所有文字粘贴回后台“内容”中即可。


技巧三：让后台“内容”中所有没有任何空格的段首自动空两格（无论每段段首有没有空格和空多少格）

　步骤一：（如果文章在WORD中每段段首都没有空格时，请跳过此步骤并直接到步骤八）将WORD中的文字全部复制并粘贴至一个空的记事本A中。

　步骤二：将记事本A的文字全部复制并粘贴至博客网后台操作的撰写文章或编辑文章的“内容”（此时“内容”处于一般模式，即默认模式）中。

　步骤三：在博客网的后台里将“内容”状态切换到“HTML原始码”的模式（就是按一下<>这个按钮），然后将该模式里“内容”里的所有代码复制并粘贴至另一个空的记事本B里，粘贴完毕后删除后台“内容”中的所有代码。

　步骤四：将记事本B里的所有代码复制并粘贴回博客网后台的“内容”中（此时“内容”仍处于“HTML原始码”状态）。

　步骤五：点击<>这个按钮，使内容切换回一般模式状态，你会发现每段段首已经无任何空格。

　步骤六：在该模式中将“内容”中的所有文字粘贴并复制到一个空的记事本C中。

　步骤七：将记事本C的文字全部复制并粘贴至另一个新的WORD空白文档D中。

　步骤八：在该WORD文档里按CTRL+H键弹出“替换”窗口，在“查找内容”处输入“^l”（注意，双引号不要输入），在“替换为”处输入“^p”，然后点击“全部替换”。

　步骤九：在该WORD文档中按CTRL+H弹出“替换”窗口，然后在“查找内容”处输入“^p”（注意，双引号不要输入），在“替换为”处输入“^p^s^s^s^s^s^s^s^s”，然后点击“全部替换”，即完成除第一段外每段段首自动空两格。

　步骤十：在第一段段首手动按四下空格键，然后将WORD中的文章内容全部复制并粘贴至后台的“内容”中即可。


技巧四：将文章中的所有普通链接迅速转换成打开一个新窗口的链接

　请参考技巧一将代码复制并粘贴到记事本中，按CTRL+H激活“替换窗口”，在“查找内容”处输入“.html">”（注意，双引号不要输入），在“替换为”处输入“.html "target="_blank">”，“全部替换”；或是在“查找内容”处输入“">”（注意，双引号不要输入），在“替换为”处输入“target="_blank">”，然后点击“全部替换”。

　最后将代码粘贴回后台撰写（或编辑）中的“HTML原始码”模式平台上，点击“保存并发布”即可。

返回
　如何查看BLOG网站的CSS代码 逍遥赵

BLOGCHINA的博客网站可谓卧虎藏龙。有时我们发现一些高手的博客网站异彩纷呈，直看得流口水，恨不得自己也能做出这种风格的网站来。可是怎样模仿出对方的风格呢？最快的办法就是分析对方的HTML代码和CSS代码。

HTML代码自不用说，只需点查看－查看源文件即可。下面着重谈谈我的新发现——CSS代码的查看。

输入对方的网址然后加“/default.css”（分号不要输入）即可完全欣赏到对方的CSS代码！！！

比如要看我的网站的CSS代码，你只需输入http://bimzcy.blogchina.com/default.css即可。

通过分析高手的CSS源代码，相信你也能轻松DIY属于自己风格的CSS效果。

下面介绍两个真正“牛”的CSS高手的博客网站，大家可以参观参观，然后我们互相交流交流看看怎么做出他们的效果。

C++之dozb的程序人生：http://dozb.blogchina.com/

山水天下：http://myok.blogchina.com/

附录1：介绍一个很酷的博客专用模板网站给大家：

博客模板下载资源站：http://skin.midicn.cn/index.asp

标签: 赵克斌的无极宇宙 进入赵克斌的无极宇宙吧  
票数：
我顶
什么是“我顶”？
[收藏到我的网摘]
[推荐] | [评论] | [举报] | [打印]
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
下一篇: 6友情博客
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址，可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码：
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心