MyBB Community Forums

Full Version: jQuery to view member profiles
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
can you help me for the problem include the following profile design
http://forum.skynesia.com/member.php?act...file&uid=1
you try to click on the "contact details" and "more / options"
from the look of having jQuery, and what should I get for my copy in my MyBB
Try jQuery vertical tabs plugins :
http://web.kentheberling.com/vertical-ta...ry-plugin/
http://tjvantoll.com/2012/11/08/creating...jquery-ui/

You should know a little Html and jQuery inorder to integrate it into your forums.
That is not difficult too.
Can you explain how to apply the templates from this theme
http://forum.skynesia.com/member.php?act...file&uid=1

member_profile
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
{$header}
<table border="0" width="100%" cellspacing="0" cellpadding="4">
<tr>
<td class="userprofile_info">
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td width="100%">
<span class="largetext"><strong>{$formattedname}</strong></span>{$online_status}<br />
<span class="smalltext">
{$usertitle}<br />
{$groupimage}
{$userstars}<br />
<br />
</span>
</td><td width="25%" align="right" valign="middle"><span class="useravatar">{$avatar}</span></td></tr></table>
</td>
</tr>
{$awaybit}
</table>
<br />

<div id="userprofiletabs">
<table class="userprofile_table" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="userprofile_tabs">
	<ul>
		<li><a href="#userprofiletab-1">Forum Info</a></li>
		<li><a href="#userprofiletab-2">Contact Details</a></li>
		<li><a href="#userprofiletab-3">More / options</a></li>
	</ul>
</td>
<td class="userprofile_tabcontent">
<div id="userprofiletab-1">
<table border="0" cellspacing="0" cellpadding="4" class="tborder" style="width:75%;float:left;margin-bottom:10px;">
<tr>
<td colspan="2" class="thead"><strong>{$lang->users_forum_info}</strong></td>
</tr>
<tr>
<td class="userprofile_trow"><strong>{$lang->joined}</strong></td>
<td class="userprofile_trow">{$memregdate}</td>
</tr>

<tr>
<td class="userprofile_trow"><strong>{$lang->date_of_birth}</strong></td>
<td class="userprofile_trow">{$membday} {$membdayage}</td>
</tr>

<tr>
<td class="userprofile_trow"><strong>{$lang->local_time}</strong></td>
<td class="userprofile_trow">{$localtime}</td>
</tr>
<tr>
<td class="userprofile_trow"><strong>{$lang->lastvisit}</strong></td>
<td class="userprofile_trow">{$memlastvisitdate} {$memlastvisittime}</td>
</tr>
<tr>
<td class="userprofile_trow"><strong>{$lang->total_posts}</strong></td>
<td class="userprofile_trow">{$memprofile['postnum']} ({$lang->ppd_percent_total}) <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>
<tr>
<td class="userprofile_trow"><strong>{$lang->timeonline}</strong></td>
<td class="userprofile_trow">{$timeonline}</td>
</tr>
</table>
<div class="right" style="width: 24%;">
{$reputation}
{$referrals}
{$warning_level}
</div>
	</div>


	<div id="userprofiletab-2">
		
    <table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tr>
<td colspan="2" class="tcat"><strong>{$lang->users_contact_details}</strong></td>
</tr>
<tr>
<td class="userprofile_trow" width="40%"><strong>{$lang->homepage}</strong></td>
<td class="userprofile_trow">{$website}</td>
</tr>
<tr>
<td class="userprofile_trow"><strong>{$lang->pm}</strong></td>
<td class="userprofile_trow"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
{$sendemail}
<tr>
<td class="userprofile_trow"><strong>{$lang->icq_number}</strong></td>
<td class="userprofile_trow">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="userprofile_trow"><strong>{$lang->aim_screenname}</strong></td>
<td class="userprofile_trow"><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="userprofile_trow"><strong>{$lang->yahoo_id}</strong></td>
<td class="userprofile_trow"><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="userprofile_trow"><strong>{$lang->msn}</strong></td>
<td class="userprofile_trow"><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="userprofiletab-3">
	{$profilefields}

<br class="clear"><div style="position: relative;
top: 10px;
left: 10px;">
{$adminoptions}
{$modoptions}
{$buddy_options}<br/ >
	</div>
</td>
</tr>
</table>
</div>
{$footer}
<style>
#nav_members {background: url(images/neonglow/menuactivebg.png);
border-radius: 5px;
box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25),inset 0px 0px 10px black,0px 1px 1px rgba(255, 255, 255, 0.28);
color: #9CE9D0;
text-decoration: none;
text-shadow: 0px 0px 10px #24B89E;
padding: 10px 15px;}
#nav_community {background: none !important;
box-shadow: none !important;
padding: 10px 10px !important;
color: #CFCFCF !important;
text-shadow: none !important;}
#nav_community:hover {color: #9CE9D0 !important;
text-shadow: 0px 0px 10px #24B89E !important;}
</style>
</body>
</html>

I am still confused take these codes to be applied in my MyBB Huh
to file "CSS and JS" on the attachment below
could you help me
You are ilegally uploading premium theme files on community forums, do you even have a idea what damage can you cause with your moves ?
does not have any damage to my self
(2013-04-10, 11:34 PM)SunDi3yansyah Wrote: [ -> ]does not have any damage to my self

Yes it does. I have unapproved those attachments and if you attempt to reupload them then you will be denied support.
:: ALL ::
okay
excuse me
over my carelessness

what should i do
You can learn the html and css required to make that layout ;

The profile setup is using the jquery tabs with jquery ui.

http://jqueryui.com/tabs/
thanks I've done alone
but I want to ask you a little about the tabs that I use conflicts in the "profile commnet"
I try to open the forum and look at my profile
http://www.kampoeng.us/User-SunDi3yansyah
if tabs are directed to "profile comment" text box looks messy
where I have to set the width of the text box (textarea)