加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

【扮靓你的新浪博客】之 挂件与滚动条代码

(2006-01-24 13:31:26)
分类: 一笔之力(blog教程及其他)

【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码

今天开始说说新的东东了,先说在前头,这些代码就不是游虾我原创的了,在网上也流传了许久的,今天把它们整理了一下发上来,希望能给大家带来更多DIY新浪博客的灵感。

一:挂件代码

什么是挂件?你……你……你是从火星来的??挂件通俗一点说就是挂起来的图片,通常悬挂在网页上以增加网页的美感,有时也在挂件上设置超链接,好多广告就是这样的哦。

下面就送上一组挂件的代码:

<DIV id=youxia style="RIGHT: 10px; POSITION: absolute; TOP: 100px"><IMG src="的图片地址" border=0></A></DIV>

这个代码要注意的就是right:10px部分,意思是挂件距离右边页面10个象素,这样的话挂件就在你页面的右边,所以你当然也可以设置成left:10px,挂件就会显示在左边了,不过如果你想在同一个自定义面板里插入多种挂件,那就要注意最好统一设置成left或者right,然后利用后面的数值来调节挂件的位置,除此之外,top:100px表示挂件距离页面顶部的位置,也可以根据实际情况来调节。


二:网页滚动条代码

你们先看看我的页面右边的滚动条,绿色的是吧?和我的页面感觉比较协调,那么这是如何实现的呢?看看下面的代码吧!

<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #dee3e7;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #dee3e7;
SCROLLBAR-3DLIGHT-COLOR: #d1d7dc;
SCROLLBAR-ARROW-COLOR: #006699;
SCROLLBAR-TRACK-COLOR: #efefef;
SCROLLBAR-DARKSHADOW-COLOR: #98aab1;
}
</STYLE>

是不是很复杂的感觉?里面以#号开头的字母数字都是表示颜色的代码,如果你不知道什么代码表示什么颜色的话,那就打开photoshop看看去,呵呵,吓你们的啦,这里提供一个链接,是胜斗修罗朋友的颜色代码表,看看吧。

如果还是觉得代码太复杂的话,游虾自己修改了一个简单化的代码,只修改了滚动条的表面颜色,大家看看下面:

<STYLE type=text/css>
BODY {
SCROLLBAR-FACE-COLOR: #669933;
SCROLLBAR-TRACK-COLOR: #9aeaa7; }
</STYLE>

大家琢磨琢磨,其实是很简单的哦。

最后,游虾送上一些挂件给大家,希望大家能够喜欢(挂件来源:QQ空间)

【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码【扮靓你的新浪博客】之 <wbr>挂件与滚动条代码

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有