<h1>1,起因</h1>
<p>某Melody 跑来跟我说他又换皮了</p>
<p></p>
<p>于是我就去围观了一下他的皮`</p>
<p></p>
<p>发现这个皮很有意思 满喜欢下面那个黑色的条条</p>
<p> 于是趴下了他的css来参悟   </p>
<p>他用的是yinheli的phlina_say由于我折腾过那个所以就不想再折腾了(没快感了撒)</p>
<p>之后又总想着放点什么东西进去  </p>
<p>突然想起我这个主题被我干掉的<span style="color: rgb(255, 0, 0);">say hi</span>这个功能(围脖轮播)</p>
<p>可惜方丈他老人家用的是TX围脖    (TX什么的最恶心了所以坚决不用)</p>
<p>  接着到处找播客 看看他们的TWITTER轮播   比如说万哥和zwwooooo的</p>
<p>但是不找不到怎么让tweet按<li>这样输出    所以厚着脸皮去找<span style="color: rgb(128, 0, 128);">方丈</span></p>
<p>然后方丈搞定了借鉴的顶部轮播效果</p>
<p>http://www.afterstory.net/effect-of-drawing-the-top-of-the-carousel/

</p>
<p>下面我就CP了</p>
<p>先在function.php里面加上</p>
<p> </p>
<div class="wp_syntax">
<div class="code">

<div class="wp_syntax"> <div class="code"><pre class="php" style="font-family: monospace;"><span style="color: rgb(102, 102, 102); font-style: italic;">/twitter/</span> <span style="color: rgb(0, 0, 0); font-weight: bold;">function</span> twitter_love<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">,</span><span style="color: rgb(0, 0, 136);">$tnumber</span><span style="color: rgb(0, 153, 0);">)</span> <span style="color: rgb(0, 153, 0);">{</span> <span style="color: rgb(177, 177, 0);">require_once</span> <span style="color: rgb(0, 153, 0);">(</span>ABSPATH <span style="color: rgb(51, 153, 51);">.</span> WPINC <span style="color: rgb(51, 153, 51);">.</span> <span style="color: rgb(0, 0, 255);">'/class-feed.php'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 0, 136);">$feed</span> <span style="color: rgb(51, 153, 51);">=</span> <span style="color: rgb(0, 0, 0); font-weight: bold;">new</span> SimplePie<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-&gt;</span><span style="color: rgb(0, 64, 0);">set_feed_url</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 0, 255);">&#39;http://twitter.com/statuses/user_timeline/&#39;</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">'.rss'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span><span style="color: rgb(102, 102, 102); font-style: italic;">//Twitter feed地址</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-></span><span style="color: rgb(0, 64, 0);">set_file_class</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 0, 255);">'WP_SimplePie_File'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-></span><span style="color: rgb(0, 64, 0);">set_cache_duration</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 102, 204);">600</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(102, 102, 102); font-style: italic;">//设置缓存时间(1200秒)即20分钟</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-></span><span style="color: rgb(0, 64, 0);">init</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-></span><span style="color: rgb(0, 64, 0);">handle_content_type</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 0, 136);">$items</span> <span style="color: rgb(51, 153, 51);">=</span> <span style="color: rgb(0, 0, 136);">$feed</span><span style="color: rgb(51, 153, 51);">-></span><span style="color: rgb(0, 64, 0);">get_items</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 102, 204);">0</span><span style="color: rgb(51, 153, 51);">,</span><span style="color: rgb(0, 0, 136);">$tnumber</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(177, 177, 0);">foreach</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 0, 136);">$items</span> <span style="color: rgb(177, 177, 0);">as</span> <span style="color: rgb(0, 0, 136);">$item</span><span style="color: rgb(0, 153, 0);">)</span> <span style="color: rgb(0, 153, 0);">{</span> <span style="color: rgb(177, 177, 0);">echo</span> <span style="color: rgb(0, 0, 255);">'<li class="twitterbar-item"><a href="https://twitter.com/';</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">&#39;&quot; title=&quot;@&#39;</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">'" target="_blank"><img src="'</span><span style="color: rgb(51, 153, 51);">.</span>get_bloginfo<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 0, 255);">"template_url"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">'/images/twitter.gif"></a>'</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(177, 177, 0);">echo</span> <span style="color: rgb(0, 0, 136);">$item</span><span style="color: rgb(51, 153, 51);">-&gt;</span><span style="color: rgb(0, 64, 0);">get_description</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">&#39; &lt;a href=&quot;https://twitter.com/&#39;</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">'" title="@'</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 136);">$yourID</span><span style="color: rgb(51, 153, 51);">.</span><span style="color: rgb(0, 0, 255);">'" target="_blank"">From Twitter</a></li>'</span><span style="color: rgb(51, 153, 51);">;</span><span style="color: rgb(0, 153, 0);">}</span> <span style="color: rgb(0, 153, 0);">}</span></pre></div> </div>
</div>
</div>
<p>》然后在foot或者head放入</p>
<pre class="xhtml" style="font-family: monospace;"><div id="lovebar"> <ul class="twitterbar"> <?php twitter_love($yourID=psfz,$tnumber=5); ?> //这里不用说了吧yourID填写你的推的ID,后面的是要显示的条数 </ul> </div> </pre>

<p>然后再你的JS里面加上</p>

<pre class="javascript" style="font-family: monospace;">$<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li:not(:first)"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">addClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">'none'</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 51, 102); font-weight: bold;">var</span> B<span style="color: rgb(51, 153, 51);">=</span>$<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li:last"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 51, 102); font-weight: bold;">var</span> C<span style="color: rgb(51, 153, 51);">=</span>$<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li:first"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> setInterval<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 51, 102); font-weight: bold;">function</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">{</span> <span style="color: rgb(0, 0, 102); font-weight: bold;">if</span><span style="color: rgb(0, 153, 0);">(</span>B.<span style="color: rgb(0, 0, 102); font-weight: bold;">is</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">":visible"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">{</span> C.<span style="color: rgb(102, 0, 102);">fadeIn</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 0, 0);">500</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">addClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span>B.<span style="color: rgb(102, 0, 102);">hide</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span> <span style="color: rgb(0, 153, 0);">}</span><span style="color: rgb(0, 0, 102); font-weight: bold;">else</span><span style="color: rgb(0, 153, 0);">{</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li:visible"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">addClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li.in"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">next</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">fadeIn</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 0, 0);">500</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"li.in"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">hide</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">removeClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">}</span> <span style="color: rgb(0, 153, 0);">}</span><span style="color: rgb(51, 153, 51);">,</span><span style="color: rgb(204, 0, 0);">7000</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"#lovebar"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">click</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 51, 102); font-weight: bold;">function</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">{</span> <span style="color: rgb(0, 0, 102); font-weight: bold;">if</span><span style="color: rgb(0, 153, 0);">(</span>B.<span style="color: rgb(0, 0, 102); font-weight: bold;">is</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">":visible"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(0, 153, 0);">{</span> C.<span style="color: rgb(102, 0, 102);">fadeIn</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 0, 0);">500</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">addClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span>B.<span style="color: rgb(102, 0, 102);">hide</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> <span style="color: rgb(0, 153, 0);">}</span><span style="color: rgb(0, 0, 102); font-weight: bold;">else</span><span style="color: rgb(0, 153, 0);">{</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li:visible"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">addClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">".twitterbar li.in"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">next</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">fadeIn</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(204, 0, 0);">500</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span> $<span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"li.in"</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">hide</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(0, 153, 0);">)</span>.<span style="color: rgb(102, 0, 102);">removeClass</span><span style="color: rgb(0, 153, 0);">(</span><span style="color: rgb(51, 102, 204);">"in"</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span><span style="color: rgb(0, 153, 0);">}</span> <span style="color: rgb(0, 153, 0);">}</span><span style="color: rgb(0, 153, 0);">)</span><span style="color: rgb(51, 153, 51);">;</span></pre>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="color: rgb(255, 0, 0);"><span style="font-size: 36px;"><span style="font-family: georgia,serif;">注意啊 </span></span></span></p>
<p>上面那个玩意一定要放在XXX。JS的</p>

jQuery(document).ready(function($){
后面不然就挂了

<p>最后呢是css</p>

<p> </p>
#lovebar{background:none repeat scroll 0 0 #33AADD;bottom:0;color:#FFFFFF;height:25px;left:10px;margin:0 auto;min-width:800px;position:fixed;right:10px;text-decoration:none;z-index:10000;opacity:0.8;}
#lovebar ul{list-style:none;padding:5px;cursor:default;}
#lovebar a{color:pink;}
#lovebar a:hover{textshadow:black 5px;}
#lovebar p {border-bottom:2px solid #738FE6;color:#FF8080;text-align:center;}
ul.twitterbar li{display:none;}
li.twitterbar-item:first-child{display:block;}
#youbian {float:right;}
</blockquote>
但是我觉得右边太单调就从zwoooo哪里拿来了这个


<span style="color: rgb(128, 128, 128);"><span style="color: rgb(255, 0, 0);"><?php</span>
</span><span style="color: rgb(0, 0, 255);">if</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">(!</span><span style="color: rgb(0, 0, 128);">$user_ID</span><span style="color: rgb(128, 0, 128);">)</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">{
</span><span style="color: rgb(0, 0, 0);">    </span><span style="color: rgb(0, 0, 255);">if</span><span style="color: rgb(128, 0, 128);">(</span><span style="color: rgb(0, 0, 128);">$_COOKIE</span><span style="color: rgb(128, 0, 128);">[</span><span style="color: rgb(128, 128, 128);">"comment_author_"</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">.</span><span style="color: rgb(0, 0, 0);"> COOKIEHASH</span><span style="color: rgb(128, 0, 128);">]!=</span><span style="color: rgb(128, 128, 128);">""</span><span style="color: rgb(128, 0, 128);">){
</span><span style="color: rgb(0, 0, 0);">        </span><span style="color: rgb(51, 102, 255);">echo</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 128, 128);">'您好, <strong>'</span><span style="color: rgb(128, 0, 128);">.</span><span style="color: rgb(0, 0, 128);">$_COOKIE</span><span style="color: rgb(128, 0, 128);">[</span><span style="color: rgb(128, 128, 128);">"comment_author_"</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">.</span><span style="color: rgb(0, 0, 0);"> COOKIEHASH</span><span style="color: rgb(128, 0, 128);">].</span><span style="color: rgb(128, 128, 128);">'</strong>, 荒淫回来!'</span><span style="color: rgb(128, 0, 128);">;
</span><span style="color: rgb(0, 0, 0);">    </span><span style="color: rgb(128, 0, 128);">}</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">else</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">{
</span><span style="color: rgb(0, 0, 0);">        </span><span style="color: rgb(51, 102, 255);">echo</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 128, 128);">'欢迎光临, 这里是博主唠叨栏! o(∩_∩)o'</span><span style="color: rgb(128, 0, 128);">;
</span><span style="color: rgb(0, 0, 0);">    </span><span style="color: rgb(128, 0, 128);">}
}</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(0, 0, 255);">else</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 0, 128);">{
</span><span style="color: rgb(0, 0, 0);">    </span><span style="color: rgb(51, 102, 255);">echo</span><span style="color: rgb(0, 0, 0);"> </span><span style="color: rgb(128, 128, 128);">'Hello, 博主, 这里是您的唠叨栏!'</span><span style="color: rgb(128, 0, 128);">;
}
</span><span style="color: rgb(255, 0, 0);">?></span>

<p>自己给他定了一个div youbian</p>
<p>然后就做成了现在的效果</p>
<p>可恶的是  万哥这个坏人今天居然把她的东西做成插件了</p>
<p>我泪目啊http://wange.im/wg-toolbar.html</p>
<p>大家速去围观他       我也去把他的插件拿过来把自己的这个P玩意美化一下</p>
<p>可耻的CP完毕`</p>

最后修改:2021 年 01 月 20 日 11 : 03 PM
如果觉得我的文章对你有用,请随意赞赏