技术文章

CSS友链风格和多说圆头像

可以使用主题自带全局css调试出泡泡那个友情链接样式。

.textwidget a {
/*  padding: 1px 8px;
    color: #666;
    margin: 0 5px 6px 2px;
    border-radius: 2px;
    border: 1px solid #EEE;
    font-size: .9rem !important;
    transition: all .2s ease-in-out 0;
    text-decoration: none;
    */
    text-align: center;
    padding: 6px 8px;
    background: #57ad68;
    border-radius: 20px;
    -moz-border-radius: 20px;
    color: #eeeeee;
    line-height: 2.5;
    transition-duration: 2s;
    -moz-transition-duration: 2s;
/* Firefox 4 */
    -webkit-transition-duration: 2s;
/* Safari 和 Chrome */
    -o-transition-duration: 2s;
/* Opera */
}

.textwidget a:hover {
    color: #f26c4f;
    background: #439f55;
    border-radius: 0;
    -moz-border-radius: 0;
}

鼠标经过文字时会蹦出一个框,也不是框..忘记叫什么了

可以用a标签引用它,然后放在小工具里面。a标签如下:(大婶勿喷!)

<a id="FriendLink" title="蹦出来的框" href="这是网址" target="_blank">标题名称</a>

多说圆头像也可以用这个css。

感谢Corps!

(0)

本文由 V泡网 作者:Lefat 发表,转载请注明来源!

关键词:
领券么

热评文章

评论:

14 条评论,访客:7 条,博主:7 条
    • 烟风。
      烟风。发布于: 

      我去,我以为就是那个了。

      • Corps
        Corps发布于: 

        原先那个有地方没完善,不行

  1. Corps
    Corps发布于: 

    #FriendLink那个id选择器已弃,不能hover伪元素

      • Corps
        Corps发布于: 

        就是鼠标移上去时候动态,id选择器由于不能使用hover伪类,所以无法实现,很丑

        • 烟风。
          烟风。发布于: 

          就成了我们现在这样子?

          • Corps
            Corps发布于: 

            现在样子的我做了一些扩展,比原来的好些,还有行间距,原先丑的吓死,所以别把原来的拿出来吓人了吧…

          • 烟风。
            烟风。发布于: 

            哦我发的这个是原来的?

    • 烟风。
      烟风。发布于: 

      我看不懂呀。。

  2. Corps
    Corps发布于: 

    还是发现用的吧

发表评论

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