htf｜LOFTER（乐乎） - 让兴趣，更有趣

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

点击下载关闭

htf

参与话题

93.2万浏览 9225参与

打开新页

陆七年关注

开始不画正常东西了

开始不画正常东西了

htf happytreefriends 双英 splendid splendont lumpy

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

打开新页

solubility 关注

我不想屯了，，， p4有对小刺...

我不想屯了，，，

p4有对小刺及相关cp向的看法

我不想屯了，，，

p4有对小刺及相关cp向的看法

htf 英觉 tord

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

打开新页

萝卜粟仁关注

✨

✨

htf happy tree friends nutty 欢乐树的朋友们

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

打开新页

指数14waste 关注

htf

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

打开新页

杂鱼关注

四舍五入等于画了俩

四舍五入等于画了俩

欢乐树的朋友们 htf 双英 splendid splendont

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

打开新页

翙鮰关注

茶绘

茶绘

happy tree friends 欢乐树的朋友们 htf

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

打开新页

牛爷爷关注

全拟

全拟

htf

热度(20)评论(4)转载分享推荐喜欢

打开新页

阿树关注

（更新预告）？！新cos？好耶

（更新预告）？！新cos？好耶

（更新预告）？！新cos？好耶

happytreefriends 欢乐树的朋友们 htf flaky fliqpy flippy cosplay

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

打开新页

⚠关注

画点其他我喜欢的角色

画点其他我喜欢的角色

htf

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

打开新页

小伙雷幼尔关注

可爱

可爱

flaky htf

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

打开新页

、MINT.关注

偷摸宣传一下某鹅的bu档!基本...

偷摸宣传一下某鹅的bu档!基本目前为止所有的文都在里面啦w

号码在图片里了不知道能不能发出去……

偷摸宣传一下某鹅的bu档!基本目前为止所有的文都在里面啦w

号码在图片里了不知道能不能发出去……

HTF

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

打开新页

强。关注

占tag打扰了，退坑出一点古早...

占tag打扰了，退坑出一点古早本，有意可以私聊( *ˊᵕˋ)

占tag打扰了，退坑出一点古早本，有意可以私聊( *ˊᵕˋ)

htf htf拟人 htf拟人化

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

打开新页

alfalfa苜关注

p4oc

p4oc

htf happy tree friends cuddles toothy htfoc

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

打开新页

地才阴仙子关注

本可不能接受😡😡 loft...

本可不能接受😡😡

loft审核鼠了

本可不能接受😡😡

loft审核鼠了

htf 羊刺 flaky lammy

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

打开新页

从不认真画画。我不要玩了！关注

(；′⌒`)

(；′⌒`)

happy tree friends 欢乐树的朋友们 htf

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

打开新页

给你这道法简答题来两拳关注

四舍五入（

假发还没修

四舍五入（

假发还没修

htf

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

打开新页

焦早早关注

美术生pa追平了！这次单人的场...

美术生pa追平了！这次单人的场景比较多所以tag也很CP向！好纯爱啊！永远喜欢美术生pa（词穷）

美术生pa追平了！这次单人的场景比较多所以tag也很CP向！好纯爱啊！永远喜欢美术生pa（词穷）

happy tree friend htf 军英觉英 splendid Fliqpy

热度(15)评论(4)转载分享推荐喜欢

打开新页

阿树关注

Emm,你们来到外面就是为了讨...

Emm,你们来到外面就是为了讨论蓝莓吗，注意安全！（这漫画好短））

另附大大的一点碎碎念：this has like no actual significance i just wanted to make a comic with proper formatting again because it's been a while

这好像没有什么实际意义，我只是想用正确的...

Emm,你们来到外面就是为了讨论蓝莓吗，注意安全！（这漫画好短））

另附大大的一点碎碎念：this has like no actual significance i just wanted to make a comic with proper formatting again because it's been a while

这好像没有什么实际意义，我只是想用正确的格式再做一部漫画，因为已经有一段时间了。

1月24日更新

happytreefriends 欢乐树的朋友们 htf fliqpy flippy

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

打开新页

不可名状之粥关注

我流双英设定分享！蓝红/私货...

我流双英设定分享！

蓝红/私货众多/OOC注意

我流双英设定分享！

蓝红/私货众多/OOC注意

Happy Tree Friends HTF HTF拟人化 Splendid Splendont 双英蓝红英

热度(53)评论(4)转载分享推荐喜欢

打开新页

孬代关注

笑不活家人们，看到这个就狠狠的...

笑不活家人们，看到这个就狠狠的改了

原图p2

笑不活家人们，看到这个就狠狠的改了

原图p2

htf happy tree friends 幸木镇

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

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}

<div class="g-box">
                <div class="m-menu">
                	<div class="menut"></div>
                    <div class="menum">
						<ul class="participate-user-title-w">
							<li class="participate-user-title">参与用户</li>
						</ul>
                        <ul class="mtag a-show a-show-do">
                        			<li class="big seotag">
										<a class="mi itag" href="//leavesfalltotheground.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/f2e644a60906ae2e/V1lWMmRVU3dnaFg0QktDd0RpY2Q2MkMyQnhheWRObzVNUmc3bGd6cUQ0OD0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="阿树">
											</span>
											<span class="txt txt-in">
												<span class="us itag">阿树</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//shanhushishanchui.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/df0146a6d82cbe96/bG1jMmorVTZCc2JXalZIcVRCMTFvMEVqZ0pEMmFBTHlGMVB4UUg3U0VhST0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="我是巴克队长的狗">
											</span>
											<span class="txt txt-in">
												<span class="us itag">我是巴克队长的狗</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//tiantian94959.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/7142716901bff932/d2s3ZDNtSDBRcTZkdHhNNFNudDFoWkJVMTRyd2JJUjlUOTNsRktvY0VwND0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="alfalfa苜">
											</span>
											<span class="txt txt-in">
												<span class="us itag">alfalfa苜</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//andek.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/35ae36f7050bc5bc/MU01Zmhvc3J5Q3JMOXFreWlDQ05mZWU5U3pwNlk5bFF6UG5Rc2xTK0xkaz0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="lofty">
											</span>
											<span class="txt txt-in">
												<span class="us itag">lofty</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//aywd4.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/8f32302c3e347210/RURLU0ZhLzhCMXowWmowRTVRWG9IYnp4K1l4bFRuYXFJTXRaeDRwUkZEWT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="Aywd">
											</span>
											<span class="txt txt-in">
												<span class="us itag">Aywd</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//rec-ultramarine.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/ad5f4a172680c0a9/Z1RJdU9LM0NGVTY5NzZMb2QyTnNMWXJRSXViZmxJNGZuczBKWDFiTXg3UT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="不可名状之粥">
											</span>
											<span class="txt txt-in">
												<span class="us itag">不可名状之粥</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//dr38329571.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/7a649503f91cb8a1/Zkd4c2hLWHlBcStFcjlhbDc5SklRRVF2ZmpxWXJLTVpiZXFTN2c2SzI5UT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="给一口">
											</span>
											<span class="txt txt-in">
												<span class="us itag">给一口</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//lansedelanmei.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/86e39c53eb266195/NHoyeStFS05Lb05scGZkU1dPMG1JQmgvK1pIenFJZDRuZ0ZjY3ZBempXST0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="兰色的兰莓">
											</span>
											<span class="txt txt-in">
												<span class="us itag">兰色的兰莓</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//chachazhou681.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/7e7baea2eead0f91/ZGhTRHpBcDJRNXBOcjNwVWttcFNmMG5veU1LdWpYY0R5dGE2bUM4S1NMQT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="五海野玫瑰的老乡">
											</span>
											<span class="txt txt-in">
												<span class="us itag">五海野玫瑰的老乡</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//chenjingbuyan.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="https://avaimg.lf127.net/img/24a1b659190d381c/akNwWWJsbXloRUJhUmRQU0pDU0hHUkVCMGpRNWtzU3I0WUN1SW4yUzNJOD0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="青争儿">
											</span>
											<span class="txt txt-in">
												<span class="us itag">青争儿</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                            <li class="noipt" style="display:none;"><a class="mi mtag" rel="nofollow" href="#" onclick="window.m.loadAllMembers2(event);"><span class="icn icn-15"></span><span class="txt">显示更多用户</span></a></li>
                        </ul>
                    </div>
                    <div class="menub"></div>
                </div>
            </div>