Threaded Mode | Linear Mode

Lich_king2 · 07-13-2009 02:05 AM

If anyone can write some tutorial about how we could add tabs to profile it would be nice.

ghazal · 07-13-2009 03:55 AM

Actually Dalton gives a very useful website links, that can facilitate you in writing the tabs for yourself.

Lich_king2 · 07-13-2009 04:33 AM

If you could send me those it would be useful because link on first page is dead.

.Paradox · 07-17-2009 04:33 PM

Can you please give me the link to the pro profiles plugin? I can't find it.

thefreestyler · 07-17-2009 06:20 PM

(07-17-2009 04:33 PM).Paradox Wrote: Can you please give me the link to the pro profiles plugin? I can't find it.

http://mybbsource.com/thread-1867.html

Xiris · 07-17-2009 10:31 PM

I wish I could do this, to bad I am a bad coder!

euantor · 07-21-2009 05:59 PM

Hm. I kind of did a sort of tut on this. Look in the spoiler below:

Spoiler

Okay, here is the code behind the profiles:

Code:

<html>

<head>

<title>{$mybb->settings['bbname']} - {$lang->profile}</title>

{$headerinclude}

</head>

<body>

{$header}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td  class="trow1" ""width="10%" align="left" valign="middle"><center>{$avatar}</center></td>

<td class="trow1">

<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td class="trow1" width="75%">

</right><span class="largetext"><strong>{$formattedname}</strong></span><br />

<span class="smalltext">

{$usertitle}<br />

{$groupimage}

{$userstars}<br />

<strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}<br />

<strong>{$lang->local_time}</strong> {$localtime}<br />

<strong>{$lang->postbit_status}</strong> {$online_status}

</span>

</td></tr></table>

</td>

</tr>

{$awaybit}

</table>

<br />

<center><ul id="countrytabs" class="shadetabs">

<li><a href="#" rel="profile1" class="selected">About Me</a></li>

<li><a href="#" rel="profile2">Friends</a></li>

<li><a href="#" rel="profile3">Comments</a></li>

<li><a href="#" rel="profile4">Stats</a></li>

<li><a href="#" rel="profile5">Contact</a></li>

<li><a href="#" rel="profile6">Profile Video</a></li>

<li><a href="#" rel="profile7">Awards</a></li>

</ul>

<div style="border:1px solid #5B9400; width:98%; margin-bottom: 1em; padding: 10px">

<div id="profile1" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td colspan="2" class="thead"><strong>{$lang->users_additional_info}</strong></td>

</tr>

{$customfields}

</table>

<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead"><strong>{$lang->users_signature}</strong></td>

</tr>

<tr>

<td class="trow1">{$memprofile['signature']}</td>

</tr>

</table>

</div>

<div id="profile2" class="tabcontent">

{$friends}

</div>

<div id="profile3" class="tabcontent">

<center><!-- ProfileComments -->{$comments_index}

<!-- /ProfileComments --></center>

</div>

<div id="profile4" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td colspan="2" class="thead"><strong>{$lang->users_forum_info}</strong></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->joined}</strong></td>

<td class="trow1">{$memregdate}</td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->lastvisit}</strong></td>

<td class="trow2">{$memlastvisitdate} {$memlastvisittime}</td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->total_posts}</strong></td>

<td class="trow1">{$memprofile['postnum']}<br /><span class="smalltext">(<a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a> &mdash; <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a>)</span></td>

</tr>

{$reputation}

{$warning_level}{$vmp}

</table>

</div>

<div id="profile5" class="tabcontent">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"></td></tr>

<tr>

<td colspan="2" class="thead"><strong>{$lang->users_contact_details}</strong></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->homepage}</strong></td>

<td class="trow1">{$website}</td>

</tr>

{$sendemail}

<tr>

<td class="trow2"><strong>{$lang->pm}</strong></td>

<td class="trow2"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->icq_number}</strong></td>

<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=icq&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['icq']}</a></td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->aim_screenname}</strong></td>

<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=aim&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['aim']}</a></td>

</tr>

<tr>

<td class="trow1"><strong>{$lang->yahoo_id}</strong></td>

<td class="trow1"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=yahoo&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['yahoo']}</a></td>

</tr>

<tr>

<td class="trow2"><strong>{$lang->msn}</strong></td>

<td class="trow2"><a href="javascript:;" onclick="MyBB.popupWindow('misc.php?action=imcenter&amp;imtype=msn&amp;uid={$uid}', 'imcenter', 450, 300);">{$memprofile['msn']}</a></td>

</tr>

</table>

</div>

<div id="profile" class="tabcontent">

<center>{$proftube}</center>

</div>

<div id="profile7" class="tabcontent">

<center>{$award_box}</center>

</div>

</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")

countries.setpersist(true)

countries.setselectedClassTarget("link") //"link" or "linkparent"

countries.init()

</script></center>

{$modoptions}

<br />

{$footer}

</body>

</html>

To get it to work, you also need to edit the header. Go to
ACP->Templates & Style->[YOUR TEMPLATE]->Ungrouped Templates->headerinclude

At the end of the text, paste in this:

Code:

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

<script type="text/javascript" src="tabcontent.js">

/***********************************************

* Tab Content script v2.2- Â© Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

</script>

Now, all you've got left to do is to upload the two below files to your server ;D Put it in the root of your forum directory.

tabcontent.js
tabcontent.css

Keep the filenames the same for it to work ;)

You will have to change some of the code for it to work with the themes on your boards though... I can always help.

Polarbear541 · 07-21-2009 06:51 PM

Quite a nice tut

Saving that for later ;)

euantor · 07-21-2009 10:43 PM

(07-21-2009 06:51 PM)Polarbear541 Wrote: Quite a nice tut

Saving that for later ;)

Thanks. It's not great - I'll probably write a proper one up at some point.

Polarbear541 · 07-22-2009 02:21 AM

Perhaps you should make it into a plugin ;)

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	Profile Tube Problem	cam2301	6	217	06-30-2009 06:14 PM Last Post: euantor
	Profile	Aaron23	3	270	12-07-2008 01:52 AM Last Post: Dalton

New to MyBBSource?	Need Assistance?
About MyBBSource You Might Need To Register View Our Rules Looking to donate?	Mark Forums Read View Forum Staff Looking for a MyBB Host?

Threaded Mode \| Linear Mode How to do profile like vb?
Author	Message