演绎论坛吧 关注:5,811贴子:528,202
  • 10回复贴,共1

【伪教程帖】X3.0用户栏美化教程

取消只看楼主收藏回复

一楼给度娘。


IP属地:湖北1楼2014-02-10 14:51回复
    可能这不算个什么大不了的教程,但是介于很多新人想开坛,然而又搞不懂X3.0的一些改动,或者更新,自己捣鼓了一下,决定发上来,让大伙儿参考参考。
    技术帝们,勿喷!


    IP属地:湖北2楼2014-02-10 14:52
    回复
      用户栏作为坛子组成的一小部分,其实还是比较重要的,很多信息可以在上面体现。
      比如很多论坛有自定的等级,那么各种级别、位份都可以体现在用户栏里面,让搞不清楚等级,而又在开戏的筒子们,可以很清晰的看到对方的基本信息。
      下面,本渣人就开始讲解一下如何美化。


      IP属地:湖北3楼2014-02-10 14:54
      回复
        首先,上个成品图。


        IP属地:湖北4楼2014-02-10 14:55
        回复
          好,我们解决了对齐的问题,下面再来说一说添加图标的方法。
          积分图标添加就不用说了,在后台积分设置那里填图片地址就行了。
          用户信息的三栏添加图标方法如下:
          1、首先,我们看看后台添加的代码
          <dt>{baseinfo=field_field1,1}</dt><dd>{baseinfo=field_field1,0}</dd>
          <dt></dt>这里面代表的是名称,而后面<dd></dd>里面的就代表数据,论坛调用的数据。
          所以,我们只需要改动<dt></dt>这里面的就可以了,后面那个不管,因为是要调用的,代表命令数据,所以改了,可能就变混乱了。总之一句话,<dd></dd>里面的不要动任何东西。
          2、了解完了整个代码之后,那么我们开始添加或者改动<dt></dt>里的内容。
          我这里的{baseinfo=field_field1,1}这个,代表上图所示的居所,因为在用户栏目已经添加了名字,所以无需改动,只需要添加图标地址就可以了。
          图片调用地址代码大伙儿都知道是<img src=“图片地址”>
          那么以上这个代码就应该在<dt>后加入<img src=“图片地址”>这个命令,完整代码为
          <dt><img src=“图片地址”>{baseinfo=field_field1,1}</dt><dd>{baseinfo=field_field1,0}</dd>
          修改添加完毕之后,刷新坛子,你就可以看到栏目列表里,显示在资料页面的用户栏目,前面有图标了。


          IP属地:湖北本楼含有高级字体12楼2014-02-10 15:30
          回复
            噢漏,楼主要出门了,等我晚上再来更新后续。
            筒子们,等我肥来!


            IP属地:湖北15楼2014-02-10 15:37
            回复
              小伙伴们,我回来了。
              我来继续更!


              IP属地:湖北22楼2014-02-10 22:49
              回复
                终于快写完了。
                到了最后一个,也是最难搞的两个东西,昵称和等级名称。
                捣鼓了我两天才捣鼓出来,累屎人了!


                IP属地:湖北24楼2014-02-10 23:23
                收起回复
                  回归正题,添加自定义头衔和等级名称的方法。
                  1、自定义头衔在后台,其实就是昵称。
                  代码为:{customstatus}<p class=xg1>{*}</p>{/customstatus}
                  等级名称后台代码为:{authortitle}<p><em>{*}</em></p>{/authortitle}
                  我们可以看到,这两个代码和前面的注册时间、最后登陆等等的代码都不一样,没有<dt></dt><dd></dd>啊,肿么办?
                  其实只要你了解了代码的组成和结构,这些都是可以修改的。
                  所有的代码都认<dt></dt>,其实<dt></dt>就是代表的名称,那么同理,我们可以在没有<dt></dt>的代码前加入<dt></dt>代码。
                  我们以【昵称】为例来分析:后台添加是这样一串代码{customstatus}<p class=xg1>{*}</p>{/customstatus},代表的是昵称,拆开来看,{customstatus}代表的是昵称这个数据,{*}这里是论坛需要调用的数据,而这个<p class=xg1>则是规格尺寸。
                  那么这个代码组合起来,我们可以默认为它是<dd></dd>之间的论坛调用数据,那么我们可以在这样一串代码之间加入<dd></dd>命令,代表我要调用这个数据。
                  也就是这样:<dd>{customstatus}<p class=xg1>{*}</p>{/customstatus}</dd>
                  这是为了方便我们好添加图标和对应的名称才弄的,如果不需要,可以无视。
                  然后再在之前加入<dt></dt>命令,这样就可以仿照我先前所说的方法,添加名称及图标了。
                  我不知道我这样说正不正确,这是我在捣鼓了好长时间之后,分析出来的。如果不正确,请技术大神们指出。
                  分析下来得出,只要我们不修改原始数据和论坛默认调用的代码,而是在原有代码的基础上添加一些命令,那么就可以实现自己想要的美化。
                  比如昵称,我们可以这样表示
                  <dt> 你想要给自定义头衔的一个名称</dt><dd>{customstatus}{*}{/customstatus}</dd>
                  例:<dt> 头衔</dt><dd>{customstatus}{*}{/customstatus}</dd>
                  由上面的例子可以看出,我删除了<p class=xg1>命令,因为它是规格式的命令,用了它就会固定死昵称的位置和各式,会导致对不齐,有影响,所以我删除了。删除的同时记得删除</p>。
                  那么如果要在这个代码上添加图片呢?有木有人给我答案?


                  IP属地:湖北本楼含有高级字体26楼2014-02-10 23:49
                  收起回复
                    说完添加【自定义头衔】和【等级名称】的图标和名称之后,我们再来看看怎么添加颜色。
                    代码已经完成大半,我们在这个代码的基础上加入字体颜色的代码。
                    <dt><img src=“图片地址”> 头衔</dt><dd>{customstatus}{*}{/customstatus}</dd>
                    例:<dt><img src=“图片地址”> 头衔</dt><dd>{customstatus}<font color="FF4500">{*}</font>{/customstatus}</dd>
                    看到描红的地方了吗?那就是字体颜色的代码。
                    这里要说明的一点就是,{*}作为论坛调用数据,我们的颜色代码是必须加在这里的,因为是被调用数据使用字体颜色。
                    等级名称的颜色改不了,如果想改,请移步论坛后台——用户——用户组,进行修改。
                    那里有直接选的颜色,选取你想要的颜色即可。
                    整个修改完毕后,成品图如下:

                    这样整个用户栏美化就完成了!
                    感谢@贺兰生__ 童鞋的代码分析,感谢@LOM_舒猎 借用测试地址。
                    想写在后记的一些话。
                    其实密密麻麻、眼花缭乱的代码并不难懂,筒子们只是缺一个人去为你们讲解和分析,其实有人帮忙分析过后,你知道代码如何组成之后,读懂它们,修改它们并不难。
                    用户栏美化只是论坛建设和美化很小的一部分,本渣人也只是把自己揣摩的一个经过拿出来给大伙儿分享分享,如果有哪里不对,或者是看不懂的地方,请尽管提出来。
                    我能解答的尽量解答,不对的地方,我也会再做修改。
                    浪费大家宝贵的时间来看我写的这一堆密密麻麻的文字,深感抱歉!
                    谢谢小伙伴们的支持,爱老虎油!


                    IP属地:湖北本楼含有高级字体32楼2014-02-11 00:16
                    收起回复
                      下雪了


                      IP属地:湖北来自iPhone客户端45楼2014-02-18 03:59
                      回复