互联网 · 2012 年 3 月 13 日 6

无插件调整jiathis分享图标位置

    因为不怎么会CSS,不会改代码,之前一直都是通过jiathis的插件直接安装分享工具栏的,但是觉得文章底部的东西多了点,就把分享图标放到文章的右上角了,这地方比较空嘛,用插件自带的调整位置功能之后发现一个问题,图标放到右上角之后,占用了几行的位置,这样使得文章的标题和正文拉开的距离太大,让整篇文章的排版看起来好不协调,我偏偏又是那种视觉偏执狂,一旦看得不顺眼了,就总想灭了它,于是就不断找办法了。

    把插件卸了,把代码写到了post-layout插件里面,设定在文章之前显示。postlayout应该不少人用吧,很多人都是用这个插件在文章内部插入广告,我呢,由于对广告没什么耐心,就光用这插件搞优化了,每篇文章上面都有一个版权声明,他人转载须知的一小段文字,那就是我写在postlayout插件里面的,把字体颜色设置的稍暗一点,字体小一点,对文章的阅读就没多大影响了,但是别人全篇复制的话,总能复制到那里一点点,况且我用了那么显眼的红色字体,总有人能看到吧,看到了再直接抄过去,这个就很不文明了。

    代码写了进去,但是默认的位置是文章左上角,要调整到右上角去,首先自己找了半天办法,改div的CSS属性,align属性,pos啥的都试了下,发现都没用,只好去百度知道里面去问问题了,昨天这时候提出的问题,现在貌似还没有人回答,当时很不爽,就直接打了几十个 上去了,把图标从左边挤到了右边。。。。没文化真可怕啊,伤不起啊,用这样一种方法肯定要遭人鄙视的。

    最后还是不甘心,就抱着试一试的心态去jiathis的官网找客服了,有帮助选项的,提出了自己的问题。没想到一个小时左右对方就回复了,直接给出了解决办法,以下我就贴出来吧,有和我相同问题的孩子可以参考下,div+css确实很强大。

<div style='width:240px;height:30px;float:right'><!-- JiaThis Button BEGIN -->
<div id="ckepop">
<span class="jiathis_txt" >分享到:</span>
<a class="jiathis_button_qzone"></a>
<a class="jiathis_button_tsina"></a>
<a class="jiathis_button_renren"></a>
<a class="jiathis_button_tqq"></a>
<a class="jiathis_button_email"></a>
<a href="http://www.jiathis.com/share?uid=2348" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=2348" charset="utf-8"></script>
<!-- JiaThis Button END --></div>

    要表扬下加网的客服了,回话很迅速啊,祝福所有攻城狮、程序猿和程旭媛们都能身体健康,天天不加班哈。客服工作人员其实都是很辛苦的,不管是电信行业的话务员还是各种网站的技术客服,都得长期集中注意力少犯错,大家都挺不容易的,所以现在碰见什么客服末了都会送上一句真挚的谢谢,他们应得的,也希望得到。当然,以上祝福与南华大学水电服务中心的那几个八婆无关,祝她们早日升天。

jiathis客服

6
0
希望看到您的想法,请您发表评论x