添加音乐类: | 博客-村长、 邻居 等 |
载入音乐 基本语法: <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 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"> 说明:一般用来插入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"> 注解: 表格宽度,接受绝对值(如 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://yuhou.net/build/images/03.cur); 代码三: 代码四: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>标签 说明:在HTML语言中, 代表空格的代码,以上相当于你以代码的形式输入了八个空格。 方法二:登陆你的网站,点击参数设置,然后在博客摘要里将<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; 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; 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; } 这里我们需要修改颜色代码值的属性有两处,一处是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 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: 200px; text-align: center; margin-left:0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; 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 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.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> 旅游新闻 | |
返回 | |
在博客摘要设置字体 | 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://yuhou.net/build/images/03.cur'); 004 请将鼠标放在这里察看效果 CURSOR: url('http://edu.chinaz.com/images/mouse.ani'); 005 请将鼠标放在这里察看效果 CURSOR: url('http://www.chinahrgg.cn/mouse.ani'); 006 请将鼠标放在这里察看效果 CURSOR: url('http://a5877088.blogbus.com/files/1117547293.ani'); 007 请将鼠标放在这里察看效果 cursor:url('http://www.51hongtu.com/mouse.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 附录2:介绍一个比较全面的CSS学习网站: CSS教程教材:http://www.85flash.com/Get/css/ |