Emlog实现碎语表情

       貌似最近碎语表情比较流行。。我参考 tohilary 的碎语表情,做的教程。他那里有现成的文件。没具体的做法。。
我个人比较喜欢自己动手。所以分析了文件。。看了。他的怎么弄的。。发现也挺简单的。。(他有一步是多余的。我删除了)
当然开始的时候有没反应。后来发现原来犯了一个低级的错误。。(这里我就不说了)。。
看教程吧。。
需要改动就三个文件
includemodel 里的twitter_model.php
adminviews 里的twitter.php
你的模版里的module.php
ok。。
现在就先改动twitter_model.php
在66行哪里

$row[’t’] = $row[’content’];

下面添加

 $row[’t’] = preg_replace(’/[(d+)]/i’,’<img border="0"  src=’.TEMPLATE_URL.’images/faces/${1}.gif />’,$row[t]);

ok。这个改完咯
下面改第二个twitter.php
在14行哪里
textarea 添加个id="t"
<textarea class="box" name="t" id="t"></textarea>

然后</textarea></div>后面

添加

< div class = "smiles"id = "smiles" >
<?php
for ($i = 1; $i <= 20; $i++) : ?>
<img src = "<?php echo TEMPLATE_URL; ?>images/faces/<?php echo $i; ?>.gif"id = "<?php echo $i; ?>" / >
<?php endfor; ? >
</div>/

然后拉动最后面

</script>上面添加

$(function() {
$("#smiles img").click(function() {
var a = $(this).attr("id");
$("#t").insertAtCaret("[" +
a + "]")
});
});
 (function(q) {
q.fn.extend({
insertAtCaret: function(a) {
var c =
q(this)[0];
if (document.selection) this.focus(),
sel = document.selection.createRange(),
sel.text = a,
this.focus();
else if (c.selectionStart || c.selectionStart == "0") {
var h = c.selectionStart,
g = c.selectionEnd,
i = c.scrollTop;
c.value = c.value.substring(0, h) + a + c.value.substring(g, c.value.length);
this.focus();
c.selectionStart = h + a.length;
c.selectionEnd = h + a.length;
c.scrollTop = i
} else this.value += a,
this.focus()
}
})
})(jQuery);

ok这里也完成咯
到这里基本你可以使用表情咯!~~
现在弄的就是首页侧栏碎语显示表情
打开你模版的twitter_model.php
找到//widget:最新碎语哪里(具体看个人模版)

<?php echo $value[’t’]; ?>

改成 

<?php
echo preg_replace( ’/[(d+)]/i’, ’<img src="’ , TEMPLATE_URL , ’images/face/${1}.gif" alt="Emlog实现碎语表情" width="14" height="14" />’, $value[ ’t’ ] );
?>

就行了。。
当然你要调用到其他地方的话可以使用下面

<?php {

global $CACHE;$newtws_cache = $CACHE->readCache(’newtw’);

$istwitter = Option::get(’istwitter’);

?> 

<?php foreach($newtws_cache as $value): ?>

<a href="<?php echo $url; ?>/t">

<?php echo preg_replace("/[(d+)]/i",’<img src="’.TEMPLATE_URL.’images/face/${1}.gif" alt="Emlog实现碎语表情" width="14" height="14" />’,$value[’t’]); ?>&nbsp;(<?php echo smartDate($value[’date’]); ?>)

</a>

<?php endforeach; ?>

<?php }?>

最后把face文件夹放到你模版的images中

ok到这里教材完成咯。。。
效果如本站。。。

您可以选择一种方式赞助本站

目前评论:37   其中:访客  32   博主  5

  1. 2010年10月01日 11:49  29楼
  2. 2010年10月01日 13:40  30楼
  3. 2010年10月01日 19:51  31楼
  4. 2010年10月01日 13:50  32楼
  5. 2010年10月01日 12:36  33楼
  6. avatar 乐小飞 0
    2010年10月01日 14:23  34楼
  7. 2010年10月01日 16:55  35楼
  8. 2010年10月01日 12:21  36楼
  9. 2010年10月01日 10:43  37楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: