• 打造自己的涂鸦板,好眩~的博客,blog必备啊~



    如果你是懂html语言的,那么下面的东西,你就不用看了。所有代码我已经自己经过了调试,全部可用。

    【1】 Flash代码
    将网上的FLASH应用到博客,如果要插入普通Flash,则用第1条代码; 如果要插入透明Flash,则用第2条。

    <embed src="http://你的Flash地址" width=330 height=280>

    <embed src="http://你的透明Flash地址" wmode=transparent style="position: absolute" width=330 height=280>

    这里的width=330 height=280 表示宽度和高度,下同。

    【2】背景音乐代码
    代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址

    显示播放器:
    <EMBED SRC=http://你的音乐地址>

    不显示播放器:
    <EMBED autostart="true" SRC=http://你的音乐地址 width="0" height="0" loop="999">

    贴rm,ra,ram类型的音乐,代码如下:
    <embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="http://音樂源地址">

    播放.Avi.Mpg格式的音樂:
    <embed src="http://音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"></embed>

    播放.Mp3.Mov格式的音樂:
    <embed controller="true" width="200" height="20" src="http://音樂源地址" border="0">

    贴midi,asf,wma,asx类型的音乐 ,代码如下:
    <embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="音樂源地址">

    【3】视频MTV代码
    代码中的视频文件地址就是网上以.rm/.wmv结尾的网址

    <embed SRC=http://视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=210 WIDTH=290 AUTOSTART=true loop=true>

    height=210 width=290 表示播放器大小
    autostart=false 表示是否自动播放 false 否 ture 是
    loop=false 表示是否重复播放 false 否 ture 是

    【4】电台代码
    代码中的电台地址就是网上以.asp结尾的网址
    <embed SRC=http://电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true>

    【5】修改文字的字体/颜色/大小

    只修改字的颜色:
    <font color=#ff0000>要修改字体和颜色的字</font>
    color用来设置文字的颜色。
    好看的字体颜色有:#ff1493 #228b22 #4169e1 #9400d3 #ff0000 #daa520 #00ccff #ccccff #cc99ff #993399

    只修改字的大小:
    <font size=5>要修改字体和颜色的字</font>
    size用来设置文字的大小。
    数字的取值范围从1-7,size取1时最小,取7时最大。

    只修改字的字体:
    <font face=华文行楷>要修改字体和颜色的字</font>
    face用来设置字体。如黑体、宋体、楷体_GB2312、仿宋_2312等等。

    同时修改字的字体,大小,颜色:
    <font face=华文行楷 size=5 color=#ff0000>要修改的文字</font>
    其中,<font size=数字 face=字体名 color=颜色>要修改的文字</font>

    【6】艺术字代码
    发光文字代码:
    <table style="FILTER: glow(color=#6699FF,direction=2)"><font color=#ffffff size=2>要修改的文字</font></table>

    其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原字体的颜色。

    浮雕的文字:
    <table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>要修改的文字</font></table>

    其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,font color是原字体的颜色。

    阴影的文字:
    <table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>要修改的文字</font></table>

    【7】插入表格
    <table border="2" width="340" bordercolor="#0000FF" bgcolor="#COCOCO"><tr><td width="100%"><p align="center"></td></tr></table>

    border:边框大小,0为不显示边框
    bordercolor:边框颜色
    bgcolor:表格背景颜色
    tr:添加行
    td:添加列

    【8】插入超链接
    请注意:如果该链接为恶意链接的话,腾讯会自动屏蔽,请大家不要乱用
    <a href="http://你要链接的地址" target="_blank">文字说明</a>

    【9】空间友情连接拉链连接代码
    <select name='FriendSite' onchange="if(this.options[this.selectedIndex].value!=''){window.open(this.options[this.selectedIndex].value,'_blank');}" size="1" style="border-style: dashed; border- 1px"><option value=''>文字友情链接</option><option value="站点地址1">站点名1</option><option value="站点地址2">站点名2</option></select>
    关键代码,一直增加以下内容就可以了。
    <option value="站点地址">站点名</option>
    效果:文字友情链接碧云轩-QQ家园QQ下载QQ表情

    【10】滚动字代码
    1.建立第一个滚动字幕。代码:
    <marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">碧云轩-QQ家园</marquee>

     2.各参数详解:
    a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
    b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
    c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
    d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
    e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

    3.实例:
    a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=鹿泉论坛>和</a>就可以了。代码是:
    <marquee scrollAmount=2 width=300><a href=http://qqjia.com>鹿泉论坛</a></marquee>
    效果:
    鹿泉论坛

    b)当鼠标停留在文字上,文字停止滚动代码:
    <marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>鹿泉论坛</marquee>
    效果:
    鹿泉论坛

    c)交替效果。代码如:
    <marquee scrollAmount=2 width=150 behavior=alternate>鹿泉论坛</marquee>
    效果:
    鹿泉论坛

    d)多行文本向上滚动。代码如:
    <marquee scrollAmount=2 width=300 height=50 direction=up>·早晨好啊!<br>·空气好清新啊<br><a href=http://qqjia.com>鹿泉论坛</a></marquee>
    效果:
    ·早晨好啊!
    ·空气好清新啊
    鹿泉论坛
    e)改变滚动字幕的颜色?可以用样式表来控制。代码是:
    <marquee scrollAmount=2 width=300><a style=color:CC6600>鹿泉论坛</a></marquee>
    效果:
    鹿泉论坛
    【11】  添加天气预报

    添加天气预报像添加其他效果一样简单,就是一段简单的代码,
    程序和添加其他的完全一样

    新建空白面版,点击显示代码,插入以下代码即可。
    <IFRAME src="
    http://weather.qq.com/inc/ss125.htm" frameBorder=0 width=200 scrolling=no height=240></IFRAME>


    【12】  添加钟表

    新建立一空白公告栏或者空白面板,作为放钟表的地方。

    和插入FLASH代码一样,把以下代码插入空白面板中(切换到“显示源代码”状态,把以下代码插入<DIV></DIV>之间)。同样,把标明红色的链接地址换成我下面介绍的钟表地址(点开以下每个链接地址,地址栏中重新显示的地址才是)就可以了。
    <EMBED style="WIDTH: 200px; HEIGHT: 150px" pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=http://51888.com.ru/flash/clock/34.swf width=188 type=application/x-shockwave-flash quality="high">

    红色的地方就是你钟表的连接地址。
    http://lizi50.dnsmy.com/shizhongku/Clock5.swf
    http://lizi50.dnsmy.com/shizhongku/Clock8.swf
    http://lizi50.dnsmy.com/shizhongku/Clock92.swf

    网址最后面的数字5,可以调到100多,也就是说100多种风格,自己去选择喜欢的吧,选好了,把网址复制进代码里就OK了。


    【13】添加首页导航栏相片

    对于还有其他更简单的方式我就不清楚了,虽然我不是学习网页制作的,但我是在Dreamweaver里面找到了代码,其实也很简单。下面是两个代码,第一个是不带超级联接的,第二个是带超级连接的,就是点击相片可以到代你指定的网址。个人首页维护,空白面板编辑,新增,起一个名字,显示代码,复制<body><img src="你的相片地址" width="180" height="260"></body>带连接,步骤同上。
    <body><a href="指定连接地址"><img src="相片地址 " width="180" height="270" border="0"></a></body>设置完了,别忘记在定制我的首页里面添加和移动到你满意的位置。
    width = 是指宽度,180正合适。
    height =是高度,这个根据你的相片自己处理而定。

    【14】 添加特效鼠标效果

    1、建立空白面板或在已建立的新面板上(如:背景音乐、滚动图片等),
    加进去即可,建议用第二种,因为前一种还要在空白面板上打字,比较麻烦。
    2、输入下列代码:
    <STYLE type=text/css>
    a:hover {cursor:url('http://bbs.lqcn.cn)}
    BODY {cursor:url('http://bbs.lqcn.cn')</STYLE>
    第一个连接为:链接状态的鼠标地址.
    第二个连接为:查看文本状态的鼠标地址.
    3、'http://bbs.lqcn.cn'是你存放鼠标指针的网络地址。
    4、点击这里
    http://myok.bokee.com/2081936.html有很多鼠标样式,可以直接复制网址。


    【15】添加公告栏滚动效果

    其实很简单,到个人首页维护里,编辑我的公告栏,点显示代码。
    把以下代码放入:<DIV></DIV> 放在这个之间。
    <MARQUEE style="WIDTH: 218px; HEIGHT: 86px" scrollAmount=1 scrollDelay=77 direction=up width=218 height=86 onmouseout="this.start()" >各位博友大家好 <BR>欢迎来到本博客 <BR>如有问题请直接给我留言 <BR>我会尽力给大家一一解答</MARQUEE>

    当然里面的字是可以随意修改的,新起一行必须加上<BR>,大家可以直接复制过去使用,然后修改里面的文字就是了。


    【16】.添加文章中相片

    1.   其实很简单,不过新朋友可能找起来比较难。在发表文章的文字编辑区的最下面的左侧有个:图片剪切板 (点击标题栏打开)。然后点一下,出来浏览的字样,点一下,在自己电脑上找到图片的位置,把想发的图片都点了以后,点发表文章就可以了。你可以预览一下,可以调整代码的位置,调整代码,同时就是调整相片。


    【17】添加flash背景效果

    这个特效如我博客所示:不断有大片小片叶子从顶端落下。

      做法如下(只适用于新浪博客): 建立空白面板

       在“显示源代码”状态下,把如下代码加入<DIV></DIV>中间。
    <TABLE cellSpacing=0 cellPadding=6 width="100%" align=center border=0>
    <TBODY>
    <TR>
    <TD>
    <BLOCKQUOTE></BLOCKQUOTE>
    <CENTER><EMBED style="LEFT: 10px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/131.swf width=700 height=800 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></CENTER>
    <TR></TR></TBODY></TABLE>

     把面板随便插入页面框架左(右)的任何地方。把喜欢的透明特效地址换到上面红色地址处。

    1. 怎么添加背景音乐和视频?
    进入控制面版----首页内容维护----公告栏设置----勾选显示代码(这个是关键)在公告栏编辑区输入以下代码(能正常播放的代码,字体必须为默认字体样式,颜色为黑色,不要擅自添加任何字体特效) <embed src=音乐链接地址 width=0 height=0 type=audio/mpeg loop="true" autostart="false"> 支持的音乐格式: wma mp3 rm ra ram asf mid. width和height为播放器宽度和高度,可以灵活设置,如果播放视频,可以设置到适合的数字.我设的是200和50 autostart="true"为自动播放,autostart="false"为不自动播放. loop="true"为连续循环播放,loop="false"为不循环播放. loop可以等



    如何做鼠标特效

    进入控制面板,点“首页内容维护”,在“自定义空白面板”中,打开一个已经存在的面版,把下面的代码插入到已经存在的代码后面,这样刷新一下,鼠标就有了!
    鼠标代码
    <DIV>
    <STYLE type=text/css>
    a:hover {cursor:url('http://webme.bokee.com/inc/mouse025.cur')}
    BODY {cursor:url('http://webme.bokee.com/inc/mouse092.cur')</STYLE>
    </DIV>
    需要注意的是,最好打开一个已有的面板,钩选显示源代码,把此代码粘贴到后面确定保存就可以了
    这里附上鼠标的样式地址,你可以在这里选择你喜欢的鼠标样式



    一些网页特效的集锦:

    日历代码:
    Twins样式的钟表
           有朋友问Twins样式的钟表怎么弄的,说以前的还是看不明白,其实这个问题以前就说过了,代码也给大家了,但是问的朋友太多了,今天再给大家说具体点,还不会的话我也没有办法了,效果如上图01——08图都不一样,喜欢那种就选哪种吧,我就不一一列举了。
               步骤是:
    1、登录博客
    2、打开控制面板
    3、点开“个人首页维护”里的“定制首页的内容板块”
    4、点击“添加模块”
    5、在“自定义空白面板”中点开“创建新的空白面板”
    6、输入“面板标题”——钟表
    7、将“显示源代码”前的方框点一下
    8、上面的空白处即出现“<DIV></DIV>”
    9、把下面的源码内容完全复制到后面
    <EMBED src=http://www.59178.com/Twins/Twins07.swf width=150 height=150
    type=application/x-shockwave-flash>
    10、点击“保存”
    11、在出现的“系统提示信息”框里点“确认”
    12、“自定义空白面板”里会出现“钟表”标题,在前面的方框中点一下
    13、然后点下方的“选取”
    14、点击“保存设置”
    15、在出现的“系统提示信息”框里点“确认”
    OK!钟表就出来了!
  • 相关阅读:
    I Hate It
    满减优惠[Offer收割]编程练习赛4
    积水的城市 hiho[Offer收割]编程练习赛4
    Subsequence 尺取法
    526. 优美的排列
    401. 二进制手表
    306. 累加数
    216. 组合总和 III
    131. 分割回文串
    ubuntu deepin-软件 分辨率的问题
  • 原文地址:https://www.cnblogs.com/xryyforver/p/1508893.html
Copyright © 2020-2023  润新知