MyBB

Innocent · (This post was last modified: 2013-11-13, 02:28 PM by Innocent.)

So I used a template found on here, and the profile trow is all the way to the left. I want to know how to center it properly. When I attempt to expand the trow, it expands the table as well.

http://prntscr.com/23fqjr

Innocent · 2013-11-13, 02:28 PM

Can anyone offer some support? Still looking for some help on this issue.

Destroy666 · 2013-11-13, 03:03 PM

And how are we supposed to know that without seeing the HTML/CSS either posted by you, or viewable through the source of your site? By viewing the screen, I can only guess you need to add style="text-align: right;"/align="right" to the left <td> of the main <table>.

Innocent · 2013-11-13, 03:57 PM

(2013-11-13, 03:03 PM)Destroy666 Wrote: And how are we supposed to know that without seeing the HTML/CSS either posted by you, or viewable through the source of your site? By viewing the screen, I can only guess you need to add style="text-align: right;"/align="right" to the left <td> of the main <table>.

I'm not talking about the tabs, I'm talking about the profile view.

http://prntscr.com/23vtyf

Max Payne · 2013-11-13, 04:06 PM

Which tutorial did you use?

Innocent · 2013-11-13, 04:28 PM

(2013-11-13, 04:06 PM)Jimmy M. Wrote: Which tutorial did you use?

This is the tutorial I used.

http://community.mybb.com/thread-146284.html

Destroy666 · 2013-11-13, 04:34 PM

(2013-11-13, 03:57 PM)Innocent Wrote: I'm not talking about the tabs, I'm talking about the profile view.

http://prntscr.com/23vtyf

What?? Why is this thread title "Need tabbed profile help." then? And how is this related to my post anyways? Read it again carefully, I said no word about tabs. I asked one question and provided possible solution instead, which you completely ignored...

.m. · (This post was last modified: 2013-11-13, 05:26 PM by .m..)

@ Innocent,
in the modified code wherever you have table width="40%" , change it to table width="100%" and check if it resolves.

Innocent · 2013-11-13, 05:27 PM

(2013-11-13, 04:34 PM)Destroy666 Wrote:
(2013-11-13, 03:57 PM)Innocent Wrote: I'm not talking about the tabs, I'm talking about the profile view.

http://prntscr.com/23vtyf

What?? Why is this thread title "Need tabbed profile help." then? And how is this related to my post anyways? Read it again carefully, I said no word about tabs. I asked one question and provided possible solution instead, which you completely ignored...

I'm sorry.

Here is the HTML.

<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
</head>
<body>
{$header}
<table border="0" cellspacing="0" cellpadding="10" width="100%">
<tr width="100%">
<th class="memprof" width="20%" border="0" cellspacing="0" cellpading="10">
<span class="memtext"><strong>{$formattedname}</strong></span>
</th>
<th class="memprof" width="150%" border="0" cellspacing="0" cellpading="10">
<span class="memtext" style="float:right;"><strong><font color="white">{$online_status}</font></strong></span>
</th>
</tr>
<tr width="100%">
<td width="20%" valign="top">
<table border="0" cellspacing="0" cellpadding="10" width="40%">
<tr width="100%">
<td class="trow1" width="40%">
{$avatar}
<table width="40%" cellspacing="0" cellpadding="0" border="0"><tr><td class="trow1" width="75%">
<span class="largetext"><strong>{$formattedname}</strong></span><br />
<span class="smalltext">
({$usertitle})<br />
{$groupimage}
{$userstars}<br />
<br />
<strong>{$lang->registration_date}</strong> {$memregdate}<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><td width="25%" align="right" valign="middle"></td></tr></table>
</td>
</tr>
{$awaybit}
</table>
</td>
<td width="150%" valign="top">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<td width="100%" style="vertical-align: top;padding-top: 2px;">
    <ul class="tabs">
        <li><a href="#tab1"><font color="white">Activity</font></a></li>
        <li><a href="#tab2"><font color="white">Contact</font></a></li>
        <li><a href="#tab3"><font color="white">About</font></a></li>
<li><a href="#tab4"><font color="white">Other</font></a></li>
    </ul>
<br /> 
<div class="tab_container">
<div id="tab1" class="tab_content">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead"><strong>Statistics Of {$formattedname}</strong>
<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']} ({$lang->ppd_percent_total})<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>
<tr>
<td class="trow2"><strong>{$lang->timeonline}</strong></td>
<td class="trow2">{$timeonline}</td>
</tr>
{$reputation}
{$myawards}
{$warning_level}
</td>
</tr>
</table>
</div>

<div id="tab2" class="tab_content">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td colspan="2" class="thead"><strong>Contact Details Of {$formattedname}</strong>
<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>
</td>
</tr>
</table>
</div>

<div id="tab3" class="tab_content">
{$profilefields}
{$signature}
{$buddy_options}
</div>
<div id="tab4" class="tab_content">
{$modoptions}
{$adminoptions}
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
{$footer}
</body>
</html>

And here is the .css

.tabs{
background: #41403B;
margin: 0px;
padding: 0px;
margin-top: 10px;
list-style: none;
}
.tabs li{
background: none;
color: #fff;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}

.tabs li.current{
background: #fff;
color: #222;
}

.tab-content{
display: none;
background: #ededed;
padding: 15px;
}
.tab-content.current{
display: inherit;
}
.memprof
{
background: #b40404; /*For old browsers*/
color: #fff;
}
.memtext
{
font-size: 13px;
font-weight: bold;
color: #fff;
}
.memprof a:link
{color: #fff;
}
.memprof a:visited
{
color: #fff;
}

Destroy666 · 2013-11-13, 05:54 PM

Change:

<table border="0" cellspacing="0" cellpadding="10" width="40%">

to:

<table border="0" cellspacing="0" cellpadding="10">

Also:

<td class="trow1" width="40%">

to:

<td class="trow1">

Login
Username:
Password:	Lost Password?
	Remember me