威言威语
我愿像茶,苦涩留心,清香予人。
威言威语
当前位置: 首页 > 设计 > 正文

修改友情链接的样式

决定给友情链接换个样式,将其搬到博客的的侧边栏搬到底部,这样既不占侧边栏的空间,也让链接更加醒目
修改友情链接的样式

把原来首页的滚动链接换成了静态的之后,出现一个问题,就是首页置顶的链接比较的多,虽然换成了2行显示,但是还是觉得有点长,感觉不好,其实决定换了样式,将其搬到博客的底部,这样既不占侧边栏的空间,也让链接更加醒目。

链接放到底部,果果和烦恼都是这么做的,感觉还是不错的,于是就研究下两个人的结构,两个人比较类似,不过果果的链接是通过JS调用的,查看源文件是看不到链接的代码的,而烦恼就与之不同,相对而言,烦恼的友情链接效果更好一些,因为一些搜索蜘蛛貌似不认识js。

开始是直接用的烦恼的结构,然后用的他的样式,然后根据我的博客皮肤,修改了一下,我是在IE8下调试的,最后基本达到了我的要求,然后我就上传替换原来的,这个时候我才想起我还没有测试兼容性,于是打开IETester,先打开的IE7正常,然后打开IE6,看了下,我就崩溃了,IE6下歪的一塌糊涂。不过我打开果果和烦恼的站点查看他们的底部友情链接时,他们是正常的,就算我直接用他们的也不行,不知道什么原因。没有办法,只好修改CSS,去兼容IE6了,修改了半小时还是不行,哎,万恶的IE6啊!

改的我心烦意乱,索性全部删掉重写。有时候有些东西会突然在那一瞬间划过脑海,float:right搞出来的问题,于是乎调整了下顺序,一切都变得简单了。终于一切都正常了,IE6下不错位了,其他也都正常了,我也终于舒了一口气,IE6已经退出了历史的舞台了,为什么不让其正在的消失呢?那样会少很多麻烦,不过在中国这个国度,XP的盗版横行,让IE6难以消失,真希望微软强制升级IE6。

链接样式修改花了我好长时间去做兼容性,不过改好了感觉还是很不错的。希望大家多多交流,发挥友情链接的作用。

您可能还会对这些文章感兴趣!

修改友情链接的样式:目前有 9 条评论

  1. 小V
    8楼
    小V:Internet Explorer 6.0 Windows XP

    对了,怎么我那里的友情链接是一行一行的,而你这里的是一行里有2个链接

    2011-05-31 10:26 回复
  2. mack
    7楼
    mack:360安全浏览器 Windows 7

    不是我喜欢用Safari哦,是苹果电脑强制我使用这个浏览器的。呵呵~~

    William 于 2010-04-14 01:40 PM 回复

    苹果电脑还没有用过,呵呵,羡慕哎

    2010-04-14 12:07 回复
  3. 混乱羽翼
    6楼
    混乱羽翼:Google Chrome 21.0.1180.89 Windows 7

    嘿嘿,换风格啦~~这回的也不错
    现在越来越懒得更新日志咯

    William 于 2010-04-14 01:40 PM 回复

    恩,还是仿的WP的,呵呵

    2010-04-13 21:12 回复
  4. mack
    5楼
    mack:Google Chrome 13.0.782.112 Windows 7

    帮你在safari下测试下,正常!

    William 于 2010-04-13 01:56 PM 回复

    貌似你很喜欢用Safari哦,不过Windows下的Safari打开看网页,上面的字体都比较的模糊,看着不舒服,我一般都是测试兼容性的时候采用,呵呵

    2010-04-13 08:25 回复
  5. Uyghurbeg
    4楼
    Uyghurbeg:Google Chrome 17.0.963.56 Windows 7

    你好。。。
    我在关注着你的博客。
    我现在想问一下,你博客首页的那个 每篇文章右边的那个小的图片怎么来现实的?我们一般插入图片会出现在文章顶尾中,而不再左右。。。

    William 于 2010-04-10 01:17 回复

    UBB编辑器下发表日志
    内容摘要: 编辑内容摘要 里面输入
    【img=right]图片地址[/img] ( 将【换成[ )

    2010-04-10 03:42 回复
  6. feln
    地板
    feln:Google Chrome 16.0.912.75 Windows 7

    威兄,经这么已修改,你这套皮肤在PJ里面绝对是最优秀的~~

    William 于 2010-04-09 09:05 PM 回复

    最优秀还谈不上,还行吧,自己喜欢就行。

    2010-04-09 19:05 回复
  7. 凯说
    板凳
    凯说:猎豹浏览器 Windows 8

    4马上就要出来了
    将来不知能不能弄到上面

    William 于 2010-04-09 02:27 PM 回复

    PJ4的话,定义就比较方便了,看你怎么布局了,想放什么地方就放什么地方,简单。

    2010-04-09 12:41 回复
  8. 木本无心
    沙发
    木本无心:搜狗高速浏览器 Windows 7

    貌似我的和你的一样,都是通过定义变量实现的……

    William 于 2010-04-09 02:26 PM 回复

    不用定义,直接调用就行了,PJ自带了这个变量了~

    2010-04-09 11:21 回复

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

gravatar

question razz sad smile redface biggrin eek shock confused cool lol mad rolleyes wink cry