找了好久的代码,真的把我累苦了
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→找了好久的代码,真的把我累苦了

找了好久的代码,真的把我累苦了
找了好久的代码,真的把我累苦了
 
 
范冰冰
 
 美化博客教程_DIY模板

制面板里面的【个人首页维护】,选择【维护首页内容】
选择【自定义空白面板】
在编辑的时候请记得钩选“显示源代码”
再填入以下代码:
<DIV align=left><IMG src="显示在面板里的图片"align=left></DIV>
<STYLE type=text/css>
body
{background:url(背景图片) repeat scroll!important;}
.logo
{background:url(题图上) no repeat no scroll!mportant;}
.banner
{background:url(题图下) no repeat no scroll!mportant;}
</STYLE>
就可以实现自定义模板。

加入透明Flash背景

 代码:

embed src=httpimgfree.21cn.comfreeflash3.swf; width=800height=600 quality=high wmode=transparent align=centerstyle=position absolute; left0; top0
其中,embed src=Flash地址; width=宽度 height=高度 ,left为从左向右移的位置,top 为从上向下移的位置 .
Flash背景素材在很多网站有,大家可以按自己的喜爱去找来用

 

embed src=http://cd721.com/daima/8.swf , width=800 height=600quality=high wmode=transparent align=center style=positionabsolute; left0; top0

晃来晃来晃去代码:

<MARQUEE scrollAmount=2behavior=alternate>非要晃的文字

</MARQUEE>   

MARQUEE>是代码,SCROLLAMOUNT是速度,BEHAVIOR是效果,它们是<MARQUEE>代码里的定义

改变里面SCROLLAMOUNT=后面的数字,看有什么效果,因为是晃来晃去的,只用效果定义BEHAVIOR=ALTERNATE就够了。如果是滚动,效果定义就变成BEHAVIOR=SCROLL。既然滚,得滚得有方向感吧,所以自然跟进来DIRECTION定义,UP就往上走,DOWN自然往下了,LEFT左,RIGHT右,WELL,DUH!其他还有滚动范围,文字颜色,滚动背景颜色。。。让你"滚"得有个性,"晃"得有特点!

在编辑文字时,首先将“显示源代码”项打“√”。

进入HTML语法编辑模式后,将下列语法粘贴至你的编辑页面内顶端

<div style="width: 150; height: 205" align=right>
<IMG src="背景图片链接地址" align=right>
<div style="float: right" align=center>
<p align="center"><font face="Times NewRoman">你的日志文字</font>
</div>

滚动字幕和滚动图片

特效的代码是:

<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270height=77>诗:飞<BR>飞啊<BR>飞啊<BR>飞啊<BR>天天都在飞啊<BR>飞完还飞<BR>飞完还飞<BR>飞完还飞...</MARQUEE>

改变其中的字即可.<br>是换行的意思.~~要使用原码编辑
从上往下滚把direction=up改成direction=down,scrollDelay=77是速度。

滚动图片的代码是:
<MARQUEE scrollAmount=1 scrollDelay=1 direction=up width=200height=230>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV>
<DIV align=center><IMG src="图片地址" width=200border=0></DIV></MARQUEE>
其中一个<div...>....</div>为一个单元,想添加更多图片滚动可以复制,格式很清楚了,但是


多了会影响速度。 
  滚动字幕

<DIValign=center>
<DIV style="OVERFLOW: auto; WIDTH: 159px; HEIGHT:145px">
<MARQUEE class=p131 scrollAmount=1 scrollDelay=60 direction=upheight=145 onmouseover="this.stop()" onmouseout="this.start ()"align="left" WIDTH: 200px;>
<P align=left><FONT size=3>文字</FONT></P></MARQUEE>
做法:先新建一在空白面版,然后把下面的"显示源代码"打上钩,再把代码放进去,去掉钩,就可以看到效果,然后保存 

浮动挂件的代码格式
 

左侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none;FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-970);BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:absolute; ; TOP:expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500);TEXT-ALIGN: center"><IMG src="图片URL地址"border=0></DIV>
 
右侧代码:
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none;FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-110);BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION:absolute; ; TOP:expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-500);TEXT-ALIGN: center"><IMG src="图片URL地址"border=0></DIV>


插入挂件插入挂件

代码如下

DIV style=RIGHT 0px; POSITION absolute; TOP 200px align=rightIMGstyle=FILTER FlipH src=你的图片地址 align=rightDIV

需要注意的是这个代码是带滤镜效果的,就是说会将图片反过来,看我博客右边的蝎子,以前在QQ空间里是向左的,但是带了滤镜效果后就像照了镜子,被翻了过来.

如果不想带滤镜,那么将代码里的style=FILTERFlipH这段代码去掉就可以.代码里的所有RIGHT是管挂件在左或右的,全改LEFT或RIGHT就可以了.TOP200PX管上下位置.

使用方法与背景音乐,鼠标的方法一样,控制面版,新建空白版,勾上源代码,复制进去代码,确定.再添加进首页,调整位置,OK了!

 

实现效果:首页两边空白区域(或任何区域)出现动态图片(静态的当然也可以)。
 
具体操作如下:
1. 新建空白面板(也可以使用主页上现成的面板);
2.在面板内编写如下标签内代码(当然要先点选下面的显示源代码); 
--------------------------------------------------------------------------------

左侧图片代码:
IMG style=LEFT 5px; POSITION absolute; TOP 10px src=图片URL地址align=left
 
右侧图片代码:
IMG style=RIGHT 5px; POSITION absolute; TOP 10px src=图片URL地址align=right 
--------------------------------------------------------------------------------

参数说明:
 
左侧图片:
LEFT5PX---------图片距离左面屏幕边缘的距离。一般选择0~10之间的数值,具体根据图片的宽度以及自己想要放置的位置而定。
TOP10PX----------图片距离上面屏幕边缘的距离。具体根据自己想要放置的位置而定。
 
右侧同理。
 
当然,可以同时添加多幅图片,让它们不重叠,只要更改几个参数即可。
如果要在每一侧添加多个图片,以次根据图片的大小,将下一个图片的TOP参数改大即可。
为了保证显示速度,所用图片推荐使用系统内部的或稳定空间的图片。
 
添加好代码后保存面板------选取该面板-----保存设置。

--------------------------------------------------------------------------------

以上代码参考了:httpblog.sina.com.cnu474ce3d8010000xw(旺言说事) 
 
--------------------------------------------------------------------------------

博客插入播放器

插入播放器

(大小可以改.loop=trueautostart=true是循环和自动播放,如果不愿意就把ture改为false)
EMBED src=音乐连接地址 width=168 height=63 type=videox-ms-wmvloop=true autostart=true

如何在您的BloG中添加背景音乐

1、进入控制面版

2、进入首页内容维护

3、点击公告栏设置

4、在“显示代码”前,选打“√”

5、输入公告标题

6、在公告简介中,输入以下代码:

embed src=音乐链接地址 width=180 height=45type=audiompeg loop=true autostart=false
支持的音乐格式 wma mp3 rm ra ram asf mid.

将其中的“音乐连接地址”换为您想选取歌曲的地址即可。

 

注:

width 播放器显示的宽度

height 播放器显示的高度
autostart=true 自动播放

autostart=false 手动播放
loop=true 循环播放

loop=false 单次播放
如loop=5 音乐循环播放5次,依此类推

最新:
1、建立一个空白面板
2、按显示源代码
3、在DIVDIV之间输入
embed src='你的音乐文件的地址' width=200 height=200 autostart=trueloop=trueembed
(如果不想让播放器出现,那么可以改成width=0height=0 
autostart=“true”时为自动播放,autostart=“false”为不自动播放。 
loop=“true”为连续循环播放,loop=“false”为不循环播放。 
loop可以等于一个整数,比如loop=5,就是音乐循环播放5次)

 

所属分类:建站指南代码特效    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航