Webboard

Pełna wersja: Przebudowa profilu, nierówne wysokości
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Kod:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/report.js?ver=1804"></script>


<script>
$(document).ready(function(){

$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');

$('ul.tabs li').removeClass('current');
$('.tab-content2').removeClass('current');

$(this).addClass('current');
$("#"+tab_id).addClass('current');
})

})
</script>

<style>
.container2{
margin: 0 auto;
}



ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #fff;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
border: 1px solid #087949;
border-bottom: none;
background: #087949;
}

ul.tabs li.current{
background: #fff;
color: #222;
border: 1px solid #e5e5e5;
border-bottom: none;
}

.tab-content2{
display: none;
background: #202020;
padding: 15px;
border: 2px solid #087949;
}

.tab-content2.current{
display: inherit;
}
</style>




</head>
<body>
{$header}



<table class="tg">
 <tr>
   <th style=" width: 30%; padding-right: 10px" class="tg-yw4l">
 
   



<table  border="0" cellspacing="0" cellpadding="0" class="tborder">
<tr>
<td class="thead"><strong>TYTUŁ</strong></td>
</tr>
<tr>
<td style="padding: 0px;" class="trow1">












<fieldset>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

{$avatar}<br/><td width="100%" align="right" valign="middle">{$profilefields}</td>
<span class="largetext"><strong>{$formattedname}</strong></span>



</tr>
</table>
</fieldset>





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

<div class="float_right" style="text-align: center"><br/>{$buddy_options}<br/>{$ignore_options}<br/>{$report_options}</div>

</th>
   <th style=" width: 70%;" class="tg-yw4l">


<br />
{$awaybit}{$bannedbit}


{$memprofile['ougc_awards']}


<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="50%" valign="top">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborderposts">
<tr>
<td colspan="2" class="thead"><strong>Działanie na forum</strong></td>
</tr>
<tr>
<td class="trow1" style="width: 30%;"><strong>{$lang->joined}</strong></td>
<td class="trow1">{$memregdate}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->lastvisit}</strong></td>
<td class="trow2">{$memlastvisitdate}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->total_posts}</strong></td>
<td class="trow1">{$memprofile['postnum']} ({$lang->ppd_percent_total}){$findposts}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->total_threads}</strong></td>
<td class="trow2">{$memprofile['threadnum']} ({$lang->tpd_percent_total}){$findthreads}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->timeonline}</strong></td>
<td class="trow1">{$timeonline}</td>
</tr>
{$referrals}
{$reputation}
{$warning_level}
</table>
</td>
</tr>
</table>






{$contact_details}



{$signature}

{$modoptions}{$adminoptions}



</th>
 </tr>
</table>

<br />

{$footer}
</body>
</html>
[attachment=11281]

Chce aby panel po lewej stronie był od gory na równi z tym po prawej i nie wychodzi ;/

Ale konto nie jest potrzebne w tym przypadku na gościu wszystko widać
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/report.js?ver=1804"></script>
<script>
$(document).ready(function(){

$('ul.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');

$('ul.tabs li').removeClass('current');
$('.tab-content2').removeClass('current');

$(this).addClass('current');
$("#"+tab_id).addClass('current');
})

})
</script>
<style>
.container2{
margin: 0 auto;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #fff;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
border: 1px solid #087949;
border-bottom: none;
background: #087949;
}
ul.tabs li.current{
background: #fff;
color: #222;
border: 1px solid #e5e5e5;
border-bottom: none;
}
.tab-content2{
display: none;
background: #202020;
padding: 15px;
border: 2px solid #087949;
}
.tab-content2.current{
display: inherit;
}
</style>
</head>
<body>
{$header}
<table class="tg">
<tr>
<th style=" width: 95%; padding-right: 10px; float: left;" class="tg-yw4l">
<table  border="0" cellspacing="0" cellpadding="0" class="tborder">
<tr>
<td class="thead"><strong>TYTUŁ</strong></td>
</tr>
<tr>
<td style="padding: 0px;" class="trow1">
<fieldset>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
{$avatar}<br/>
<td width="100%" align="right" valign="middle">{$profilefields}</td>
<span class="largetext"><strong>{$formattedname}</strong></span>
</tr>
</table>
</fieldset>
</td>
</tr>
</table>
<div class="float_right" style="text-align: center"><br/>{$buddy_options}<br/>{$ignore_options}<br/>{$report_options}</div>
</th>
<th style=" width: 70%;" class="tg-yw4l">
<br />
{$awaybit}{$bannedbit}
{$memprofile['ougc_awards']}
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="50%" valign="top">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborderposts">
<tr>
<td colspan="2" class="thead"><strong>Działanie na forum</strong></td>
</tr>
<tr>
<td class="trow1" style="width: 30%;"><strong>{$lang->joined}</strong></td>
<td class="trow1">{$memregdate}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->lastvisit}</strong></td>
<td class="trow2">{$memlastvisitdate}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->total_posts}</strong></td>
<td class="trow1">{$memprofile['postnum']} ({$lang->ppd_percent_total}){$findposts}</td>
</tr>
<tr>
<td class="trow2"><strong>{$lang->total_threads}</strong></td>
<td class="trow2">{$memprofile['threadnum']} ({$lang->tpd_percent_total}){$findthreads}</td>
</tr>
<tr>
<td class="trow1"><strong>{$lang->timeonline}</strong></td>
<td class="trow1">{$timeonline}</td>
</tr>
{$referrals}
{$reputation}
{$warning_level}
</table>
</td>
</tr>
</table>
{$contact_details}
{$signature}
{$modoptions}{$adminoptions}
</th>
</tr>
</table>
<br />
{$footer}
</body>
</html>
Sprawdź
Pomogło daje like