百度空间怎么做下雨的特效。CSS编辑的那种。

html-css017

百度空间怎么做下雨的特效。CSS编辑的那种。,第1张

楼主你好,很高兴为您解答!

如果您想要将下雨的图片放在空间头部图片位置,就在头部图片代码中加入此代码

/*标题栏*/

#header{height:508pxbackground:url(图片地址) no-repeat}这是模板头部图片

#header DIV.lc {}头部图片左边图片

#header div.rc{BACKGROUND: url(图片地址) repeat:} 头部图片右边图片

在这里的一左一右插入下雨的图片都可以

如果你是要在模板背景插入图片,这一句就可以了

body{background:url(图片地址) repeat}

百度空间教程---『查看别人的CCS代码』看见别人的空间做的很漂亮,是不是很羡慕啊?你也可以做一个和别人差不多的~方法如下:进入你想查看的空间,查看其源文件,然后"CTRL+F"查找link,查如下一句话:这是我空间的源代码,把兰色的内容复制到我空间的地址以后,就可以查看到我的CCS内容了!也就是http://hi.baidu.com/lvcha20/css/item/e474f1d3c40604dfa9ec9abc.css别人空间方法也是如此~此方法仅用于借鉴及参考,不得用于抄袭!百度空间教程---『更改空间的鼠标样式』body{background:#FFFFFCURSOR: url('http://webme.bokee.com/inc/mouse028.cur')}a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse031.ani')}你试着把这两行东西放在CSS编辑情况下 并替换掉第一 二行你要你的那个URL的鼠标 就把上面的地址替换掉一个第一个URL的代码是空间鼠标 第二个则是点击内容时变化的鼠标 02、下面地址中收集了许多鼠标样式,只要用鼠标地址替换上面的地址即可:http://myok.blogchina.com/3429184.html百度空间教程---『让自己的空间下雨』许多好友问怎么制作下雨效特效的?其实很简单操作如下首先打开(直接编辑CSS文件,实现个性化效果--开始自定义)按钮进入编辑CSS自定义模板找到下列代码modbox{padding:10px 10px 0 10pxbackground: url(加入下面的地圵)}下列地址加入上面css代码最后面的()内

好友们如果感兴趣做一做自已的下雨特效!百度空间教程---『如何在百度空间里添加多首背景音乐』添加一首背景音乐想必大家都知道如何如何操作吧,就是在选中“背景音乐”模块并确定后,自己的空间 主页中将添加背景音乐。其可以支持以下媒体格式:MP3、WMA、WMV、MPG、MPEG、AVI、SWF、WAV。提示:背景音乐正常播放需操作系统中装有MS的Windows media player。点击“编辑内容”链接填入音乐地址,选择播放的形式即可。下面开始介绍添加多首背景音乐的方法:虽然看起来比较长,但其实很简单,只要一步步照做就是了。注意:此方法只支持mp3文件格式1,在网络上找到你要添加的背景音乐的网络地址;个人推荐使用百度的mp3搜索2,将找到的音乐地址保存在一个记事本中,如图:每一个音乐地址一行,音乐数量没有限制,但要保证音乐地址都有效啊,所以这些音乐地址首先还是在本地测试一下吧。3,保存修改过的记事本文件,比如保存为11.txt ;4,修改刚才保存的记事本文件的文 件名,把文件的扩展名.txt 改成 .mp3 ,即把11.txt 改成 11.mp3 , 然后确定;5,把修改后的mp3文件 上传到网络中,并取得上传以后的网络地址,如:http://www.topjj.com/11.mp3 介绍一个不错的上传空 间:999KB随便传,http://www.999kb.com/ ,上传之后他会自动生成文件地址;6,,编辑背景音乐,把 上传后的网络地址输入到背景音乐设置中点击确定,大功告成。然后就去你的空间首页看看效果吧。在空 间首页的音乐播放器上点击快进键,看看是不是转到下一首歌曲了呢?百度空间教程---『设置透明背景图』1.进入你的空间----|设置|----|模板设置|-----自定义模版CSS可以让您: • 直接编辑CSS文件,实现个性化效果----|编辑|2.删除开头处的4句语句:body{background-color:#FFFFFF}#header{height:89pxbackground:#CDF991}#header div.lc{}#header div.rc{background:url(http://img.baidu.com/hi/temp9/hdr.jpg) no-repeat top right}3.删除第21行处的这条语句:.stage{background:#DFFFB2}4.在开头位置复制并粘贴以下语句:body {background:url(

) repeat fixed!important}#m_pro{background:transparent}#m_album{background:transparent}#m_blog{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}#header{height:89px}#m_links{filter:alpha(opacity=80)-moz-opacity:0.8width:auto !importantwidth:100%}5.按|保存并应用|退出

这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式,包括下雨,闪电,白天,夜间和下雪。卡片使用扁平化风格,并使用CSS3帧动画来制作各种动画效果。

制作方法

HTML结构

该特效的HTML结构采用无序列表的HTML结构,其中每一个li.card元素代表一种卡片。

<ul class="card-list">

<li class="card">

<div class="card-color color-rain">

<div class="rain"></div>

</div>

<div class="card-info">

<p>63 ℉</p>

<p>low of 61 ℉</p>

</div>

</li>

......

</ul>

复制代码

CSS样式

首先给卡片一些基本样式。

.card {