演绎论坛吧 关注:5,812贴子:528,160

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

只看楼主收藏回复

嘤嘤,各种看不懂,不过人家有阿父!@贺兰生__


IP属地:北京来自Android客户端21楼2014-02-10 18:43
收起回复
    小伙伴们,我回来了。
    我来继续更!


    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>


          IP属地:福建来自手机贴吧27楼2014-02-10 23:58
          收起回复
            好高大上的帖子哟


            IP属地:江苏29楼2014-02-11 00:04
            回复
              好帖,卤主是好人,先顶一下马克一下


              来自Android客户端30楼2014-02-11 00:08
              回复
                说完添加【自定义头衔】和【等级名称】的图标和名称之后,我们再来看看怎么添加颜色。
                代码已经完成大半,我们在这个代码的基础上加入字体颜色的代码。
                <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属地:福建来自手机贴吧34楼2014-02-11 00:23
                  收起回复
                    我就是来顶楼主的


                    35楼2014-02-11 00:27
                    收起回复
                      不过那个列表真是美观。看一眼我家的表示很惭愧


                      36楼2014-02-11 00:30
                      收起回复
                        路过给技术帝顶一发!


                        来自Android客户端37楼2014-02-11 01:08
                        收起回复
                          好高端的样纸!!!我是来膜拜的。


                          IP属地:辽宁来自Android客户端38楼2014-02-11 01:16
                          收起回复
                            我只是纯亲情地来顶一顶。


                            39楼2014-02-11 09:14
                            收起回复
                              露珠啧啧啧!请把你的经验分一半我!就凭我是你儿纸T^T


                              来自Android客户端40楼2014-02-11 10:32
                              收起回复