悸动， 发表于 2017-1-15 17:48:33

日志/心情/文字清新H码表格分享。

<style type="text/css">
#jdtop a{}
#jd{height: 430px;width: 600px;background: #fff;margin: 50px auto;border-radius: 3px;overflow: hidden;border: 1px solid #f5f5f5;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jd:hover{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.22);}
#jdz{width: 50%;float: left;}
#jdbj {width: 300px;height: 430px;overflow: hidden;}
#jdbj img {width: 300px;}
#jdzx{height: 135px;width: 300px;background: rgba(0, 0, 0, 0.20);margin-top: -135px;position: absolute;border-bottom-left-radius: 3px;float: left;}
#jdtx {width: 50px;height: 100px;float: left;margin-right: 30px;}
#jdtx img{height: 50px;width:50px;
        border-radius: 110px;
        border:3px solid #eee;
        -webkit-transition: -webkit-transform 0.5s ease-out;
        -moz-transition: -moz-transform 0.5s ease-out;
        -o-transition: -o-transform 0.5s ease-out;
        -ms-transition: -ms-transform 0.5s ease-out;
}
#jdtx img:hover{
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
}
#jdwz {padding: 10px 0;color: #fff;font-size: 15px;font-family: 黑体;}
#jdwz p {font-size: 13px;margin: 5px 0;font-family: 宋体;}
#jdlx {        background: rgba(225, 225, 225, 1.10);font-size: 12px;padding: 5px 0;color: #666;width: 100%; margin: 5px 0;border-radius: 2px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdlx:hover{background: rgba(0, 0, 0, 0.30);color: #fff;}
#jdy{width: 300px;height: 430px;float: right;font-size: 12px}
#jdtop {height: 30px;}
#jdtop ul {float: right;padding: 0;margin: 0;}
#jdtop li {float: left;list-style: none;padding: 7px 10px;margin: 0;color: #bbb;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdtop li:hover{background: rgba(0, 0, 0, 0.10);}
#jdywz {padding: 10px 20px;color: #888;line-height: 20px;text-decoration:none;}
#jdywz a{color: #888;text-decoration:none;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdywz a:hover{color: #000;}
</style>
<div id="jd">
<div id="jdz">
<div id="jdbj">http://attachment.qqmcc.net/attachment/album/201701/15/174816euxi7quam307d1aq.jpg</div>       
<div id="jdzx">
<div style="padding:20px 30px;">
        <div id="jdtx">http://attachment.qqmcc.net/attachment/album/201611/29/213737im8bagm99cab0zfg.jpg</div>
        <div id="jdwz">悸动 </br> <p>想离开的人有千万种理由，</p></div>
        <div id="jdlx">　 发消息</div>
</div>
</div>
</div>
<!-- 左边 -->
<div id="jdy">
        <div id="jdtop">
        <ul><li>-</li><li>+</li><li>□</li></ul></div>
<div id="jdywz">
昵称：悸动</br>
UID ：100</br>
空间：http://www.qqmcc.net/?10000
<div style="border-top: 1px solid #ddd;margin-top: 15px;"></div>
<div style="padding:20px 0;">
谁说玩DNF没用...</br>
今天我出门买东西，看到一辆车飞奔过来，</br>
我熟练的使出 后跳 躲过去了，</br>
那司机真应该庆幸，我手里没棒子 刀什么的，</br>
要不然我用处了后跳斩了....</br>
</br>

</div>
</div>
</div>
</div>

</div>

不浪漫罪名 发表于 2017-1-15 17:57:46

厉害，感谢分享

悸动， 发表于 2017-1-15 18:04:13

**** Hidden Message *****

悸动， 发表于 2017-1-15 18:05:22

使用教程：
第一步：

勾上《纯文本》
http://attachment.qqmcc.net/attachment/album/201701/13/182130vblbdaadasjsw8j1.jpg

第二步：

勾上《HTML代码》
http://attachment.qqmcc.net/attachment/album/201701/13/182131xt363rvuarit6tre.jpg



第三步：

复制代码，从相册内更换图片。
http://attachment.qqmcc.net/attachment/album/201701/13/182131fv61lh66k5ak866l.jpg
注：插入图片需用先上传到相册，然后从相册插入的方式。

萌二抽屉。 发表于 2017-1-15 18:25:47

大神你好。

QQmcc-贝宁 发表于 2017-1-15 19:18:23

感谢分享

悸动， 发表于 2017-1-15 19:21:17

萌二抽屉。 发表于 2017-1-15 18:25
大神你好。

好久不见啊~

萌二抽屉。 发表于 2017-1-15 19:59:31

悸动， 发表于 2017-1-15 19:21
好久不见啊~

对哈，我都很久不冒泡的

沈风 发表于 2017-1-15 23:32:39

感谢分享

别等风离开 发表于 2017-1-16 13:40:47

我拿走了嘻嘻
页: [1] 2 3 4
查看完整版本: 日志/心情/文字清新H码表格分享。