Adding a Tabbed Member Profile Page for MyBB

[.m.]

^ add </table> after {$tyl_memprofile} and then check it

[Bala]

This user has been denied support.

Ok I am unable to edit the guide, I keep getting cloudflare's page but with no captcha text in it.

[Azzaa]

^ add </table> after {$tyl_memprofile} and then check it

How could I possibly miss that.. Thank you

[Bala]

This user has been denied support.

Ok updated the guide. You should not need the extra </table> anyways as this one works perfectly fine at my place and have just copy pasted the templates I have designed.

If it is working please give the link of your site so it can be added to the demo.

[Bala]

This user has been denied support.

Minor changes and updating done. Guide should work fine.

[johndave9296]

Thanks! It worked! (y)

[iceparticle]

thanks for this but I have one problem, the Jquery No Conflict code. Here's the code after I saved the codes on my headerinclude. Any Thoughts?

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
&nbsp;&nbsp;&nbsp;&nbsp;$(".tab_content").hide(); 
&nbsp;&nbsp;&nbsp; $("ul.tabs li:first").addClass("active").show();
&nbsp;&nbsp;&nbsp; $(".tab_content:first").show(); 
&nbsp;&nbsp;&nbsp; $("ul.tabs li").click(function() {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("ul.tabs li").removeClass("active"); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(this).addClass("active"); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(".tab_content").hide(); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var activeTab = $(this).find("a").attr("href"); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(activeTab).fadeIn();
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return false;
&nbsp;&nbsp;&nbsp; });
});
</script>

and here's the error on debug mode

syntax error at

    $(".tab_content").hide();

[Cedric]

This user has been denied support.

Well, removed the &nbsp; for you:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
});
</script> 

$(".tab_content").hide(); 

---

Also I think, The script should be:

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {
    $(".tab_content").hide(); 
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); 
        $(this).addClass("active"); 
        $(".tab_content").hide(); 
        var activeTab = $(this).find("a").attr("href"); 
        $(activeTab).fadeIn();
        return false;
    });
})(jQuery);
</script> 

[Gobee129]

Seems to work fine for me on MyBB 1.6. Though I tweeked and added your profile template code a lot, to make it look like this.

https://farm8.staticflickr.com/7523/1567...5930_b.jpg

Thanks for the tutorial. 

[canadacommunity]

Does this work for Mybb 1.8.3?