加载中…
个人资料
芒果钱包
芒果钱包
  • 博客等级:
  • 博客积分:0
  • 博客访问:10,729,706
  • 关注人气:1,563
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
正文 字体大小:

【新浪博客中加入图片\文字超链接的代码】

(2007-05-22 00:09:01)
分类: 新浪博客代码大全
 
 

图片超链接【新浪博客中加入图片\文字超链接的代码】

<a href="网址" target="_blank"><img src="图片" width="宽度" height="高度" alt=" 说明"
 border="0"></a>

【新浪博客中加入图片\文字超链接的代码】

 

 

浮动图片链接:

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-50); BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-200); TEXT-ALIGN: center; BORDER-CENTER: medium none">

<P></P><A href="http://blog.sina.com.cn/u/1230545134#aList_1" target=_blank><IMG style="WIDTH: 50px; HEIGHT: 50px" height=128 alt=我的文章 src="http://pic.sj9.cn/sjpic/20051010135364.gif" width=82 border=0></DIV>

注:您只要改变代码中的汉字,图片网址,您要链接网页的网址就完全是您的了。

(document.body.clientWidth)-5050是指距页面边缘的距离。调整此数据可以调整图片横轴(起始)位置。

(document.body.clientHeight)-200) 200是指距页面顶端距离。调整此数据可以调整图片纵轴(起始)位置。

LEFT:指位于页面左侧。RIGHT指位于页面右侧。

style="WIDTH: 50px; HEIGHT: 50px",指图片的长和宽

 

 

固定图片链接:

<P></P><A href="http://blog.sina.com.cn/u/1230545134#aList_1" target=_blank><IMG style="WIDTH: 50px; HEIGHT: 50px" height=128 alt=我的文章 src="http://pic.sj9.cn/sjpic/20051010135364.gif" width=82 border=0></DIV>

注:相关注释同上。(应用小提示:您可以把重要的名人博客以此方法链接呀。)

文字超链接你点一点看看      <P><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颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码,具体颜色代码请看美化必备-常用颜色代码 

 

图片文字超链接          http://blog.sina.com.cn/u/446ae4ee0100072r
滚动字幕和滚动图片       http://blog.sina.com.cn/u/446ae4ee0100034i

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

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

    新浪公司 版权所有