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

点击下载关闭

LOFTER-网易轻博

UI

参与话题

59.9万浏览 10.9万参与

打开新页

皮皮酱关注

Apet

Apet

UI 插画 App 绘画 icon 平面设计

转载分享推荐喜欢

打开新页

皮皮酱关注

Banner

Banner

UI 插画 App 绘画平面设计

转载分享推荐喜欢

打开新页

皮皮酱关注

作品集

作品集

UI 插画 App icon

转载分享推荐喜欢

打开新页

皮皮酱关注

设计狮

设计狮

UI 插画绘画平面设计

转载分享推荐喜欢

打开新页

CTT 关注

转行学习ui设计值得吗？是吃青春饭吗？

ui

ui 长文章

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

打开新页

爱喝牛奶的小鹿关注

现在读UI设计，还会晚吗？

作者：爱喝牛奶的小鹿

ui 长文章

转载分享推荐喜欢

打开新页

粉色小飞象关注

那零基础要怎么学UI设计呢？

作者：粉色小飞象

ui 长文章

转载分享推荐喜欢

打开新页

王涵洋 Jobs.w 关注

iconTool 永久停更，功...

iconTool 永久停更，功能体验已迭代到 100分。即日起新用户收费 1块钱为门槛。

也算是自己的一个原创代表作了。开始翻篇，探索下一个设计与体验为王的新作品

iconTool 永久停更，功能体验已迭代到 100分。即日起新用户收费 1块钱为门槛。

也算是自己的一个原创代表作了。开始翻篇，探索下一个设计与体验为王的新作品

设计平面设计极简主义 UI GUI LOGO 不一样的极简设计极简设计 VI 网页

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

打开新页

稿定艺术圈关注

2020年经典蓝的搭配色卡~翻...

2020年经典蓝的搭配色卡~
翻遍dribbble，发散性的做了流行色搭配，即存即用，分享给大家！
设计时记得配色比重噢！
宫中号【氨设素材资源部落】更多资源

2020年经典蓝的搭配色卡~
翻遍dribbble，发散性的做了流行色搭配，即存即用，分享给大家！
设计时记得配色比重噢！
宫中号【氨设素材资源部落】更多资源

设计技巧配色 2020 流行色 Ui

转载分享推荐喜欢

打开新页

星小熊的作品集中堆放处关注

从相册里翻出来张图，大概是个背...

从相册里翻出来张图，大概是个背单词app的设计

想了半天没想起来到底是什么时候做的，姑且发出来

做这个的时候应该还是处于实习刚结束的颓废期里，所以版式比较中规中矩

从相册里翻出来张图，大概是个背单词app的设计

想了半天没想起来到底是什么时候做的，姑且发出来

做这个的时候应该还是处于实习刚结束的颓废期里，所以版式比较中规中矩

渣渣设计 UI UI设计

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

打开新页

Brigitte_W 关注

作品集

作者：Brigitte_W

作品集

UI 长文章

转载分享推荐喜欢

打开新页

大长腿教主关注

ICON.

ICON.

UI

转载分享推荐喜欢

打开新页

大长腿教主关注

APP 图片资料均来自网络，不...

APP

图片资料均来自网络，不做任何参考

APP

图片资料均来自网络，不做任何参考

UI

转载分享推荐喜欢

打开新页

大长腿教主关注

APP 图片资料均来自网络，不...

APP

图片资料均来自网络，不做任何参考

APP

图片资料均来自网络，不做任何参考

UI

转载分享推荐喜欢

打开新页

大长腿教主关注

APP 图片资料均来自网络，不...

APP

图片资料均来自网络，不做任何参考

APP

图片资料均来自网络，不做任何参考

UI

转载分享推荐喜欢

打开新页

大长腿教主关注

APP. 图片资料均来自网络，...

APP.

图片资料均来自网络，不做任何参考

APP.

图片资料均来自网络，不做任何参考

UI

转载分享推荐喜欢

打开新页

大长腿教主关注

WEB. 网页设计图片资料均...

WEB.

网页设计

图片资料均来自网络，不做任何参考

WEB.

网页设计

图片资料均来自网络，不做任何参考

UI

转载分享推荐喜欢

打开新页

albert_囧关注

圣诞节剪纸风插画

圣诞节剪纸风插画

插画 ui 剪纸圣诞节圣诞麋鹿

转载分享推荐喜欢

打开新页

苑·设计关注

千山药机设计文件合集

作者：苑·设计

APP ui 首页长文章

转载分享推荐喜欢

打开新页

Gu3hi 关注

iPhone美化手机桌面 Ui 壁纸设计 637794418 iOS13 iOS13越狱 Checkra1n

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

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="#" 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><span style="" class="whosep ${xtag}">（仅博客成员可见）</span>
                    <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 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="${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="${photo.orign|escape}" {if !!iself}src="${photo.middle|escape}"{else}imgsrc="${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="${data.avaImg|default:'//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/?target=https://www.lofter.com/message/${data.blogname}/{/if}">私信</a></li>{/if}
                                            {if data.askSetting == 1}<li><a id="ucask" target="_blank" href="{if !!isLogin}https://www.lofter.com/ask/${data.blogname}/new/{else}https://www.lofter.com/?target=https://www.lofter.com/ask/${data.blogname}/new/{/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="//zhasiyizhixiaoyazi.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="http://avaimg.nosdn.127.net/img/TUdJMjFndXc3cml1YjR4a3RSUnd2c1V3N28rU3gvVGIvZHJacGtKS01lcHBFMTNRaDVseGp3PT0.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="//dav01932.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="//l.bst.126.net/rsc/img/ava/64.png" alt="Dav">
											</span>
											<span class="txt txt-in">
												<span class="us itag">Dav</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//m135140038681.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="http://avaimg.nosdn.127.net/img/cnVIZ2htdDVxV2RuK0JDakF3NTFWVlcrb3hNRk1JWUMxeGYvR2JWUlBIOWVucWJZZ2lsbnF3PT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="m13514003868_1">
											</span>
											<span class="txt txt-in">
												<span class="us itag">m13514003868_1</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//nnggo.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="//l.bst.126.net/rsc/img/ava/64.png" alt="NNGGO">
											</span>
											<span class="txt txt-in">
												<span class="us itag">NNGGO</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//jingjing319203.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="http://imglf3.nosdn.127.net/img/MmdkRHpnM0dzTFYxb05BR2RWOVhpS1gxNlJmakxjdXZCbWxvZzAyallzMGlHaXNPbnk5a2RBPT0.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="//ctt97.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="http://avaimg.nosdn.127.net/img/UTJRbDRqYkwwR0UzUmNocGxscG80Z3lvaGgrb3FDYzBhWm4rRDJYYUI0M1lMWjJpbVZiaXpRPT0.jpg?imageView&thumbnail=64x64&quality=90&type=jpg" alt="CTT">
											</span>
											<span class="txt txt-in">
												<span class="us itag">CTT</span>
												<span class="in itag">资深用户</span>
											</span>
										</a>
									</li>
                        			<li class="big seotag">
										<a class="mi itag" href="//xianyunbuyu402.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="//l.bst.126.net/rsc/img/ava/64.png" 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="//doriszhu88.lofter.com/" target="_blank">
											<span class="w-img2 w-img2-1">
												<img class="itag" src="//l.bst.126.net/rsc/img/ava/64.png" alt="doriszhu88">
											</span>
											<span class="txt txt-in">
												<span class="us itag">doriszhu88</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>