程序博客网 > 淘宝联盟微信采集

博客代码大全----美化你的BLOG Css

来源：互联网 发布：淘宝联盟微信采集 编辑：程序博客网 时间：2024/04/29 14:38
更换整体页面背景的源代码：
<STYLE type=text/css>
body
{background:url(博客整体页面背景图片地址) repeat
scroll!important;}
</STYLE>



更换页面题图logo图片的源代码：
<STYLE type=text/css>
.logo
{background:url(博客最上方题图logo图片地址) no
repeat no scroll!mportant;}
</STYLE>



更换页面横幅题图的源代码：
<STYLE type=text/css>
.banner
{background:url(横幅题图大图地址) no
repeat no scroll!mportant;}
</STYLE>



更换页面横幅题图下面的菜单图片的源代码：
<STYLE type=text/css>
.menu{
background:url("题图下的长条菜单图片地址") no-
repeat center;}
</STYLE>



更换页面文章标题栏上翻时的图片的源代码：
<STYLE type=text/css>
.feeds .up{
background:url("文章标题栏上翻时的图片地址") no-
repeat center;}
</STYLE>



更换页面文章标题栏下翻时的图片的源代码：
<STYLE type=text/css>
.feeds .down{
background:url("文章标题栏下翻时的图片地址") no-
repeat center;}
</STYLE>



更换页面文章结尾处评论阅读菜单栏的图片的源代码：
<STYLE type=text/css>
.feeds .function{
background:url("文章结尾处评论阅读菜单栏的图片地址") no-
repeat right;}
</STYLE>



更换页面空白面板标题栏上翻时图片的源代码：
<STYLE type=text/css>
.links .up{
background:url("空白面板标题栏上翻时图片地址");}
</STYLE>



更换页面空白面板标题栏下翻时图片的源代码：
<STYLE type=text/css>
.links .down{
background:url(空白面板标题栏下翻时的图片地址);}
</STYLE>



更换页面空白面板的背景图片的源代码：
<STYLE type=text/css>
.links .mid{
background:url(空白面板的背景图片地址);}
</STYLE>



更换页面形象照片处的背景图片的源代码：
<STYLE type=text/css>
.photo .mid{
background:url(形象照片处的背景图片地址);}
</STYLE>



更换页面自定义空白面板背景图片的源代码：
<STYLE type=text/css>
.label .mid{
background:url(自定义空白面板的背景图片地址);}
</STYLE>



更换页面日历面板的背景图片的源代码：
<STYLE type=text/css>
.calendar .mid{
background:url("日历面板的背景图片地址");}
</STYLE>

更换页面公告栏标题栏上翻时图片的源代码：
<STYLE type=text/css>
.callboard .up{
background:url("公告栏标题栏上翻时图片地址");}
</STYLE>



更换页面公告栏标题栏下翻时图片的源代码：
<STYLE type=text/css>
.callboard .down{
background:url("公告栏标题栏下翻时图片地址");}
</STYLE>



更换页面公告栏的背景图片的源代码：
<STYLE type=text/css>
.callboard .mid{
background:url("公告栏的背景图片地址");}
</STYLE>



更换页面正文背景图片的源代码：
<STYLE type=text/css>
.bodyBg{
background:url("正文背景图片地址");}
</STYLE>



更换页面正文背景图片的源代码：
<STYLE type=text/css>
.bodyBottom{
background:url("正文背景图片地址");}
</STYLE>



更换页面正文文章页数图片的源代码：
<STYLE type=text/css>
.feeds .page{
background:url("正文文章页数图片地址") no-repeat center;}
</STYLE>



更换页面留言板标题栏上翻时的图片的源代码：
<STYLE type=text/css>
.gbook .up{
background:url('留言板标题栏上翻时的图片地址') no-repeat;}
</STYLE>



更换页面留言板标题栏下翻时的图片的源代码：
<STYLE type=text/css>
.gbook .down{
background:url('留言板标题栏下翻时的图片地址') no-repeat;}
</STYLE>



添加方法：控制页面－－个人首页维护－－自定义页－－打开一个已经建好的模块－－在左下方小方框内点击勾选－－添加代码－－保存



特效代码:  

文章背景
打完文章后点代码，插入到最前面
<div style='background:url(图片地址
);'>



发光字效果：
<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">输入文字  </font>



文章中加视频　
　<div align=left></div><embed src=视频链接地址 width=200 height=186 type=audio/mpeg loop="false" autostart="false">　



文章中加FLASH
<P align=center><EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src="SWF文件网址" width=480 height=360 type=application/x-shockwave-flash quality="high"></P>



博客中加入歌曲：
<EMBED src=歌曲地址 width=0 height=0 type=audio/mpeg loop="8" autostart="ture" border="0"></EMBED>



滚动公布栏
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77&#111;nmouseout="this.start()" &#111;nmouseover="this.stop()">你好！<BR>欢迎<BR>来到<BR>我的<BR>博客</MARQUEE>



在博客添加QQ
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=号码&Site=http://blog.sina.com.cn/u/1223418313&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:68298462:13 alt="点击这里给我发消息"></a>



首页加ＦＬＡＳＨ
FLASH
<EMBED style="LEFT: 10px; POSITION: absolute; TOP: 0px" align=right src=地址 width=920 height=900 type=application/x-shockwave-flash ; quality="high" wmode="transparent">
<DIV></DIV>



挂件：
左侧代码：
<DIV style="BORDER-LEFT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; RIGHT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(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(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-110); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-500); TEXT-ALIGN: center"><IMG src="图片URL地址" border=0></DIV>




记录来访者IP＼地区
<TABLE width=445 height=350><TR valign=top><img src='http://www.law999.net/whocome?from=http://blog.sina.com.cn/u/1223418313 &u=meng731&w=350&h=250&t=10&c=43&s=8&f=58.66.224.'></TD></TR></TABLE>
其中：
“width=445”是外观宽度
“height=350”是外观高度
“http://album.sina.com.cn/pic/54ff0e3f020003kb”是背景图链接（可省略）
“http://blog.sina.com.cn/u/1223418313”是我的BLOG地址
“u=wmcw”是我的网站名字（只能是英文和数字）（可省略）
“w=445”是背景图宽度（如前面没有设置背景图则可省略，否则必须有）
“h=350”是背景图高度（如前面没有设置背景图则可省略，否则必须有）
“t=10”是显示的IP数量（5-20）（可省略，默认5）
“c=43”是文字颜色（1-255）
“s=8”是文字字体大小 （可省略，默认8）
“f=58.66.224.”是我想屏蔽显示的IP（在这项填上你自己的ip，那么Ip Pryer就不会记录这个ip，也不会把它显示出来。也可以只填写ip的开头一部分，这样系统会屏蔽所有以此开头的ip。）




晒网在线聊天室交谈:
<!--晒网在线交谈的代码-->
<P align=center>
<TABLE class=sysBr180 cellSpacing=0 cellPadding=0 align=center border=0><TBODY><TR><TD><DIV></DIV><IFRAME border=0 src="http://say-on.com/webchat/preview.jsp?color=99CC00&amp;title=%u6652%u7F51%u5728%u7EBF%u4EA4%u8C08&amp;roomid=你的博客网址" frameBorder=0 width=172 scrolling=no height=86 allowTransparency></IFRAME>
<P style="MARGIN-TOP: 4px"><A href="http://say-on.com/webchat/?color=99CC00&amp;title=%u6652%u7F51%u5728%u7EBF%u4EA4%u8C08&amp;roomid=你的博客网址" target=_blank><FONT size=2>与同时访问此页的网友交谈</FONT></A></P><DIV></DIV></TD></TR></TBODY></TABLE></P><DIV></DIV>




跟随鼠标移动的flash文字特效效果代码：
 
<STYLE>.spanstyle{COLOR: #0066ff; FONT-FAMILY: 宋体;FONT-SIZE:9pt;FONT-WEIGHT:normal;POSITION:absolute;TOP:-50px;VISIBILITY:visible}</STYLE>
<SCRIPT><script>var message="歡迎來到哆啦A萌の小窝=^^=  鋒行天下  北京囯安 ";var x,y;var step=12;var flag=0;message=message.split("");var xpos=new Array();for (i=0;i<=message.length-1;i++){xpos[i]=-50;};var ypos=new Array();for (i=0;i<=message.length-1;i++){ypos[i]=-50;};function handlerMM(e){x=(document.layers)?e.pageX:document.body.scrollLeft+event.clientX+10;y= (document.layers)?e.pageY:document.body.scrollTop+event.clientY;flag=1;};function makesnake(){if(flag==1&&document.all){for(i=message.length-1;i>=1;i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];};xpos[0]=x+step;ypos[0]=y;for (i=0; i<=message.length-1; i++){var thisspan=eval("span"+(i)+".style");thisspan.posLeft=xpos[i];thisspan.posTop=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}};else if(flag==1 && document.layers){for (i=message.length-1; i>=1; i--){xpos[i]=xpos[i-1]+step;ypos[i]=ypos[i-1];};xpos[0]=x+step;ypos[0]=y;for(i=0; i<message.length-1; i++){var thisspan=eval("document.span"+i);thisspan.left=xpos[i];thisspan.top=ypos[i];thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT>
<SCRIPT>for(i=0;i<=message.length-1;i++){document.write("<span id='span"+i+"' class='spanstyle'>");document.write(message[i]);document.write("</span>");};if(document.layers){document.captureEvents(Event.MOUSEMOVE);};document.onmousemove = handlerMM;</SCRIPT>
<SCRIPT>function pageonload(){makesnake();window.setTimeout("pageonload();", 2);}</SCRIPT>
<SCRIPT>pageonload()</SCRIPT>




博客首页透明化： 赞!!


 <STYLE type=text/css>
.logo
{background:#transparent}
.banner
{background:#transparent}
.menu
{background:#transparent}
.feeds .up
{background:#transparent}
.feeds .down
{background:#transparent}
.feeds .function
{background:#transparent}
.links .up
{background:#transparent}
.links .down
{background:#transparent}
.links .mid
{background:#transparent}
.photo .mid
{background:#transparent}
.label .mid
{background:#transparent}
.calendar .mid
{background:#transparent}
.callboard .up
{background:#transparent}
.callboard .down
{background:#transparent}
.callboard .mid
{background:#transparent}
.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ='1',enabled='true',startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);} 
.bodyBottom
{background:#transparent}
.sysW770
{background:#transparent}
.gbook .up
{background:#transparent}
.gbook .down
{background:#transparent}
.feeds .page
{background:#transparent}
.links .more
{background:#transparent}
.add
{background:#transparent}
.add .ico
{background:#transparent}
</STYLE>


淘宝联盟微信采集 淘宝联盟微信采集
原创粉丝点击
热门IT博客
js地球仪特效js地球仪特效
淘宝客建立推广网站淘宝客建立推广网站
ubuntu解压缩命令 .gz
java全角数字转半角
中式台球杨帆 知乎
宛然如生,不亦善乎翻译
mac如何安装dmg
地图制图软件
方舟生存进化淘宝购买
校园网络规划设计方案
php富文本编辑器
js获取cookie值
kmeans算法原理
京东标题优化
vba软件
软件功能分析报告
淘宝客服分流什么意思
comicstudio for mac
ps淘宝素材下载
win7如何设置网络共享
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 姓丰的女孩名字 姓丰的男孩名字大全 姓丰的女孩名字大全 丰姓 丰姿冶丽 丰姿 丰姿绰约 妙曼丰姿霜 丰姿胶囊 丰姿的意思 丰姿胶囊有丰胸作用吗 丰姿丰胸胶囊 丰姿素丰胸精油 丰姿丰胸有效果吗 丰姿丰胸美乳 丰姿胶囊多少钱一盒 丰宁坝上 丰宁 承德丰宁 丰宁百花坡 丰宁县 丰宁在线 河北丰宁 丰宁鲜花店 丰宁招标网 丰宁把 丰宁教育网 丰宁一中 丰宁吧 丰宁坝上草原 丰宁坝上草原旅游 丰宁坝上草原三大必去景点 丰宁坝上草原景点 丰宁坝上白桦林 丰宁坝上白桦林旅游 丰宁满族剪纸 丰宁坝上草原图片 北京到丰宁的客车 北京至丰宁坝上草原 丰宁草原住宿 丰宁小区房价

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里