给你的网站侧边栏添加一个联系方式基本通用

kingkare 发表于 2024-7-30 22:57:29

本站演示效果图：
https://www.imgccc.com/2024/07/30/4c2d34f1fb74d.pnghttps://www.imgccc.com/2024/07/30/8d2fd8ebf2d09.png

代码如下：
<div class="attentionus">

<ul class="items clearfix">



荷包蛋部落新浪
<a href="javascript:;" target="_self" rel="nofollow"></a>



 荷包蛋部落抖音
<a href="javascript:;" target="_self" rel="nofollow"></a>


8641340QQ号
<a href="javascript:;" rel="nofollow"></a>



8641340@qq.com邮箱
<a href="javascript:;" target="_self" rel="nofollow"></a>



www.hbd0.cn荷包蛋
<a id="tooltip-s-weixin" href="javascript:void(0);"></a>

</ul>

</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
margin-right: -10px;
}

.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>

七夏发表于 2024-7-30 23:06:20

🌟 顶贴留名，内容真心很棒！ 🌟—— 来自：荷包蛋部落（HBD0.CN）已读乱回

SanS三石 发表于 2024-7-31 00:42:02

这个有点6

Amani 发表于 2024-8-3 08:24:03

❤️ 爱是一种力量，它能改变一切。 ❤️—— 来自：荷包蛋部落（HBD0.CN）已读乱回

页: [1]

荷包蛋部落's Archiver

给你的网站侧边栏添加一个联系方式 基本通用

给你的网站侧边栏添加一个联系方式基本通用