- 许多制作blog的人都非常希望自己的blog能与别不同甚至能带点自己的味道:或玩世不恭或小心翼翼或罗曼蒂克...我的...是土八路(这个跳过= =b).所以这次会介绍一些比较能为你的blog增添点特色的CSS代码,5,说什么比较好呢?那就说"接招吧!"
【加入背景图片】
如何加入背景图片呢?加入背景图片又如何控制它的显示方法呢?看下面的CSS代码吧.
在内加入:style="background-image: url(图片地址)"
即:<body style="background-image: url(图片地址)">
background-attachment: fixed
拉动滚动条时背景不动(一般来说都会选择这个,背景图片跟着滚动条跑着实看了很累)
background-repeat:no-repeat
背景图片不重复(对于大的图片来说,改成"repeat"就是重复咯)
background-position:left
固定背景在左边(left可以尝试着替换成right或top left等等,来控制背景图片的显示基准位置)
关于这个基准位置,请参照下面:
background-attachment: fixed 背景固定
background-repeat: no-repeat 背景不重复
background-image: url() 背景图片地址
background-position: right bottom 背景右下角基准对齐
repeat : 背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像在横向上平铺
repeat-y : 背景图像在纵向平铺
background-color:#ffffff 背景颜色
(#ffffff可以替换成其他的十六进制代码,一般是没有背景图片时采用,象我目前的背景就是用#000000)
把改为<body style=background:transparent>把背景透明(这个有点类似透明flash的嵌入)
【如何控制链接方式代码】
在学习这些代码前,先要看明白下面几个关于链接的代码
A:link
设置对象在未被访问前的样式表属性.哦,我希望你看懂了.
A:active
设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。目前IE5.5+仅支持CSS1中的:active。
A:visited
链接在一般情况下的显示状态:比如我的当前页面显示状态就是水红色,当然,还有种情况就是你的客户端计算机已经设置了链接颜色,那我也米有办法啊>///<
学术说法"设置a对象在其链接地址已被访问过时的样式表属性。 IE3将:link伪类的样式表属性作用于visited伪类。默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。对于无href属性(特性)的a对象,此伪类不发生作用。"
A:hover
鼠标移动到超链接上时的显示状态,可以控制鼠标的形状:比如在我的当前页面上,我控制的鼠标移动到超链接上时状态为双箭头.
比较学术的说法为"设置对象在其鼠标悬停时的样式表属性,在CSS1中此伪类仅可用于a对象。且对于无href属性(特性)的a对象,此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。目前IE5.5+仅支持CSS1中的:hover。"
a:focus
这个目前很少看到有人用的代码,如果觉得感兴趣不妨尝试吧!
还是学术说法"设置对象在成为输入焦点(该对象的onfocus事件发生)时的样式表属性。目前IE5.5尚不支持此属性。"
举个最简单的链接例子:
<STYLE type=text/css>
a:hover {cursor:url("http: //***.cur")} //鼠标链接状态图标,一般为.cur格式或.ani格式
BODY {cursor:url("http: //***.ani")} //无链接状态图标.
</STYLE>
a:link {color: #6B3678;
text-decoration: none;}
a:visited{text-decoration: none;
color: #6B3678;}
a:hover{text-decoration: ;//设置下划线或其他文本状态
color: #6B3678;//颜色设置
filter:blur(add="0",direction="90",strength="5");//这个效果目前就是我叶子上的链接效果
background-color:#ffffff;//背景色为白色
height: 0px;//高度,和上面的filter连用后的效果
}
a:active {text-decoration: none;
color: #74AFE9;}
这个是锐锐以前的叶子上关于链接状态和鼠标设定的CSS代码段.放在这里供参考.
【圆角表格制作代码】
是不是看腻了那些表格方方正正的叶子呢?不妨试着做个圆润的可爱表格吧!
<table width="100" cellpadding="0" cellspacing="0">
<tr>
<td>
<fieldset style="width:100"></fieldset>
</td>
</tr>
</table>
第一个WIDTH是指总表格的宽度,然后后一个WIDTH就是指里面圆角表格的宽度。另外,在<TABLE>里加入 bgcolor=颜色代码 可以更换表格的背景色。
可爱的表格学会了吗?
【在页面中新开页面的代码】
<A href="http: //" target=_blank> //加target=_blank这个就能在另外的也面中打开了.
这个用在屡刷不新的blogcn里头非常好用,象你现在点击左边的"GUEST BOOK"那一列都可以重新打开,避免等待和刷新.适用于有多个blog链接的博友.
【背景音乐每次刷新都可以自动更换】
是不是觉得你的叶子太安静了呢?不妨用音乐来是你的blog更加丰富多彩吧!
代码有点长,复制到#head_tag#和#end_tag#里就可以了.
<SCRIPT LANGUAGE="javascript">
<!--
var sound1="http: //歌曲地址" //歌曲可以到百度搜索,必须是音乐格式的如.mp3或.wma
var sound2="http: //歌曲地址"
var sound3="http: //歌曲地址"
var sound4="http: //歌曲地址"
var sound5="http: //歌曲地址"
var sound6="http: //歌曲地址"
var sound7="http: //歌曲地址"
var sound8="http: //歌曲地址"
var sound9="http: //歌曲地址"
var sound10="http: //歌曲地址"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer"
document.write(<bgsound src=+"+x+"+ loop="infinite">)
else
document.write(<embed src=+"+x+"+hidden="true" autostart="true" loop="true">)
//-->
</SCRIPT>
这次就先讲这些吧,代码其实还有好多值得我们研究的地方,而且随着自己动手做的越来越多的blog样式后,你也会开始喜欢上自己做叶子,而不会一味地认为blog代码是种枯燥烦人的东西了,我也是从厌烦到现在自己琢磨着做叶子的.
当然叶子的特效越多也会越卡,这是没办法的事情,毕竟免费的东西你不能有太多的指望,东西做给别人看,最重要的还是先满足和充实自己,别人说是他们的事情,自得其乐才是bloger的精神嘛!唯有bloger才会理解彼此的心情吧>///<
下一次就专门讲将如何添加音乐播放器和透明flash吧!这两个是直接照成网页老是打不开的元凶啊,不过也是是你的叶子更加漂亮和充实的助手哦!期待的bloger就记住继续往后关注啊. - 本来以为自己默默无闻的话就和网络的一切喧嚣嘈杂相安无事,然而美女绵抛来的绣球竟不如他人婚礼上新娘子的花束般谁接到谁就准备着女的嫁人男的娶老婆般令我有意外的惊喜,而是稀里糊涂地被要求“一定要做啊”。好好,我,我做就是了。这个殃及池鱼的游戏跟当年要求将“不幸的信”写给你认识的20个人否则不幸就要降临到你的头上差不多啊!这种悲剧我默默承担就是了,虽然本来想点点小霜霜的(= v =b)。
问题出处:吐血吐血吐血!!!
游戏规则:
1.由某个blog发起,出一个题目。
2.在自己的blog中完成题目,然后点名另外3个blog完成同样的题目。
3.另外的3个blog完成题目以后再分别点名,依次类推。
4.被点名的blog在完成题目时要注明被哪个blog点名。
5.不可回传,加一条自己出的题。
最近在看的电视: 没有
最近在做的事情:感冒
最近在听的音乐:忘了
最近在吃的东西:大米
最近在看的报刊:晚报
最近关心的话题:日语
最近常去的地方:卧室
最近常想的人 :英俊
最近身体情况 :感冒
最近理财状况 : 赤字
对朋友最想说的话: 抱抱
对自己最想说的话:废柴
想一个减肥的良方:腹泻
记忆中做过最疯狂的事情之一:装哑
喜欢K歌的程度: 麦霸(类似占着麦克不唱歌=占着茅坑不拉X)
最喜欢吃的食物:没有
不吃的几样食物:很多
最想去的地方 :没钱
看到马路上谁觉得最恶心:富婆
最想要的礼物 :红包
心目中的伴侣是怎样的一个人: 英俊
你现在还单身吗?如果是,准备什么时候找一个? 秘密
如果养宠物会养什么,起名字叫做什么:英俊
如果只剩下一天的时间,你会做什么:数钱
最多的时候,你能一心几用地做事情啊?没有
举2,3个你觉得好玩的网站:同上
推荐几首不太被注意的好听的歌: 远目
对你而言,什么事情最容易?什么事情最难? 很多
一句你认为最经典的话: 啊嚏
如果可以选择,你想成为什么样的人? 超人
最想跟我一起干什么? 发呆
用什么庆祝自己的生日? 蜡烛
最想对我说的话是 : 有病
用一种动物来形容我 : 动物
最近最感动的事是什么? 感冒
5年内最想完成的事情: 结婚
用三个褒义词描述AYA: 谁!
理想中的生活和工作是什么样子的呢?实际的又如何呢? 做梦
最不满意女朋友(或者ex-bf,lg,gf...)的地方是什么? 啊嚏
如果有足够的钱,最想收藏的奢侈品是什么?: 钞票
如果时间能倒流,你想回到什么时候? 远古
如果阿拉丁神灯让你许一个愿望,你会想要什么?(除了那种“再让我许三个愿望”之类的愿望!贪心没有好下场): 神灯
咳咳,你人生的理想职业是什么: 画家
你觉得最傻的广告是什么?: 跳过
你最讨厌的明星是哪个? 赵微
你最挂念的人是谁?: 英俊
讲个笑话(不要太长): 笑话!
你最得意自己什么地方: 眼睛
你最喜欢什么动物?: 鸟类
如果有时光隧道,你想去哪里?隧道
你觉得你的另1半,最应具备的品质是什么? 勤诚
自己最后悔的一件事是?活着
大学给你了什么? 文凭
赦你无罪,你最想杀谁????富婆
什么时候考虑自己的前途问题? 三岁
你作业多吗? 笑话
你喜歡喝可樂不?讨厌
你坚持自己的幻想(不是空想)吗? 哈哈
当觉得快要没动力是怎么劝服自己?? 挺住
小5的问题:你们现在有男朋友么? 啥!
綿的问题是:
儅你面對一個人已經5年了。卻發現。根本2個人都不能夠交心。而且。她看到你出了什麽事情會比別人都開心。這樣的朋友該怎麽再面對下去? 当诛!!!
如果想接龙的人就除了回答以上问题外再加上这个
我的问题是你在沙漠度过了三天三夜,无粮无水无衣物替换,如果给你一个机会达成愿望的话,你希望换身干净的衣物还是获得度过沙漠的食物?
自愿者答,不强求。
screen.width/2)this.style.width=screen.width/2;>27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=450 height=340 >
http://www.hdinfo.cn/flash/file/20050418184412_siyuecao.swf
这个Flash游戏是从江南老师那里挪来的,自己玩了下觉得挺费神的,但是迷信找到"四叶的三叶草"就能找到幸福的孩子们不妨来找找自己的幸福和运气吧——找到的人,今年就一定会发财的发财失恋的找到对象买彩票的中头奖哦——一切责任由江南老师负责(奸)!
游戏规则:在六分钟时间内找出七朵四叶的三叶草,必须是四片叶子哦>____< ——加油!!!
鼠标指向的地方会象我们用手去拨开一样显示出三叶草的形状来,记住不要乱点哦,连续点错七次就要重新开始了。找到四叶后就点击它!
(如果觉得画面太小,点击这里,另开页面开始游戏)
你在短短的六分钟内找到了空荡荡的幸福感和满足感了么?
幸福,其实是掌握在我们自己的掌心的。- {买尬之一}
CC听说我最近狂迷藤木直人叔叔,特地翻出《芝麻开门》系列的《GTO》碟片来找我,并告诉我说藤木直人在里头扮演的是小警察的角色。
警察,这是一个多么光辉多么伟岸多么人民公仆的形象啊!我一下对小直人的爱冲到了顶峰……
老实说GTO的TV版咱当年不是没看过,好歹也看过两遍,但是由于反町隆史的形象过分丰满而且演技逼真导致后来无人能够演出比反町更加鬼冢的角色也直接导致我当年对藤木所扮演的小警察的角色印象颇浅甚至可以说忘记过有这么一个人的存在——对于7年后才开始迷于这个被日本人称为有着玻璃般眼珠的白马王子更有着日本早稻田工业大学以优异成绩毕业的学历的藤木直人的我而言这根本就是追星一族里完全被藐视的行为啊!于是我谢天谢地谢CC,说了类似“多谢你让我有了更加了解小直人的机会”和“如果没有你的帮助,我对直人的研究要落后500年”之类的客套话。
然后CC就将盘插入光驱,而我的心犹如小鹿乱撞般紧张地望着荧光屏,接着,出现了出现了:肮脏凌乱的小房屋,无处落脚的房间里放着台电视,里头正在播放A片……而藤木叔叔扮演的小警察正儿八经地穿着警服用猥琐地表情看着闪烁不定的荧屏还边对破门而入的鬼冢发出“怎么不敲门就进来”的抱怨——哦,闹~~~~
有着玻璃般眼珠的白马王子更有着日本早稻田工业大学以优异成绩毕业的学历的藤木直人在《GTO》里头扮演的小警察在津津有味地看A片!!!
心情低落到了极点的我在送CC回家的时候,CC说:“那套碟子就放你家了,给你慢慢研究……”
OTZ……CC,你这是爱我还是恨我!
{买尬之二}
这是好几个星期前的事情了,但是现在回想还是很……了。
老哥来我家时,我向他推荐《一升的眼泪》里头的女主角沢尻エリカ,说这部片子如何如何感人肺腑,如何如何诠释“人间自有真情在”点点点,然后用Google搜索图片说让老哥开个眼界,于是我在输入框里头键入“沢尻エリカ”的字样后点击“图片搜索”,紧接着在我和老哥的眼前出现了五花八门的关于“沢尻エリカ”的图片——从校服到水着到更乱七八糟的图片。甚至有一张图片预览时觉得看不大清楚一打开竟是——哦,你们想象吧...
此时,老哥用神奇而深邃的眼光望了我片刻,说“看来这会是部好片子!”
你,你把《一升的眼泪》当成什么了啊老哥,OTZ|||
{买尬之三}
日语课上,老师为了更加生动地说明“内人”的日语读音,于是问了我们这个班上年龄最大且膝下还有一个五岁儿子的老板在家里是怎么称呼自己的老婆的,结果答案是干脆利落的两个字“死鬼”……全场贫血。
{买尬,哦,买尬}
Oh,My God!!!到这里还不明白什么叫“买尬”的家伙真没幽默感。 - 广告在blog页面上飘来飘去的是不是很烦人呢,不妨试试下面的代码吧!
去广告代码
<!--not Show the AD-->
<SCRIPT language=JavaScript>
oTime.style.display=none;
oTime1.style.display=none;
</SCRIPT>
记住,放在</table>之后,(以我的名义担保,这个代码其实....不是很管用,说它根本没用也没问题,至少,现在打开我的blog还是会看见它们飘得很欢).不如直接在你的客户端计算机屏蔽它们算了.
去掉blog页面上的那个工具栏
这个不是十分必要,只是个人感觉那个登陆框非常的有blogcn的feel,所以我的行为洁癖会固执地想要去除这个等同于漂浮广告牛皮藓的东西.你们选择加或不加.
<!--not show the bar-->
hidden_tb();
document.all.item("toolbar1").removeNode(true);
应该不难理解这些英文吧.







