|
|
H码表格头像换成自己的图片链接地址即可（下图红色箭头所示） ID换成你的 发帖勾选H码选项 - <style type="text/css">
- #allan {
- height: 485px; width: 720px; background: #f8f7f5; margin: 40px auto; border-radius: 0px; overflow: hidden; border: 0px solid #f3f3f3; box-shadow: 0px 0px 15px 0px #999;-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;-webkit-animation-duration: 4s; ;
- }
- @-webkit-keyframes bounceInLeft {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(-3000px, 0, 0);
- transform: translate3d(-3000px, 0, 0);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(25px, 0, 0);
- transform: translate3d(25px, 0, 0);
- }
- 75% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
- 90% {
- -webkit-transform: translate3d(5px, 0, 0);
- transform: translate3d(5px, 0, 0);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- @keyframes bounceInLeft {
- from, 60%, 75%, 90%, to {
- -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
- }
- 0% {
- opacity: 0;
- -webkit-transform: translate3d(-3000px, 0, 0);
- transform: translate3d(-3000px, 0, 0);
- }
- 60% {
- opacity: 1;
- -webkit-transform: translate3d(25px, 0, 0);
- transform: translate3d(25px, 0, 0);
- }
- 75% {
- -webkit-transform: translate3d(-10px, 0, 0);
- transform: translate3d(-10px, 0, 0);
- }
- 90% {
- -webkit-transform: translate3d(5px, 0, 0);
- transform: translate3d(5px, 0, 0);
- }
- to {
- -webkit-transform: none;
- transform: none;
- }
- }
- #allan:hover {
- box-shadow: 0px 0px 0px 0px #efe4d2;
- }
- #allan_1 {
- width: 55% ; float: left;
- }
- #allan_2 {
- width: 400px; height: 485px;
- }
- #allan_5 {
- width: 320px; height: 485px; float: right; font-size: 12px;
- }
- #allantop ul {
- float: right; padding: 20px;
- }
- #allantop li {
- float: left; list-style: none; margin: 0px; color: #cfaa5c;
- }
- #allan_6 {
- padding: 50px 0px; color: #676767; line-height: 20px; text-decoration: none; font-family:YouYuan; font-size: 12px;
- }
- #allan_7 {
- height: 105px; width: 320px; background: #f8f7f5; margin-top: 0px; position: absolute; border-bottom-left-radius: 3px; float: left;
- }
- #allan_7:hover {
- box-shadow: none;
- }
- #allan_8 {
- width: 50px; height: 100px; float: left; margin-right: 20px;
- }
- #allan_8 img {
- height: 50px; width:50px;
- border-radius: 100px;
- border: 3px double #494f5a;
- }
- #allan_9 {
- padding: 10px 0px; color: #5c5c5c; font-size: 12px;
- }
- #allan_11 {
- height: 15px; width:95px;color: #9e9e9e;
- }height="118"
- </style>
- <div id="allan">
- <div id="allan_1">
- <div id="allan_2"><img width="400" height="485" src="https://hd.71dm.com/11884/photo/Mon/2019/06/185906_92d615618181174c7de83f24a34c0.png" alt="青馬布衣 歸來仍少年" border="0" onclick="if(this.parentNode.tagName!='A'&&this.width>=720) window.open('https://hd.71dm.com/11884/photo/Mon/2019/06/185906_92d615618181174c7de83f24a34c0.png');" style="max-width:720px;" onload="if(this.offsetWidth>'720')this.width='720';" title="青馬布衣 歸來仍少年"></div>
- </div>
- <div id="allan_5">
- <div id="allantop">
- <div id="allan_7">
- <div style="padding:28px 32px;">
- <div id="allan_8"><img src="https://hd.71dm.com/11884/photo/Mon/2017/04/180159_f9ba1492840676ea08e6acd2dfe7e.jpg" alt="居家" border="0" onclick="if(this.parentNode.tagName!='A'&&this.width>=720) window.open(https://hd.71dm.com/11884/photo/Mon/2017/04/180159_f9ba1492840676ea08e6acd2dfe7e.jpg'');" style="max-width:720px;" onload="if(this.offsetWidth>'720')this.width='720';" title="居家"></div>
- <div id="allan_9"><p>居家<img src="https://hd.71dm.com/11884/photo/Mon/2018/07/183691_08bd153046250234c0f27db99ff20.png"> • <a href="https://bbs.houdao.com/u.php?uid=23259856" style="color:#5f7f9f;">关注</a></p><p>BeiJing, China</p></div>
- </div>
- </div>
- <div id="allan_6">
- <div style="margin:30px 28px;">
- <div style="width:305px;height:375px; overflow-x:hidden; border:0px solid;">
- <div style="margin:30px 10px;">
- And the people went into their hide, </br>
- From the start</br>
- they didn't know exactly why, why</br>
- Winter came and made it</br>
- so all look alike, look alike</br>
- Underneath the grass would grow,</br>
- aiming at the sky</br>
- It was swift, it was just, </br>
- another wave of a miracle</br>
- But no one, </br>
- nothing at all would go for the kill</br>
- If they called one very soul</br>
- in the land on the move</br>
- Only then would they know </br>
- a blessing in disguise</br>
- The curse ruled from the underground</br>
- down by the shore</br>
- And their hope grew with a hunger</br>
- to live unlike before</br>
- The curse ruled from the underground</br>
- down by the shore</br>
- And their hope grew with a hunger</br>
- to live unlike before</br>
- Tell me now of the very souls</br>
- that look alike, look alike</br>
- Do you know the stranglehold </br>
- covering their eyes?</br>
- If I call on every soul</br>
- in the land on the move</br>
- Tell me if I'll ever know </br>
- a blessing in disguise</br>
- The curse ruled from the underground</br>
- down by the shore</br>
- And their hope grew with a hunger</br>
- to live unlike before</br>
- And the curse ruled from the underground</br>
- down by the shore</br>
- And their hope grew with a hunger</br>
- to live unlike before</br>
- </br>
- </br>
- </div>
- <div style="border-bottom: 1px dashed #5c5c5c; margin: 35px 28px 10px 10px;"></div>
- <div style="padding:10px 10px ;">
- <p><img src="https://hd.71dm.com/11884/photo/Mon/2018/06/183691_190b153019399788db35df5d43922.png"> <img src="https://hd.71dm.com/11884/photo/Mon/2018/06/183691_a358153019253624ff280d49f3aa5.png"></p><p>35.789 次赞</p></br><p>Donald J. Trump __ love this</p><p>Allan <font color="#6e4a93">@Donald J. Trump</font> fuck U</p><p>Владимир Путин __ so nice</p><p>Barack Obama __ extra cool</p><p>Xi Jin Ping __ well done</p><p>Allan <font color="#6e4a93">@Xi Jin Ping</font> 你可长点心吧</p><p>Kim Jong Un __ 매우 뛰어나다</p></p>Tsai Ing-wen __ What do we really need？</p><p>Allan <font color="#6e4a93">@Tsai Ing-wen</font> not me</p><p>Osama bin Laden __ اللهأكب ر</p><p>Allan <font color="#6e4a93">@Osama bin Laden</font> damn it . U still alive, man？！</p>
- <div style="padding:40px 0px 0px 0px ;">
- <div id="allan_11">添加更多评论 ...</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <style type="text/css">
- #zan_click{
- display: block;
- text-align: center;
- margin: 120px auto;
- }
- #zan_click .click {
- cursor: pointer;
- }
- #zan_click a{
- display: inline-block;
- transition: transform 1s, box-shadow 1s;
- color: #fff;
- width: 100px;
- height: 100px;
- border-radius: 110px;
- border: solid 4px #fff;
- box-shadow: 0 0 5px #646464;
- text-align: center;
- text-decoration: none;
- background-color: #f3f3f3;
- padding: 0px;
- }
- #zan_click a:hover {
- transform: rotate(360deg) ;
- box-shadow: 0 0 20px #191919;
- }
- #zan_click a i{
- background: none;
- padding: 0px;
- }
- #zan_bq{ margin: -15px 0px 0px 24px; color: #5c5c5c;
- }
- </style>
- <div id="zan_bq"><img src="https://hd.71dm.com/11884/photo/Mon/2018/07/183691_ed3f1530711956e242cc2c361dc9b.png"> Thunder & Rain</div>
- <div id="zan_click">
- <a title="共有35,789个赞">
- <i class="click"><img height="100" src="https://hd.71dm.com/11884/photo/Mon/2018/11/184893_1d4f1541169388dca3092a814d233.png"></i></a></br></br></br><font color="#5c5c5c">Keep Calm And Carry On</font>
- <div style="border-bottom: 1px dashed #e2e2e2; margin: 30px 0px -120px 0px;"></div>
- </div>
- <!--注释 ：使用HTML代码帖发帖前切记在发帖时勾选使用HTML代码 否则乱码无法恢复 切记！{ 此注释文字发帖时可做不删除 帖子自动隐藏不会显示此行文字 }-->
- </div>
 效果图： 
|
