Adding a Tabbed Member Profile Page for MyBB
#11
^ add </table> after {$tyl_memprofile} and then check it
Reply
#12
This user has been denied support. 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.
Reply
#13
(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 Big Grin
Reply
#14
This user has been denied support. 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.
Reply
#15
This user has been denied support. This user has been denied support.
Minor changes and updating done. Guide should work fine.
Reply
#16
Thanks! It worked! (y)


Attached Files Thumbnail(s)
   
Reply
#17
thanks for this Big Grin but I have one problem, the Jquery No Conflict code. Here's the code after I saved the codes on my headerinclude. Any Thoughts? Huh

<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
&nbsp;&nbsp;&nbsp;&nbsp;$(".tab_content").hide();
โ€œI read, much of the night, and go south in the winter.โ€
โ€• T.S. Eliot
Reply
#18
This user has been denied support. 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> 
Reply
#19
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.ย 
Reply
#20
Does this work for Mybb 1.8.3?
๐Ÿฆย  ๐ŸŽ€ย  ๐ผ ๐ฟโค๐’ฑ๐ธ ๐‘€๐’ด๐ต๐ตย  ๐ŸŽ€ย  ๐Ÿฆ
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)