MyBB Community Forums

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

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

(2013-10-06, 12:46 PM).m. Wrote: [ -> ]^ add </table> after {$tyl_memprofile} and then check it

How could I possibly miss that.. Thank you

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.

Minor changes and updating done. Guide should work fine.

Thanks! It worked! (y)

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();

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> 

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. 

Does this work for Mybb 1.8.3?