0f01debf by weimo934

style(*):添加微信分享

1 parent 16857c58
......@@ -320,6 +320,49 @@ div.navigation {
margin-top: 30px;
}
.wxewm {
/*display: none;*/
position: absolute;
top: -25px;
left: -100px;
width: 110px;
height: 160px;
border: 1px solid #CCC;
}
.wxewm img{
padding: 5px;
}
.wxewm:before{
content: "";
position: absolute;
left: 110px;
top: 30px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #CCC;
}
.wxewm:after{
content: "";
position: absolute;
left: 109px;
top: 31px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 9px solid white;
}
.wxewm span {
display: inline-block;
}
.wx {
position: relative;
}
.wx:hover .wxewm {
display: inline-block;
}
.date div:nth-child(1), .date div:nth-child(3) {
width: 39px;
height: 16px;
......@@ -620,7 +663,8 @@ div.navigation {
color: #4A4A4A;
line-height: 18px;
}
.right-top h2{
.right-top h2 {
font-size: 27px;
}
......
......@@ -87,11 +87,18 @@
</div>
<div class="share">
<div>-分享-</div>
<div>微信</div>
<div class="wx">微信
<div class="wxewm">
<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3900974051,675208502&fm=26&gp=0.jpg"
width="100px" alt="微信分享二维码">
<span>用微信扫描二维码</span>
</div>
</div>
<div>朋友圈</div>
<div>
<a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'" target="_blank">微博</a>
<a href="http://v.t.sina.com.cn/share/share.php?url=http://www.jb51.net&title='分享内容'"
target="_blank">微博</a>
</div>
<div>
<a href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.jb51.net"
......