1 0 1

侧栏添加一个联系方式

小助理
24-07-21 1734

侧栏添加一个联系方式

<div class="widget suxingme_social" style=""><h3><span>关注我们 么么哒!</span></h3>
<div class="attentionus">
    
<ul class="items clearfix">
    
<span class="social-widget-link social-link-weibo">
<span class="social-widget-link-count">
<i class="icon-weibo"></i>自媒体新浪微博</span><span class="social-widget-link-title">新浪</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>


<span class="social-widget-link social-link-tencent-weibo">
<span class="social-widget-link-count">
<i class="icon-tencent-weibo"> </i>自媒体抖音</span><span class="social-widget-link-title">抖音</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>

<span class="social-widget-link social-link-qq">
<span class="social-widget-link-count"><i class="icon-qq"></i>872066666</span><span class="social-widget-link-title">QQ号</span>
<a href="javascript:;" rel="nofollow"></a></span>
                            
<span class="social-widget-link social-link-email">
<span class="social-widget-link-count">
<i class="icon-mail"></i>www@cnbl.net</span><span class="social-widget-link-title">邮箱</span>
<a href="javascript:;" target="_self" rel="nofollow"></a></span>
                                    
<span class="social-widget-link social-link-wechat">
<span class="social-widget-link-count">
<i class="icon-wechat"></i>https://youyi.si</span><span class="social-widget-link-title">有意思</span>
<a id="tooltip-s-weixin" href="javascript:void(0);"></a></span>

</ul>
 
</div>
</div>
 
<style>.suxingme_social {
    overflow: initial
}

.social-widget-link {
    position: relative;
    margin-bottom: 10px;
    position: relative;
    display: block;
    font-size: 13px;
    background: #fff;
    color: #525252;
    line-height: 40px;
    padding: 0 14px;
    border: 1px solid #DDD;
    border-radius: 2px
}

.social-widget-link-count i {
    margin-right: 9px;
    font-size: 17px;
    vertical-align: middle
}

.social-widget-link-title {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 100px;
    text-align: center;
    background: rgba(255,255,255,.08);
    transition: width .3s;
    border-radius: 0 3px 3px 0
}

.social-widget-link:hover .social-widget-link-title {
    width: 116px
}

.social-widget-link a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.social-link-weibo {
    border-color: rgba(236,61,81,.39)
}

.social-link-weibo i {
    color: #ec3d51
}

.social-link-weibo .social-widget-link-title {
    background-color: #ec3d51;
    color: #fff
}

.social-link-tencent-weibo {
    border-color: rgba(104,166,214,.39)
}

.social-link-tencent-weibo i {
    color: #68a6d6
}

.social-link-tencent-weibo .social-widget-link-title {
    background-color: #68a6d6;
    color: #fff
}

.social-link-email {
    border-color: rgba(42,179,154,.4)
}

.social-link-email i {
    color: #2ab39a
}

.social-link-email .social-widget-link-title {
    background-color: #2ab39a;
    color: #fff
}

.social-link-qq {
    border-color: rgba(18,170,232,.39)
}

.social-link-qq i {
    color: #12aae8
}

.social-link-qq .social-widget-link-title {
    background-color: #12aae8;
    color: #fff
}

.social-link-wechat {
    border-color: rgba(25,152,114,.4)
}

.social-link-wechat i {
    color: #199872
}

.social-link-wechat .social-widget-link-title {
    background-color: #199872;
    color: #fff
}

.f-weixin-dropdown {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #FFF;
    z-index: 9998;
    display: none;
    -webkit-animation: fade-zoom-in .3s forwards;
    -o-animation: fade-zoom-in .3s forwards;
    animation: fade-zoom-in .3s forwards;
    display: none;
    -webkit-backface-visibility: hidden
}

.f-weixin-dropdown .qcode img {
    width: 100%;
    height: auto
}

.f-weixin-dropdown.is-visible {
    display: block
}

.f-weixin-dropdown .tooltip-weixin-inner {
    max-width: 300px;
    padding: 0 20px;
    margin: auto;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 320px;
    top: -150px;
    bottom: 0
}

.f-weixin-dropdown .tooltip-weixin-inner h3 {
    color: #273746;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 1.3
}

.f-weixin-dropdown .close_tip {
    position: fixed;
    z-index: 99999;
    top: 80px;
    right: 80px;
    color: #BDBDBD;
    font-size: 36px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.widget_cjtz {
    position: relative;
    display: block
}

.widget_cjtz_img {
    position: relative
}
</style>
展开全文
『Ta』们也感兴趣 (29)
  • ihzhu
  • hkr
  • zackma
  • 1000
  • khoo
  • 阿文
  • waluojia
  • www2296945504
  • 梦里挑花
  • manxin

请先登录后发表评论!

最新回复 (1)
返回
请先登录后发表评论!
1
1