
新浪博客美化代码:如何给你的博客加上百度搜索
代码如下:
<DIV><A href="你的博客地址" target=_blank><FONT color=#ff0000>你的博客名称</FONT></A></DIV><!--百度搜索-->
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="140" height="75"
src="http://unstat.baidu.com/bdun.bsc?tn=sxzx&cv=1&cid=119051&csid=105&rkcs=1&bgcr=F0F6FB&ftcr=0000CC&rk=0&bd=0&tbsz=&tbst=&bdas=0">
</iframe>
</div>
新浪博客美化代码:邮箱快速登录
<div align=center>
<form name="loginmail" action=http://219.129.20.144:8000/sendmail.asp method="post"
target="_blank">
<select tabindex="2" size="1" name="site">
<option value="">请选择你的邮箱</option>
<option value="21cn.com">@21cn.com</option>
<option value="163.net">@163.net</option>
<option value="tom.com">@tom.com</option>
<option value="163.com">@163.com</option>
<option value="vip.163.com">@vip.163.com</option>
<option value="sohu.com">@sohu.com</option>
<option value="263.net">@263.net</option>
<option value="sina.com">@sina.com</option>
<option value="vip.sina.com">@vip.sina.com</option>
<option value="mail.china.com">@mail.china.com</option>
<option value="china.com">@china.com</option>
<option value="netease.com">@netease.com</option>
<option value="yeah.net">@yeah.net</option>
<option value="etang.com">@etang.com</option>
<option value="fm365.com">@fm365.com</option>
<option value="cn.yahoo.com">@yahoo.com.cn</option>
<option value="xinhuanet.com">@xinhuanet.com</option>
<option value="eyou.com">@eyou.com</option>
<option value="email.com.cn">@email.com.cn</option>
<option value="ynmail.com">@ynmail.com</option>
<option value="citiz.net">@citiz.net</option>
<option value="126.com">@126.com网易50M</option>
<option value="elong.com">@elong.com</option></select>
<br />
帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" />
<br />
密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" />
<input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous(){setTimeout('clearpass()',1000)}" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>
新浪博客美化代码:如何给你的博客加上滚动新闻
代码如下:
<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src=http://news.sina.com.cn/o/allnews/input/index.html frameBorder=No
width="100%" scrolling=no height=15></IFRAME>
这是新浪的新闻。
下面还有各种新闻代码:
网易的:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe width="100%" HEIGHT=20 align=center MARGINWIDTH=0 Name=union163com MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
SCROLLING=no src="http://news2.163.com/news/marq1.jsp?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></iframe>
CCTV:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe src=http://www.cctv.com/homepage/46/index.shtml; name="express" width="100%" height="20" marginwidth="0" marginheight="0" frameborder="0"
scrolling="no"></iframe>
体育新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'>;</iframe>
汽车新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'>;</iframe>
娱乐新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'>;</iframe>
财经新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'>;</iframe>
新浪博客美化代码:如何给你的博客加上滚动字幕和滚动图片
代码如下:
在网络上有很多滚动字幕的样式,但是他们的代码基本是一致的,只是对部分参数进行一下修改就行了。
代码如下:
--------------------------------------------------------------------------------
<MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滚动<BR>滚<BR>在滚<BR>永远在滚</MARQUEE>
--------------------------------------------------------------------------------
代码说明:
width-------整个滚动区的宽度,可调;
height------整个滚动区的高度,可调;
scrollamount----滚动步长,改动变化很大,数值越大滚动越快;
scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢;
direction-------滚动方向。
滚动字幕大致可以分为以下几类:
--------------------------------------------------------------------------------
1. 自下而上滚动
自下而上滚动
滚
在滚
永远在滚
滚完还滚
代码中的滚动方向值为: "direction=up"
--------------------------------------------------------------------------------
2. 自上而下滚动
自上而下滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=down"
--------------------------------------------------------------------------------
3. 从右向左滚动
自右而左滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=left"
--------------------------------------------------------------------------------
4. 从左向右滚动
自左而右滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=rigt"
--------------------------------------------------------------------------------
新浪博客美化代码:如何给你的博客加上图片超链接代码
代码:
图片超链接:<a href="网址" target="_blank"><img src="图片" width="宽度" height="高度" alt=" 说明"
border="0"></a>
文字超链接: < src="./images/smilies/titter.gif" border=0 smilieid="9">><A href="网址" target=_blank>文字</A></P>
<DIV></DIV>
<DIV></DIV>
把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):
让链接变色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
增加链接的力度—即字体变大
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
触到链接是出现虚线
代码:<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
会移动的链接
代码<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
给链接添加背景色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>
注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备
常用颜色代码 RGB色彩对照表
新浪博客美化代码:如何给你的博客加上每日运程星座查询
代码如下:
<DIV><A href="你的博客地址" target=_blank><FONT color=#ff0000>你博客名称</FONT></A></DIV><IFRAME src="http://astro.lady.qq.com/index/ladyastro.htm" frameBorder=0 width=250 scrolling=no height=290></IFRAME>
<DIV></DIV>
<DIV></DIV>
新浪博客美化代码:如何给你的博客加上改变BLOG标题大小的代码
代码如下:
<STYLE type=text/css>
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>
36px为标题文字的字体大小
#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。
banner .title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
代码如下:
<DIV><A href="你的博客地址" target=_blank><FONT color=#ff0000>你的博客名称</FONT></A></DIV><!--百度搜索-->
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="140" height="75"
src="http://unstat.baidu.com/bdun.bsc?tn=sxzx&cv=1&cid=119051&csid=105&rkcs=1&bgcr=F0F6FB&ftcr=0000CC&rk=0&bd=0&tbsz=&tbst=&bdas=0">
</iframe>
</div>
新浪博客美化代码:邮箱快速登录
<div align=center>
<form name="loginmail" action=http://219.129.20.144:8000/sendmail.asp method="post"
target="_blank">
<select tabindex="2" size="1" name="site">
<option value="">请选择你的邮箱</option>
<option value="21cn.com">@21cn.com</option>
<option value="163.net">@163.net</option>
<option value="tom.com">@tom.com</option>
<option value="163.com">@163.com</option>
<option value="vip.163.com">@vip.163.com</option>
<option value="sohu.com">@sohu.com</option>
<option value="263.net">@263.net</option>
<option value="sina.com">@sina.com</option>
<option value="vip.sina.com">@vip.sina.com</option>
<option value="mail.china.com">@mail.china.com</option>
<option value="china.com">@china.com</option>
<option value="netease.com">@netease.com</option>
<option value="yeah.net">@yeah.net</option>
<option value="etang.com">@etang.com</option>
<option value="fm365.com">@fm365.com</option>
<option value="cn.yahoo.com">@yahoo.com.cn</option>
<option value="xinhuanet.com">@xinhuanet.com</option>
<option value="eyou.com">@eyou.com</option>
<option value="email.com.cn">@email.com.cn</option>
<option value="ynmail.com">@ynmail.com</option>
<option value="citiz.net">@citiz.net</option>
<option value="126.com">@126.com网易50M</option>
<option value="elong.com">@elong.com</option></select>
<br />
帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" />
<br />
密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" />
<input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" onclick="function anonymous(){setTimeout('clearpass()',1000)}" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>
新浪博客美化代码:如何给你的博客加上滚动新闻
代码如下:
<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src=http://news.sina.com.cn/o/allnews/input/index.html frameBorder=No
width="100%" scrolling=no height=15></IFRAME>
这是新浪的新闻。
下面还有各种新闻代码:
网易的:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe width="100%" HEIGHT=20 align=center MARGINWIDTH=0 Name=union163com MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0
SCROLLING=no src="http://news2.163.com/news/marq1.jsp?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></iframe>
CCTV:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe src=http://www.cctv.com/homepage/46/index.shtml; name="express" width="100%" height="20" marginwidth="0" marginheight="0" frameborder="0"
scrolling="no"></iframe>
体育新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'>;</iframe>
汽车新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'>;</iframe>
娱乐新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'>;</iframe>
财经新闻:
<DIV><A href="http://blog.sina.com.cn/u/1191003304" target=_blank><FONT color=#ff0000>三峡在线:分享生活经典</FONT></A></DIV><iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no
SRC=http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'>;</iframe>
新浪博客美化代码:如何给你的博客加上滚动字幕和滚动图片
代码如下:
在网络上有很多滚动字幕的样式,但是他们的代码基本是一致的,只是对部分参数进行一下修改就行了。
代码如下:
--------------------------------------------------------------------------------
<MARQUEE style="WIDTH: 100px; HEIGHT: 45px" scrollAmount=1 scrollDelay=10 direction=down >自上而下滚动<BR>滚<BR>在滚<BR>永远在滚</MARQUEE>
--------------------------------------------------------------------------------
代码说明:
width-------整个滚动区的宽度,可调;
height------整个滚动区的高度,可调;
scrollamount----滚动步长,改动变化很大,数值越大滚动越快;
scrolldelay-----滚动频率,每次跳动之间的时间间隔,数值越大跳的越慢;
direction-------滚动方向。
滚动字幕大致可以分为以下几类:
--------------------------------------------------------------------------------
1. 自下而上滚动
自下而上滚动
滚
在滚
永远在滚
滚完还滚
代码中的滚动方向值为: "direction=up"
--------------------------------------------------------------------------------
2. 自上而下滚动
自上而下滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=down"
--------------------------------------------------------------------------------
3. 从右向左滚动
自右而左滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=left"
--------------------------------------------------------------------------------
4. 从左向右滚动
自左而右滚动
滚
在滚
永远在滚
代码中的滚动方向值为: "direction=rigt"
--------------------------------------------------------------------------------
新浪博客美化代码:如何给你的博客加上图片超链接代码
代码:
图片超链接:<a href="网址" target="_blank"><img src="图片" width="宽度" height="高度" alt=" 说明"
border="0"></a>
文字超链接: < src="./images/smilies/titter.gif" border=0 smilieid="9">><A href="网址" target=_blank>文字</A></P>
<DIV></DIV>
<DIV></DIV>
把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):
让链接变色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
增加链接的力度—即字体变大
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
触到链接是出现虚线
代码:<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
会移动的链接
代码<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
给链接添加背景色
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>
注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备
常用颜色代码 RGB色彩对照表
新浪博客美化代码:如何给你的博客加上每日运程星座查询
代码如下:
<DIV><A href="你的博客地址" target=_blank><FONT color=#ff0000>你博客名称</FONT></A></DIV><IFRAME src="http://astro.lady.qq.com/index/ladyastro.htm" frameBorder=0 width=250 scrolling=no height=290></IFRAME>
<DIV></DIV>
<DIV></DIV>
新浪博客美化代码:如何给你的博客加上改变BLOG标题大小的代码
代码如下:
<STYLE type=text/css>
.banner .title td{font-size:36px;}
.banner .title td{FILTER: glow(color=#000000,direction=2);}
.banner .title td{color:#ffff66;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
</STYLE>
36px为标题文字的字体大小
#000000表示文字效果(显影)的颜,direction=2表示发光效果的强弱,数值可自行设定,自己觉得合适即可。
banner .title td{color:#ffff66;}表示标题文字的主颜色
banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置:background:后面的值为标题外框的颜色效果;opacity=85是表示文字的透明度,值越小越透明;border:0px表示外框线条的粗细,数值越大边框线条越粗,数值设为0表示边框隐藏。
|
特别推荐: | |
|
_ 新浪博客美化代码 _ CSS代码详解 |
|
标签: 科技
分类: 科技
所属版块
: 科技
: 科技
本文章引用通告地址(TrackBack Ping URL)为: 

本文章尚未被引用。
