站长帮忙看看这样做对吗？有关分类的问题！

半遮月

要制作成左侧的这样的分类效果，我用diy来做，行不行？需要在后台设置这样的分类吗？ 不然的话，帖子的数据怎么出来？ ==》 ===》 调用数据是要用到左侧图中的“从数据源获取”吗？还有那个版块链接的地址应该写什么？这样的？若我说明不够详细，请果断说出来，谢谢~~

1. forum.php?mod=forumdisplay&fid=2

复制代码

技术帮助

1、方法是可行的，但是调用的使用，模块应该选择板块类的模块，如图



2、同样你也可以调用分类信息来实现！

按照下图设置
A

B

C

D

E


然后使用HTML静态调用就可以了！

半遮月

先谢谢站长的解惑，我还有一问，如右图所示，当鼠标移动到一些版块时，会显示右边的内容，这些内容也是要用同样的方法来制作吗？ 在这两张图中，我标了一些小方框，当随着鼠标轴的滚动，鼠标所选的版块离底部越近，展示出右边的内容时，样式出现了变化（红色小方框），这样的js，站长你有案例吗？或者怎么写？我尝试写过，不过不理想...

半遮月

顺便问一下，你说的第二种方法用HTML调用那个 这张图的效果是在首页显示的，而不是在二级页面显示，我用以下代码数据调用不出来，$_G['forum']['threadtypes'] 这个变量是空的，没有值，是代码有问题，还是本身就不可以在首页中显示，只能再二级页面显示，烦躁了一下午了...

1. <!--{if ($_G['forum']['threadtypes'] && $_G['forum']['threadtypes']['listable']) || count($_G['forum']['threadsorts']['types']) > 0}-->
   
2.                                         <div class="f-d-item first-border-top" data-for="entertainment">
   
3.                                                 <div class="f-d-item-content">
   
4.                                                         <div class="title">
   
5.                                                                 <span class="typeicon entertainment"></span>
   
6.                                                                 <a title="娱乐明星" target="_blank" href="forum.php?mod=forumdisplay&fid=$_G[fid]">娱乐明星</a>
   
7.                                                         </div>
   
8.                                                         <div class="directory-wraper">
   
9.                                                         <!--{if $_G['forum']['threadtypes']}-->
   
10.                                                         <!--{loop $_G['forum']['threadtypes']['types'] $id $name}-->
    
11.                                                                 <a title="{$name}" target="_blank" href="forum.php?mod=forumdisplay&fid=$_G[fid]&filter=typeid&typeid=$id$forumdisplayadd[typeid]{if $_GET['archiveid']}&archiveid={$_GET['archiveid']}{/if}">$name</a>
    
12.                                                         <!--{/loop}-->
    
13.                                                         <!--{/if}-->       
    
14.                                                         </div>
    
15.                                                 </div>
    
16.                                         </div>
    
17.                                         <!--{/if}-->

复制代码

技术帮助

半遮月 发表于 2015-8-1 18:33
顺便问一下，你说的第二种方法用HTML调用那个这张图的效果是在首页显示的，而不是在二级页面显示，我用以下 ...

1、右侧弹出，通过改变display属性来实现吧！
例如

1. <div class="nav">
   
2. <ul>
   
3.     <li class="nav_a">
   
4.         <a href="#">
   
5.               爱综艺
   
6.               <div class="subnav">....此处省略....</div>
   
7.           </a>
   
8.     </li>
   
9. </ul>
   
10. </div>
    
11. <style>
    
12. 
    
13. .nav_a { position: relative; }
    
14. .subnav { display:none; position: absolute; top: 20px; right: 20px; }
    
15. .nav_a:hover { display:block;  }
    
16. 
    
17. </style>

复制代码

大致思路如上，然后再加对应的背景样式即可!

2、直接是用静态的代码吧，$_G['forum']['threadtypes']不可以在首页中显示！