创意发明｜LOFTER（乐乎） - 让兴趣，更有趣

LOFTER for ipad —— 让兴趣，更有趣

点击下载关闭

创意发明

参与话题

1974浏览 2879参与

打开新页

东华关注

-

生活摄影

热度(0)评论查看全文转载分享推荐喜欢

打开新页

老炮体坛关注

你穿的衣服可能就来自这些废弃的塑料瓶

你穿的衣服可能就来自这些废弃的塑料瓶

网易知识公路短视频科学科普塑料瓶创意发明工程机械衣服化学建筑

转载分享推荐喜欢

打开新页

琪琪主食店关注

世界5大神奇物质，每一个都将颠覆你的认知，看看你见过几个？

世界5大神奇物质，每一个都将颠覆你的认知，看看你见过几个？

短视频科学实验创意发明创意实验冷知识科普奇闻

转载分享推荐喜欢

打开新页

豆豆汉堡店关注

人类一天用掉100亿张二维码！二维码会被用完吗？答案超乎想象

人类一天用掉100亿张二维码！二维码会被用完吗？答案超乎想象

短视频创意发明 iphone 奇闻

热度(2)转载分享推荐喜欢

打开新页

科技漫游关注

英国大学生设计出半自行车，售价6000多元，时速可达20千米

英国大学生设计出半自行车，售价6000多元，时速可达20千米

短视频创意发明大学生英国自行车奇闻

热度(1)转载分享推荐喜欢

打开新页

跟我一起科普知识吧关注

你身上能用人造器官代替的7个部位，各个都是科技与狠活！

你身上能用人造器官代替的7个部位，各个都是科技与狠活！

短视频创意发明奇闻

热度(1)转载分享推荐喜欢

打开新页

琪琪主食店关注

看似柔软的水，变成水刀后为啥能够无坚不摧？小伙冒险用手实验！

看似柔软的水，变成水刀后为啥能够无坚不摧？小伙冒险用手实验！

短视频创意发明工程机械奇闻

转载分享推荐喜欢

打开新页

红辣椒奇闻关注

假死的人被送进火化炉，还有机会呼救逃生吗？结果令人后怕！

假死的人被送进火化炉，还有机会呼救逃生吗？结果令人后怕！

短视频创意发明冷知识冷知识科普奇闻

热度(3)转载分享推荐喜欢

打开新页

红辣椒奇闻关注

国外发明“折叠”铺路车，边跑边铺6分钟造50米，实拍铺路全程

国外发明“折叠”铺路车，边跑边铺6分钟造50米，实拍铺路全程

短视频创意发明工程机械奇闻

转载分享推荐喜欢

打开新页

琪琪主食店关注

乘飞机时，你托运的行李都经历了什么？还原托运幕后全过程！

乘飞机时，你托运的行李都经历了什么？还原托运幕后全过程！

短视频社科人文行李社会知识科普创意发明科普视频动画分享飞机玩游戏

转载分享推荐喜欢

打开新页

红辣椒奇闻关注

不倒塌的情况下，木板可以无限堆叠吗？一张纸最多能对折多少次？

不倒塌的情况下，木板可以无限堆叠吗？一张纸最多能对折多少次？

短视频科学实验创意实验创意发明手工自制奇闻

转载分享推荐喜欢

打开新页

江东小乐关注

这手就离谱

这手就离谱

网易知识公路短视频社会趣闻创意实验创意发明恶搞文化生活趣事搞笑

转载分享推荐喜欢

打开新页

美妆上阵关注

奇葩的挑战赛，困难重重不放水很难成功

奇葩的挑战赛，困难重重不放水很难成功

短视频民间高手创意实验创意发明外国恶搞奇闻影视解说

热度(1)转载分享推荐喜欢

打开新页

小马搞笑配音关注

高手卸货，一人干俩活

高手卸货，一人干俩活

网易知识公路短视频生活风景创意发明工程机械搞笑

热度(7)评论(1)转载分享推荐喜欢

打开新页

江东小乐关注

惊不惊喜，意不意外

惊不惊喜，意不意外

网易知识公路短视频创意发明创意实验工程机械游戏游戏实况搞笑

转载分享推荐喜欢

打开新页

悦贝电影关注

他们在独居女孩家里装了监控，还拿工具到处扫描，只因她家有点怪

他们在独居女孩家里装了监控，还拿工具到处扫描，只因她家有点怪

短视频创意发明国外奇闻奇闻影视解说

热度(42)评论(1)转载分享推荐喜欢

打开新页

scitoooo 关注

如何用CorelDRAW软件制作气泡

如何用CorelDRAW软件制作气泡

网易知识公路短视频气泡科研制图 sci 人工智能创意发明 Autodesk coreldraw 3dsmax

转载分享推荐喜欢

打开新页

科技漫游关注

可充气的千斤顶，轻松顶起百吨重的卡车，你觉得如何呢？

可充气的千斤顶，轻松顶起百吨重的卡车，你觉得如何呢？

网易知识公路短视频千斤顶创意发明工程机械卡车硬核技术

转载分享推荐喜欢

打开新页

北言关注

回收的电子垃圾到底有多少价值

回收的电子垃圾到底有多少价值

短视频科学实验创意发明创意实验奇闻社会

热度(285)评论(2)转载分享推荐喜欢

打开新页

scitoooo 关注

如何用CorelDraw软件制作一组手臂模型

如何用CorelDraw软件制作一组手臂模型

网易知识公路短视频数码产品人工智能创意发明 Autodesk coreldraw 3dsmax 软件教程

转载分享推荐喜欢

打开新页

科技漫游关注

最简单的千斤顶，无需任何人力，轻松顶起50吨大卡车

最简单的千斤顶，无需任何人力，轻松顶起50吨大卡车

网易知识公路短视频千斤顶大卡车创意发明人力工程机械硬核技术

转载分享推荐喜欢

LOFTER，

让兴趣，更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端

关注最新消息

下一页

想用@提到谁？

<div class="m-mlist">
    <div class="mlistimg ${xtag}">
        <div class="w-img" style="z-index:1;">
            <a href="#" target="_blank"><img class="${xtag}"></a>
            <div class="w-img w-img-1"><a href="#" target="_blank"><img class="${xtag}"/></a></div>
            <a class="vicon" style="display:none"></a>
        </div>
        <div class="w-img" style="height:0px;padding:0;z-index:10;">
            <div class="a-w-sel a-w-sel-7">
                <div class="w-sel w-sel-7 ${xtag}" style="margin-top:-148px;display:none;">
                    <div class="selc">
                        <div class="selcc">
                            <div class="seli"><a class="sela selicn sellike" href="#">喜欢的文章</a></div>
                            <div class="seli"><a class="sela selicn selfollow" href="#">关注的博客</a></div>
                            <div class="seli"><a class="sela selicn sel1" href="#" target="_blank">发私信</a></div>
                            <div class="seli"><a class="sela selicn sel2" href="#">取消关注</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mlistimg ${xtag}">
        <div class="w-img w-img-2 ${xtag}">
            <div class="time ${xtag}">
                <strong></strong>
            </div>
        </div>
    </div>
    <div class="mlistcnt">
        <div class="isay">
            <div class="isayt">
                <a class="isayc ${xtag}" href="#" title="查看全文" target="_blank">打开新页</a><span class="isayc ${xtag}" style="display:none;"></span>
            </div>
            <div class="isaym">
                <div class="w-who"><a href="#" class="publishernick ${xtag}" target="_blank">hisname</a>
                    <a href="javascript:void(0);" class="${xtag}" style="display: none">该抢先看文章已解锁免费看</a>
                    <a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><div class="unpromote">-<a href="javascript:"><span class="nocare-hvlayer"></span></a></div><span class="whosep ${xtag}">转载自</span><a href="#" class="${xtag}" target="_blank">hername</a><a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><span class="whosep ${xtag}" style="display:none;">来源</span><a href="#" class="${xtag}" style="display:none;" target="_blank"></a><a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><div style="" class="${xtag}">（仅自己可见）</div>
                    <span class="whosep ${xtag}" style="display:none;">- 推荐者 <a href="#" class="${xtag}" target="_blank">hername</a>
                        <a title="" href="javascript:void(0)"><span class="${xtag} shieldSharerBtn"></span></a>
                    </span><span class="whosep ${xtag}" style="display:none;">- LOFTER推荐</span>
                    <div class="oprt ${xtag}" style="display:none;"><span><a href="#" class="${xtag}">屏蔽</a></span><span><a href="#" class="${xtag}">过滤</a></span><span style="display:none;"><a href="#" class="${xtag} degrade" title="( 谱1 | 精1 | 降1 | 滤1 )">2.1</a></span><span><a href="#" class="${xtag}">不推</a></span><span><a href="#" target="_blank" class="w-img2 w-img2-3"><img class="${xtag}"></a><a href="#" class="${xtag}">去精</a></span></div>
                    <div class="select-post-mark ${xtag} f-cb" style="display:none;"><span class="select-mark f-fl"></span><span class="${xtag} f-fl">置顶文章</span></div>
                </div>

<div class="${xtag}"></div>
                <div class="w-opt">
                    <div class="opta ${xtag}">
                        <a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a>
                    </div>
                    <div class="optb">
                        <span class="opti ${xtag}"><a class="w-icn w-icn-8" href="#">移动内容</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}">发布</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}">编辑</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}" hidefocus="true">删除</a></span><span class="opti"><a href="#" class="${xtag}">发布</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}" hidefocus="true">加黑</a></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">热度(1)</a><span class="opticrt"></span></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">评论(1)</a></span><span class="opti"><a href="#" class="${xtag}" target="_blank" hidefocus="true">查看全文</a><span class="opticrt"></span></span><span class="opti opti-reblog"><a href="#" class="${xtag}" target="_blank">转载</a></span><span class="opti opti-shareTo"><a href="#" class="${xtag}" hidefocus="true">分享</a><span class="opticrt"></span></span><span class="opti"><a class="${xtag}" hidefocus="true" href="#">推荐</a></span><span class="opti"><a class="w-icn w-icn-0b ${xtag}" hidefocus="true" href="#">喜欢<span></span><span></span></a></span>
                    </div>
                </div>
            </div>
            <div class="a-isaym2"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-81px;"></div></div>
            <div class="a-isaym2"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-81px;"></div></div>
            <div class="a-isaym2 a-isaym2-shareTo"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-125px;"></div></div>
            <div class="isayb"></div>
        </div>
    </div>
</div>

<div class="m-mlist">
    <div class="mlistimg">
        <div class="w-img w-img-2 ${xtag}">
            <div class="time ${xtag}">
                <strong></strong>
            </div>
        </div>
    </div>
    <div class="mlistcnt">
        <div class="isay">
            <div class="isayt">
                <a class="isayc ${xtag}" href="#" title="查看全文" target="_blank">打开新页</a><span class="isayc ${xtag}" style="display:none;"></span>
            </div>
            <div class="isaym">

<div class="w-who"><a href="#" class="${xtag}" target="_blank">hisname</a>
                    <span class="whosep ${xtag}">转载自</span><a href="#" class="${xtag}" target="_blank">hername</a>
                    <span class="whosep ${xtag}" style="display:none;">来源</span><a href="#" class="${xtag}" style="display:none;" target="_blank"></a>
                    <span style="" class="whosep ${xtag}">（仅自己可见）</span>
                    <span class="whosep ${xtag}" style="display:none;">
                        - 推荐者 <a href="#" class="${xtag}" target="_blank">hername</a>
                    </span></div>

<div class="${xtag}"></div>
                <div class="w-opt">
                    <div class="opta ${xtag}">
                        <a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a>
                    </div>
                    <div class="optb">
                        <span class="opti ${xtag}"><a class="w-icn w-icn-8" href="#">移动内容</a></span><span class="opti"><a href="#" class="${xtag}">编辑</a></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">删除</a></span><span class="opti"><a href="#" class="${xtag}">发布</a></span>
                    </div>
                </div>
            </div>
            <div class="isayb"></div>
        </div>
    </div>
</div>

<div class="m-icnt" id="guess-like">
        <div class="guess f-cb">
          <span class="ttl">猜你喜欢</span>
          <a class="help" target="_blank" href="//lofterxms.lofter.com/post/1d6ce799_b19d3dd"><img src="//l.bst.126.net/rsc/img/helpico24.png"></a>
          <a class="close ctag ${xtag}" href="#" title="关闭"></a>
        </div>

<div class="guesslike f-cb">
            <div class="col f-trans2" id="col-1">
                <div class="avg-block">
                    <a class="avglink ${xtag}" href="#" target="_blank"><img class="avg ${xtag}" src=""><i></i></a>
                    <a class="f-thide nick ${xtag}" href="#" target="_blank"></a>
                    <span class="shade"></span>
                    <a class="no-interest ${xtag}" id="no-interest1">不喜欢</a>
                    <div class="desc"><span class="daren ${xtag}"></span>  <span>被喜欢</span><span class="favor ${xtag}"></span></div>
                </div>
                <div class="articles f-cb" id="articles1"></div>
                <a class="btn-guslk btn-follow ${xtag}" id="guslk-follow1"><span class="fol1">关</span><span class="fol2">注</span></a>
                <a class="btn-guslk btn-follow-actived f-dn" id="guslk-actived1">已关注</a>
            </div>
            <div class="col f-trans2" id="col-2">
                <div class="avg-block">
                    <a class="avglink ${xtag}" href="#" target="_blank"><img class="avg ${xtag}" src="" alt=""><i></i></a>
                    <a class="f-thide nick ${xtag}" href="#" target="_blank"></a>
                    <span class="shade"></span>
                    <a class="no-interest ${xtag}" id="no-interest2">不喜欢</a>
                    <div class="desc"><span class="daren ${xtag}"></span>  <span>被喜欢</span><span class="favor ${xtag}"></span></div>
                </div>
                <div class="articles f-cb" id="articles2"></div>
                <a class="btn-guslk btn-follow ${xtag}" id="guslk-follow2"><span class="fol1">关</span><span class="fol2">注</span></a>
                <a class="btn-guslk btn-follow-actived f-dn" id="guslk-actived2">已关注</a>
            </div>
        </div>
    </div>

<ul>
        {list posts as post}
            {if post.type==1 || post.type == 5}
                <li class="article article-txt">
                    <div class="fullnk" data-blogid="${post.blogId}" data-postid="${post.postId}">
                        <div class="text">
                            {if !!post.title}<strong class="ttl">${post.title|escape}</strong>{/if}
                            {if !!post.digest}<div class="desc">${post.digest}</div>{/if}
                        </div>
                        <a onclick="if(!!window.doArticleStatistic){doArticleStatistic('${post.permalink}')}" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" class="layer" style="left:0; top:0;"></a>
                    </div>
                </li>
            {/if}
            {if post.type==2}
            <li class="article article-img">
                <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                    <span class="pic" style="background:url(${post.image|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
                    <span class="layer"></span>
                </a>
            </li>
            {/if}
            {if post.type == 3}
                    {if !!post.image}
                        <li class="article article-audio">
                            <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                                <span class="pic" style="background:url(${post.image|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
                                <span class="cover"></span>
                                <span class="layer"></span>
                            </a>
                        </li>
                    {else}
                        <li class="article article-audio">
                            <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" data-blogid="${post.blogId}" data-postid="${post.postId}">
                                <span class="pic">
                                    <span class="img"> </span>
                                </span>
                                <span class="cover"></span>
                                <span class="layer"></span>
                            </a>
                        </li>
                    {/if}
                {/if}
            {if post.type == 4}
                {if !!post.image}
                    <li class="article article-video">
                        <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                            <span class="pic">
                                <img src="${post.image}"{if !!post.title} alt="${post.title}" title="${post.title}"{/if}/>
                            </span>
                            <span class="cover"></span>
                            <span class="layer"></span>
                        </a>
                    </li>
                {else}
                    <li class="article article-video">
                        <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" data-blogid="${post.blogId}" data-postid="${post.postId}">
                            <span class="pic">
                                <span class="img"> </span>
                            </span>
                            <span class="cover"></span>
                            <span class="layer"></span>
                        </a>
                    </li>
                {/if}
            {/if}
        {/list}
    </ul>

{if !!photo.labels && photo.labels.length>0}
                    {var wrapwidth = photo.ow < 500?photo.ow:500}
                    <div class="m-labelswrap" style="width:${wrapwidth}px">
                      {list photo.labels as labs}
                      {var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
                      {if lbtxtwidth>12}
                      <div class="w-labels {if labs.ort==1}w-labels-right{else}w-labels-left{/if}" style="{if labs.ort==1}right:${100-labs.x}%;top:${labs.y}%{else}left:${labs.x}%;top:${labs.y}%{/if}">
                        {if !!labs.icon}
                        <img class="lbimg" src="${labs.icon}" />
                        <div class="lbwrap">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {else}
                        <div class="lbwrap lbwrap-noimg">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth+28}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {/if}
                      </div>
                      {/if}
                      {/list}
                      <img class="wrapbg" src="//l.bst.126.net/rsc/img/common/empty.png">
                    </div>
                    {/if}

{list photos as photo}
            <div class="imgc">
                <a href="#" hidefocus="true">
                    <img width="{if photo.ow < 145}${photo.ow|escape}{else}164{/if}" src="${httpImgConvertToHttps(photo.middle)|escape}">
                    <span class="total">
                        <span class="totalbg"></span><span class="totalnum">${photos.length||2}</span>
                    </span>
                </a>
            </div>
            {if photo_index==0}{break}{/if}
        {/list}
        <ol style="display:none;">
        {list photos as photo}
            <li>
                <div class="imgc">
                    <a href="#" hidefocus="true"><img width="{if photo.ow < 500}${photo.ow|escape}{else}500{/if}" large="${httpImgConvertToHttps(photo.orign)|escape}" {if !!iself}src="${httpImgConvertToHttps(photo.middle)|escape}"{else}imgsrc="${httpImgConvertToHttps(photo.middle)|escape}"{/if}>
                        {if !!expand}
                        <span class="total">
                            <span class="totalbg"></span><span class="totalnum">${photos.length||2}</span>
                        </span>
                        {/if}
                    </a>
                  {if !!photo.labels && photo.labels.length>0}
                    {var wrapwidth = photo.ow < 500?photo.ow:500}
                    <div class="m-labelswrap" style="width:${wrapwidth}px">
                      {list photo.labels as labs}
                      {var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
                      {if lbtxtwidth>12}
                      <div class="w-labels {if labs.ort==1}w-labels-right{else}w-labels-left{/if}" style="{if labs.ort==1}right:${100-labs.x}%;top:${labs.y}%{else}left:${labs.x}%;top:${labs.y}%{/if}">
                        {if !!labs.icon}
                        <img class="lbimg" src="${labs.icon}" />
                        <div class="lbwrap">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {else}
                        <div class="lbwrap lbwrap-noimg">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth+28}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {/if}
                      </div>
                      {/if}
                      {/list}
                      <img class="wrapbg" src="//l.bst.126.net/rsc/img/common/empty.png">
                    </div>
                    {/if}
                </div>
                <div class="more more-2" {if photo.ow <= 500}style="display:none;"{/if}>
                    <a class="w-zoom" onclick="loft.x.stopEvent(event);loft.m.g.mp${gid}.photoshow(${photo_index});return false;">查看大图</a>
                </div>
                {if !expand}<p>${spescape(captions[photo_index])}</p>{/if}
             </li>
             {if !!expand}{break}{/if}
        {/list}
        </ol>

<div class="flashvideo">
        <object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">
            <param name="movie" value="https://www.lofter.com/rsc/swf/video/lofterVideoPlayer.swf">
            <param name="wmode" value="transparent">
            <param name="quality" value="high">
            <param name="allowFullScreen" value="true">
            <param name="flashvars" value="controlbar=none&skin=https://www.lofter.com/rsc/swf/video/skin/skin.zip&file=${src}&image=${imgsrc}&autostart=true&repeat=always">
            <embed width="100%" height="100%"  src="//www.lofter.com/rsc/swf/video/lofterVideoPlayer.swf" flashvars="controlbar=none&skin=https://www.lofter.com/rsc/swf/video/skin/skin.zip&file=${src}&image=${imgsrc}&autostart=true&repeat=always" allowFullScreen="true" menu="false" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash">
        </object>
    </div>

<div class="m-icnt m-icnt-askanswer">
      <div class="answerItem">
        <div class="answernick"><a class="${xtag}" hidefocus="true" target="_blank" href="#"></a><span class="answertip"> <span class="answertypetxt ${xtag}"></span></span></div>
        <div class="askarea">
            <div class="question"><div class="qcnt ${xtag}"></div><em class="f-askicon arrow"> </em></div>
            <div class="asker">
                <div style="display:none" class="realnameask">
                    <a target="_blank" href="#"><img class="${xtag}" /></a>
                    <a class="f-thide askernick ${xtag}" target="_blank" href="#"></a>
                </div>
                <div class="anonyask">
                    <img class="${xtag}" />
                    <span class="f-thide askernick ${xtag}"></span>
                </div>
            </div>
        </div>
        <div class="cnt">
            <div class="img"><a href="#" hidefocus="true"><img width="164" class="${xtag}"></a></div>
            <div class="txt ${xtag}">
                <p></p>
            </div>
        </div>
        <div class="more" style="display:none;"><a class="w-more w-more-open ${xtag}" href="#">展开</a></div>
        <div style="display:none" class="askagain"><a class="${xtag}" hidefocus="true" target="_blank" href="#"><span class="againtxt ${xtag}"></span><em style="display:none" class="icon24"> </em></a></div>
        <div class="clearfix opbar">
            <a class="${xtag}" hidefocus="true" href="#">删除</a>
        </div>
      </div>
      <div class="askItem">
        <div class="asknick"><a class="${xtag}" hidefocus="true" target="_blank" href="#"></a><span class="asktip"><em class="nicksep"> </em>提问</span></div>
         <div class="cnt">
             <div class="txt ${xtag}"></div>
         </div>
         <div class="clearfix opbar">
             <a class="addblack ${xtag}" hidefocus="true" target="_blank" href="#">加黑</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">删除</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">仅回答</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">回答并发布</a>
         </div>
      </div>
    </div>

<div class="a-w-sel a-w-sel-7 a-w-sel-do usercard">
	    <div class="w-sel w-sel-7">
	    	<div id="ucarrow" class="arrow arrow-${arrow}"></div>
		    <div class="selc">
	            <div class="selcc selcc-1" id="selcc-1">
	       		    <div class="seli seli-glist2">
	                    <div class="m-glist2">
		                    <div class="w-img2 w-img2-1"><a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '头像点击']);" target="_blank" href="https://${data.blogname}.lofter.com/"><img src="${httpImgConvertToHttps(data.avaImg|default:'https://l.bst.126.net/rsc/img/ava/64.png')}"><em class="vicon {if !!viconclass}${viconclass}{/if}"></em></a></div>
	                        <div class="bloginfo">
	    	                    <a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '昵称点击']);" style="display:inline-block;width:210px;" target="_blank" href="https://${data.blogname}.lofter.com/" class="name f-thide">${data.name|escape}</a>
	                            <div class="subinfo"><a onclick="drawStatisticImg('qbgrmp_20150416_01');window['_gaq'].push(['_trackEvent', '个人名片', '文章xxx点击']);" {if !data.publicPostCount || data.publicPostCount<0}style="display:none"{/if} href="https://${data.blogname}.lofter.com/" target="_blank">文章 ${data.publicPostCount}</a><a onclick="drawStatisticImg('qbgrmp_20150416_02');window['_gaq'].push(['_trackEvent', '个人名片', '喜欢xxx点击']);" {if !data.FavoritePostCount || issubblog || data.FavoritePostCount<0}style="display:none"{/if} href="//www.lofter.com/favblog/${data.blogname}" target="_blank">喜欢 ${data.FavoritePostCount}</a><a onclick="drawStatisticImg('qbgrmp_20150416_03');window['_gaq'].push(['_trackEvent', '个人名片', '关注xxx点击']);" {if !data.followerCount || issubblog || data.followerCount<0}style="display:none"{/if} href="//www.lofter.com/explore?type=follow&bid=${blogid}" target="_blank">关注 ${data.followerCount}</a></div>
	                        </div>
	                        <div class="blogmenu">
                                <div class="menu"{if rankNum == 0} style="display:none;"{/if}>
                                    <a class="menubtn ftag" href="javascript:void(0)"></a>
                                    <div class="menulist ftag" style="display:none;top:50px;opacity:0;">
                                        <div class="arrow"></div>
                                        <ul>
                                            {if data.msgRank == 1}<li><a id="ucmsg" onclick="drawStatisticImg('qbgrmp_20150416_04');" target="_blank" href="{if !!isLogin}https://www.lofter.com/message/${data.blogname}/{else}https://www.lofter.com/front/login?target=https://www.lofter.com/message/${data.blogname}/{/if}">私信</a></li>{/if}
                                            <li><a id="ucblack" href="#">{if !!data.inBlackList}取消加黑{else}加黑{/if}</a></li>
											<li style="{if data.shieldRecomCode==0}display:none{/if}"><a id="ucShield" href="#">
                                                {if data.shieldRecomCode==1}恢复查看推荐{/if}
												{if data.shieldRecomCode==2}不看推荐内容{/if}
											</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="followbtn">
                                    <a class="u-btn2 ftag" style="display:none;" href="#"><span>已关注</span></a>
		                        	<a class="u-btn u-btn-1 ftag" style="display:none;" href="#"><b>+</b><span>关注</span></a>
		                        </div>
                            </div>
	                    </div>
	                </div>
	                <div class="seli seli-goodcnt">
	                    <ul class="m-goodcnt m-goodcnt-4">
	                        <li>
	                        {if defined('posts')&&posts.length>0}
				          	{list posts as post}
	                        	<div class="itm">
			          				{if post_index < 3}
			          					{if post.type == 1 || post.type == 5}
		          							<div class="txt">
		          								{if !!post.title}<h3>${post.title|escape}</h3>{/if}
		          								{if !!post.digest}${post.digest}{/if}
		          							</div>
		          							<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}" class="textlink"></a>
						          		{/if}
						          		{if post.type == 2}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
						          				<span class="icover"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 3}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
						          				<span class="icover"></span>
						          				<span class="w-type"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 4}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
						          				<span class="icover"></span>
						          				<span class="w-type w-type-1"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 6}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
						          				<span class="icover"></span>
						          				<span class="long-flag"></span>
						          			</a>
						          		{/if}
			          				{/if}
				          		</div>
				          	{/list}
				          	{else}
				          	<div class="nopost">暂无文章</div>
				          	{/if}
	                        </li>
	                    </ul>
	                </div>
	                <div class="seli">
	                	<div class="m-daren">
	                	{if drlist.length>0}
	                		<span class="moredr">更多相似达人：</span>
	                		{list drlist as dr}<a class="ftag" href="https://${dr.blogName}.lofter.com/?from=usercard" target="_blank" onclick="similarBlogClick(${dr.blogId},'${dr.algInfo|default:''}','${dr.recId|default:''}');drawStatisticImg('qbxsdr_20150810_02');">${subStr(dr.blogNickName,14,true)|escape}</a>{if drlist.length === 3 && dr_index === 0}、{/if}{if drlist.length === 3 && dr_index === 1}、{/if}{if drlist.length === 2 && dr_index === 0}、{/if}{/list}
	                	{else}
	                		<span class="nomore">暂无相似达人，</span><a href="//www.lofter.com/explore/?type=recommend" target="_blank" onclick="drawStatisticImg('qbxsdr_20150814_02')">发现更多>></a>
	                	{/if}
	                	</div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

{if defined('posts')&&posts.length>0}
      	{list posts as post}
        	<div class="itm tctag">
  				{if post_index < 3}
  					{if post.type == 1 || post.type == 5}
						<div class="txt">
							{if !!post.title}<h3>${post.title|escape}</h3>{/if}
							{if !!post.digest}${post.digest}{/if}
						</div>
						<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}" class="textlink"></a>
	          		{/if}
	          		{if post.type == 2}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
	          				<span class="icover"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 3}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
	          				<span class="icover"></span>
	          				<span class="w-type"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 4}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
	          				<span class="icover"></span>
	          				<span class="w-type w-type-1"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 6}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
	          				<span class="icover"></span>
	          				<span class="long-flag"></span>
	          			</a>
	          		{/if}
  				{/if}
      		</div>
      	{/list}
  	{else}
  		<div class="nopost tctag">暂无文章</div>
  	{/if}