前台调用小喇叭展示区域说明

cyee

模板中任意位置调用小喇叭，首先引入文件：

1. <!--{eval require_once DISCUZ_ROOT.'source/plugin/ahome_horn/require/function.php';}-->

复制代码

然后根据环境是电脑版/手机版分别调用。
电脑模板中请使用代码：

1. <!--{eval tsmini_dz_ahome_horn_showhornbox($mode=0);}-->

复制代码

手机模板中请使用代码：

1. <!--{eval tsmini_dz_ahome_horn_showhornbox($mode=1);}-->

复制代码

特别注意：小喇叭是从旧架构应用升级而来，不支持小时空rcphp类写法。

huakhl

我在模版的discuz.htm文件里引入了那两段代码，但是小喇叭怎么不显示呢？

cyee

huakhl 发表于 2024-9-8 18:45
我在模版的discuz.htm文件里引入了那两段代码，但是小喇叭怎么不显示呢？

建议按以下步骤排查：
1、修改模板后，在后台-工具-更新缓存中更新模板。
2、您加的位置不正确，可能有IF分支屏蔽了其输出。
3、本身该插件在DISCUZ页面就有嵌入点，需检查是否有冲突。

huakhl

cyee 发表于 2024-9-8 19:01
建议按以下步骤排查：
1、修改模板后，在后台-工具-更新缓存中更新模板。
2、您加的位置不正确，可能有IF ...

3、本身该插件在DISCUZ页面就有嵌入点，需检查是否有冲突。

应该是这个原因，插件安装好，本身是正常显示的，我是想给他挪个位置，
这种情况要怎么办呢？

cyee

huakhl 发表于 2024-9-9 09:02
3、本身该插件在DISCUZ页面就有嵌入点，需检查是否有冲突。

应该是这个原因，插件安装好，本身是正常显示 ...

您好，可以按以下步骤尝试：
1、插件后台可以设置首页的嵌入点，看能否符合您的需要。
2、如果没有满意的嵌入点，可以通过后台设置将其首页嵌入点设置为【不显示】，然后使用教程代码加入模板中。

huakhl

cyee 发表于 2024-9-9 09:49
您好，可以按以下步骤尝试：
1、插件后台可以设置首页的嵌入点，看能否符合您的需要。
2、如果没有满意的 ...

太感谢了，不知道怎么才能通过diy框架调用小喇叭？我是想把小喇叭加到diy的框架里去

cyee

huakhl 发表于 2024-9-9 18:03
太感谢了，不知道怎么才能通过diy框架调用小喇叭？我是想把小喇叭加到diy的框架里去 ...

您好，目前暂不支持diy框架中直接调用。您可以直接在模板中diy对应的位置修改。如需要定制服务可以联系我们。

这个建议非常好，后续我们考虑把diy模块加入新版本。

为了小喇叭而来

什么时候可以设置消息置顶...

895538081

1. /*喇叭框边距*/
   
2. #hornbox {
   
3.     margin-bottom: 0px;
   
4.     background-size: auto 80%;
   
5.     font-size: 14px;
   
6.     background-color: white;
   
7.     border-radius: 6px;
   
8.     margin-top: 10px;
   
9. }
   
10. /*发布按钮*/
    
11. #hornaddbtn{
    
12.     padding: 10px 10px; /* Add padding to ensure text is not cropped */
    
13.     background-color: #007BFF;
    
14.     color: white;
    
15.     border: none;
    
16.     border-radius: 5px;
    
17.     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    
18.     font-size: 12px;
    
19.     font-weight: bold;
    
20.     cursor: pointer;
    
21. margin-left:20px;
    
22.     transition: background-color 0.3s ease, transform 0.1s ease;
    
23. }
    
24. #hornaddbtn:hover{
    
25. background-color: #0056b3;
    
26.     transform: scale(1.05);
    
27. }
    
28. #hornaddbtn:active {
    
29.     background-color: #004085;
    
30.     transform: scale(0.95);
    
31. }
    
32. /*每行数据*/
    
33. .tsmini_horn_content tr{
    
34. border-bottom:1px dashed #DDD;
    
35. }
    
36. .tsmini_horn_content tr td{
    
37. line-height:20px;
    
38. }
    
39. /*小头像*/
    
40. .tsmini_horn_avatar img{
    
41. border-radius:2px;width:20px;height:20px;
    
42. }
    
43. 
    
44. 
    
45. #hornbox ::-webkit-scrollbar {
    
46.     width: 10px;               /* 滚动条的宽度 */
    
47.     height: 10px;              /* 滚动条的高度，对水平滚动条有效 */
    
48.     background-color: transparent; /* 滚动条的背景颜色 */
    
49. }
    
50. 
    
51. #hornbox ::-webkit-scrollbar-track {
    
52.     border-radius: 10px;
    
53.     background: transparent; /* 轨道的背景颜色 */
    
54. }
    
55. 
    
56. #hornbox ::-webkit-scrollbar-thumb {
    
57.     border-radius: 10px;
    
58.     background-color: #F2F2F2; /* 滑块的背景颜色 */
    
59.     border: 3px solid #FFF; /* 滑块的边框和轨道相同的颜色，可以制造“边距”的效果 */
    
60. }
    
61. 
    
62. #hornbox ::-webkit-scrollbar-thumb:hover {
    
63.     background-color: #a8a8a8; /* 滑块的悬停颜色 */
    
64. }
    
65. 
    
66. #hornbox ::-webkit-scrollbar-thumb:active {
    
67.     background-color: #888888; /* 滑块的激活颜色 */
    
68. }
    
69. 
    
70. #hornbox ::-webkit-scrollbar-button {
    
71.     display: none; /* 通常情况下不显示滚动条按钮 */
    
72. }

复制代码

895538081

今天本来是想要加入JavaScript来做成滚动效果，只显示两条，结果硬是JavaScript加载不到页面上，感觉不知道是哪里出了问题，有大佬处理下么？