已掉线，重新登录
首页 > 绿虎论坛 > 网页插件 (发帖)

标题: 自用分享,葫芦林聊天气泡(聊天室、f♂帖、回帖)

作者: @Ta

时间: 2017-03-11发布，2022-06-17修改

点击: 28080
效果？看我

以下是网页插件代码

导入网页插件：葫芦林聊天气泡（当前用户：1，总安装次数：2）
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script>
$(function(){
  var img = "http://yourImage" ,bc = "#1CC";
  //  头像地址，头像边框颜色

  var tail = "yourTail";
  //  底部小尾巴内容

  var bg = "#0DD", fc= "#FFF";
  // 气泡背景颜色，气泡字体颜色

  var header = "[div=width:100%;vertical-align:top][div=overflow-x:hidden;width:50px;height:50px;background:#fff url("+img+");background-size:50px auto;border:3px solid "+bc+";border-radius:50%;box-shadow:0 0 3px #000;margin:5px 15px 5px 5px;display:inline-block;vertical-align:top][/div][div=height:100%;display:inline-block;width:calc(100% - 90px);vertical-align:top][div=background:"+bg+";padding:20px;box-shadow:0 0 3px #000;color:"+fc+";border-radius:3px;margin:3px]";
  var footer = " [/div][/div][/div][span=display:none]--[/span][div=padding:3px 0;text-align:center;font-size:7px;border:1px solid #1EE;border-style:solid none;margin-top:10px]"+tail+"[/div]";

  //  Mark-1
  $('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
     var content = $('#content').val();
     $('#content').val(header + content + footer);
  })
})
</script>


如果不想在发帖时显示效果请删除
  Mark-1处的,#post_topic_button

如果不想在回帖时显示效果请删除
  Mark-2处的#reply_topic_button,
来自魅族的嘲讽

[隐藏样式|查看源码]

『回复列表(27|隐藏机器人聊天)』

1.
来了
yourTail
(/@Ta/2017-03-11 17:46/样/源)
2.
yourTail
(/@Ta/2017-03-11 17:46/样/源)
3.
@Onism，修改对应的变量可以自定义样式
来自魅族的嘲讽
(/@Ta/2017-03-11 17:48/样/源)
4.

顶贴组前来顶贴

我是林子里的第一条尾巴,快来羡慕我吧

(/@Ta/2017-03-11 17:54/样/源)
5.
@BOOK思义，知道
yourTail
(/@Ta/2017-03-11 17:56/样/源)
6.

亮瞎眼
风扬烽火连天处，传来笛声悠扬

(/@Ta/2017-03-11 17:59/样/源)
7. <script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script>
$(function(){
  var img = "http://yourImage" ,bc = "#1CC";
  //  头像地址，头像边框颜色
 
  var tail = "yourTail";
  //  苹果手机
 
  var bg = "#0DD", fc= "#FFF";
  // 气泡背景颜色，气泡字体颜色
 
  var header = "
";
  var footer = "
"+tail+"
";
 
  //  Mark-1
  $('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
     var content = $('#content').val();
     $('#content').val(header + content + footer);
  })
})
</script>
(/@Ta/2017-03-11 18:09/样/源)
8. 怎么不行
(/@Ta/2017-03-11 18:10/样/源)
9.
501f5442e4a5979064b81292aaee3419159696.png

啊啊啊


啊啊啊
(/@Ta/2017-03-11 18:10/样/源)
10.
@JJ，什么浏览器这么6
来自魅族的嘲讽
(/@Ta/2017-03-11 18:28/样/源)
11.
@JJ，或者是你部分的CSS影响这个框架
来自魅族的嘲讽
(/@Ta/2017-03-11 18:29/样/源)
12.
/tpl/classic/img/face/e6bb91e7a8bd.gif
yourTail
yourTail
(/@Ta/2017-03-11 19:59/样/源)
13.
@梦浪的小虾米，
来自魅族的嘲讽
(/@Ta/2017-03-11 23:52/样/源)
14.

@梦浪的小虾米，虎绿林第一条小尾巴的拥有者，你好啊

(/@Ta/2017-03-11 23:55/样/源)
15.
测试一下
http:t-tangye.tk
(/@Ta/2017-03-12 06:44/样/源)
17.
yourTail
(/@Ta/2017-03-12 09:19/样/源)
18.
@Down423，在首页有个“网页插件”，把代码放进去即可，修改里面提示要编辑的地方可以自定义颜色 
来自魅族的嘲讽
(/@Ta/2017-03-12 10:04/样/源)
19. <script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
<script>
$(function(){
  var img = "http://yourImage" ,bc = "#1CC";
  //  头像地址，头像边框颜色
 
  var tail = "yourTail";
  //  底部小尾巴内容
 
  var bg = "#0DD", fc= "#FFF";
  // 气泡背景颜色，气泡字体颜色
 
  var header = "
";
  var footer = " 
"+tail+"
";
 
  //  Mark-1
  $('#reply_topic_button,#quick_chat_button,#post_topic_button').click(function(){
     var content = $('#content').val();
     $('#content').val(header + content + footer);
  })
})
</script>
(/@Ta/2017-03-12 14:57/样/源)
20.
@对面五条狗， 
来自魅族的嘲讽
(/@Ta/2017-03-12 15:32/样/源)
下一页 1/2页,共27楼
回复需要登录。

7月17日 16:18 星期四

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1