Modificar Perfil, acomodar las pestañas

Ryuuseiken 29 Jun, 2011, 8:02 pm

URL del foro: http://www.alonegamerz.co.cc
Versión del foro: 1.6.3
Actualización: Ninguna

Seguí este tutorial
y cambie algunas cosas en el css, y me anda todo perfecto.
Pero el problema es la ubicación de cada cosa.
Quisiera que quedará algo asi.
http://www.comuvir.com/miembro_Ryuuseiken
Tengo los 3 plugin.
•Profile Comment
•Last visitors in Profile
•Profile Buddies
Pero no se muy bien como ubicarlo Confused

Dejo mi plantilla member profille, haber si lo pueden ubicar como comuvir Smile

<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
    jQuery(".pestana_contenido").hide();
    jQuery("ul.pestanas li:first").addClass("activa").show();
    jQuery(".pestana_contenido:first").show();
    jQuery("ul.pestanas li").click(function() {
        jQuery("ul.pestanas li").removeClass("activa");
        jQuery(this).addClass("activa");
        jQuery(".pestana_contenido").hide();
        var pestanaactiva = jQuery(this).find("a").attr("href");
        jQuery(pestanaactiva).fadeIn();
        return false;
    });
});
</script>
{$headerinclude}
</head>
<body>
{$header}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="trow1">
<table width="100%" 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">{$avatar}</td></tr></table>
</td>
</tr>
{$awaybit}
</div>
</table>
<br />
<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="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']} ({$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>
{$referrals}
{$reputation}
{$warning_level}<!-- ProfileComments -->{$pf_statistics}<!-- /ProfileComments -->
</table>
<br />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<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="{$bgcolors['pm']}"><strong>{$lang->pm}</strong></td>
<td class="{$bgcolors['pm']}"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
</tr>
<tr>
<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>
<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
</tr>
<tr>
<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>
<td class="{$bgcolors['aim']}"><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="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>
<td class="{$bgcolors['yahoo']}"><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="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>
<td class="{$bgcolors['msn']}"><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>
</td>
<td><img src="{$theme['imgdir']}/pixel.gif" height="1" width="8" alt=""/></td>
<td width="50%" valign="top">
<ul class="pestanas">
    <li><a href="#pestana_1">Comentarios</a></li>
    <li><a href="#pestana_2">Información</a></li>
    <li><a href="#pestana_3">Acerca de</a></li>
    <li><a href="#pestana_4">Contacto</a></li>
    <li><a href="#pestana_5">Amigos</a></li>
    <li><a href="#pestana_6">Firma</a></li>
</ul>
<div class="pestana_contenedor">
    <div id="pestana_1" class="pestana_contenido">
        Contenido de la pestaña 1
    </div>
    <div id="pestana_2" class="pestana_contenido">
        Contenido de la pestaña  2
    </div>
    <div id="pestana_3" class="pestana_contenido">
        Contenido de la pestaña  3
    </div>
    <div id="pestana_4" class="pestana_contenido">
        Contenido de la pestaña 4
    </div>
    <div id="pestana_5" class="pestana_contenido">
        Contenido de la pestaña 5
    </div>
    <div id="pestana_6" class="pestana_contenido">
        Contenido de la pestaña 6
</div>
</div>
{$profilefields}
{$signature}
<br />{$buddylist}{$modoptions}<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
{$last_visit}
{$adminoptions}
{$buddy_options}
</div>
</td>
</tr>
</table>
{$footer}
</body>
</html>

Jaizu 30 Jun, 2011, 1:31 am

Es otro plugin, lo tengo en otro foro mío, ahora miro el nombre.
Tengo el plugin instalado pero no pone el nombre D=?
Es de Edson Ordaz(sí, lo dije bien Tongue

)
También te recomiendo instalar en Profile Design, está muy bueno, aun que no Tenga nada que ver con esto Tongue

[Imagen: kLUbBrj.png]

nentab 30 Jun, 2011, 4:48 am

Prueba con esto a ver:

<html>
	<head>
		<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
		<script type="text/javascript">
			jQuery.noConflict();
			jQuery(document).ready(function() {
				jQuery(".pestana_contenido").hide();
				jQuery("ul.pestanas li:first").addClass("activa").show();
				jQuery(".pestana_contenido:first").show();
				jQuery("ul.pestanas li").click(function() {
					jQuery("ul.pestanas li").removeClass("activa");
					jQuery(this).addClass("activa");
					jQuery(".pestana_contenido").hide();
					var pestanaactiva = jQuery(this).find("a").attr("href");
					jQuery(pestanaactiva).fadeIn();
					return false;
				});
			});
		</script>
		{$headerinclude}
	</head>
	<body>
		{$header}
		<div style="float: left; width: 320px;">
		<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="6" class="tborder">
			<tr>
				<td class="trow1" align="center" valign="middle" width="140" height="140">
					{$avatar}
				</td>
				<td class="trow1 smalltext" valign="middle" style="font-weight: bold;">
					<span class="largetext"><strong>{$formattedname}</strong></span><br />
					<div style="font-weight: normal; margin-bottom: 4px;">{$usertitle}</div>
					{$groupimage}<br />
					<a href="search.php?action=finduserthreads&amp;uid={$uid}" title="{$lang->find_threads}"><img src="{$theme['imgdir']}/profile_buscar.png" alt="{$lang->find_threads}" width="16" height="16" /> Sus temas</a><br />
					<a href="search.php?action=finduser&amp;uid={$uid}" title="{$lang->find_posts}"><img src="{$theme['imgdir']}/profile_buscar.png" alt="{$lang->find_posts}" width="16" height="16" /> Sus mensajes</a><br />
				</td>
			</tr>
			<tr>
				<td class="trow2 smalltext" style="font-weight: bold;" colspan="2">
					<a href="private.php?action=send&amp;uid={$memprofile['uid']}" title="Envíale un mensaje privado"><img src="{$theme['imgdir']}/profile_pm.png" alt="Envíale un mensaje privado" width="16" height="16" /> Envíale un mensaje privado</a><br />
					<a href="member.php?action=emailuser&amp;uid={$memprofile['uid']}" title="Envíale un email"><img src="{$theme['imgdir']}/profile_email.png" alt="Envíale un email" width="16" height="16" /> Envíale un email</a><br />
					{$buddy_options}
				</td>
			</tr>
		</table>
		{$last_visit}
		{$modoptions}
		{$adminoptions}
		</div>
		
		<div style="float: right; width: 570px;">
			<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
				<tr>
					<td class="trow1 smalltext" width="50"><strong>{$lang->postbit_status}</strong></td>
					<td class="trow1 smalltext">{$online_status}</td>
				</tr>
			</table>
			<br />
			<ul class="pestanas" align="center">
				<li class="activa"><a href="#pestana_1">Comentarios</a></li>
				<li class=""><a href="#pestana_2">Información</a></li>
				<li class=""><a href="#pestana_3">Acerca de</a></li>
				<li class=""><a href="#pestana_4">Contacto</a></li>
				<li class=""><a href="#pestana_5">Amigos</a></li>
				<li class=""><a href="#pestana_6">Firma</a></li>
			</ul>
			<div class="pestana_contenedor">
				<div style="display: block;" id="pestana_1" class="pestana_contenido">
					<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
				</div>
				<div style="display: none;" id="pestana_2" class="pestana_contenido">
					<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;">
						<tr>
							<td colspan="2" class="thead"><strong>{$lang->users_forum_info}</strong></td>
						</tr>
						<tr>
							<td class="trow1" width="170"><strong>{$lang->registration_date}</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>
						{$referrals}
						{$reputation}
						{$warning_level}
						
						{$myachievements}
					</table>
				</div>
				<div style="display: none;" id="pestana_3" class="pestana_contenido">
					{$profilefields}
				</div>
				<div style="display: none;" id="pestana_4" class="pestana_contenido">
					<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;">
						<tr>
							<td colspan="2" class="thead"><strong>{$lang->users_contact_details}</strong></td>
						</tr>
						<tr>
							<td class="trow1" width="170"><strong>{$lang->homepage}</strong></td>
							<td class="trow1">{$website}</td>
						</tr>
						{$sendemail}
						<tr>
							<td class="{$bgcolors['pm']}"><strong>{$lang->pm}</strong></td>
							<td class="{$bgcolors['pm']}"><a href="private.php?action=send&amp;uid={$memprofile['uid']}">{$lang->send_pm}</a></td>
						</tr>
						<tr>
							<td class="{$bgcolors['icq']}"><strong>{$lang->icq_number}</strong></td>
							<td class="{$bgcolors['icq']}">{$memprofile['icq']}</td>
						</tr>
						<tr>
							<td class="{$bgcolors['aim']}"><strong>{$lang->aim_screenname}</strong></td>
							<td class="{$bgcolors['aim']}"><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="{$bgcolors['yahoo']}"><strong>{$lang->yahoo_id}</strong></td>
							<td class="{$bgcolors['yahoo']}"><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="{$bgcolors['msn']}"><strong>{$lang->msn}</strong></td>
							<td class="{$bgcolors['msn']}"><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 style="display: none;" id="pestana_5" class="pestana_contenido">
					{$buddylist}
				</div>
				<div style="display: none;" id="pestana_6" class="pestana_contenido">
					<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;">
						<tr>
							<td class="thead"><strong>{$lang->users_signature}</strong></td>
						</tr>
						<tr>
							<td class="trow1">{$signature}</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<br class="clear" />
		{$footer}
	</body>
</html>

Ryuuseiken 2 Jul, 2011, 6:33 am

Necesito unas cuantas ayudas más, hare un video y las traigo .
-----
Video

1.- Comentarios.
3.-Pestañas ( cuando hago muchos click se sombrea con firefox y chrome)
3.- Últimas Visitas.
4.- Amigos.
5.-Firma
No es que me quiera copiar todo del foro, solo que es algo que me disgusta un poco y quisiera yo también luego aprender a hacerlo solo, pero por ahora necesito ayuda.

Última modificación: 2 Jul, 2011, 10:02 pm por PoLiZe.

ronpsp 2 Jul, 2011, 8:26 am

Yo tambien estoy con Ryu, te doy un gracias por poner el video tan explicativo.
Ami me gustaria tambien tener lo de ryu.
PD: Una duda me fijado que en ultimas visitas te sale en español , me baje el plugin last visit y me sale en ingles, por que? lo intente traducir pero me salia error ..:S

Kevinex 2 Jul, 2011, 11:26 am

Wee gracias ab esto es justo lo que andaba buscandoo!! Big Grin

www.ledahost.com | Email: info[at]ledahost.com | Skype: ledahost
VPS SSD - HOSTING Y RESELLER [cPanel, Plesk, etc] - DOMINIOS - BACKUPS - WAREZ & XXX
CUPONES: Hosting 20%: memudoaleda

Ryuuseiken 2 Jul, 2011, 3:08 pm

(2 Jul, 2011, 8:26 am)ronpsp escribió: Yo tambien estoy con Ryu, te doy un gracias por poner el video tan explicativo.
Ami me gustaria tambien tener lo de ryu.
PD: Una duda me fijado que en ultimas visitas te sale en español , me baje el plugin last visit y me sale en ingles, por que? lo intente traducir pero me salia error ..:S

Es porque abri el archivo y modifique una parte que decia Last Visit y la modifique por Ultimas Visitas.

ronpsp 2 Jul, 2011, 5:26 pm

Podrías decirme donde las modificado?En que parte?

Ryuuseiken 2 Jul, 2011, 7:44 pm

El problema de las pestañas era por el navegador ya esta solucionado.
Ahora necesito ayuda con lo de comentarios,amigos y ultimas visitas.
-----------
EDITO: Solo las pestañas me funcionan como quiero en el ie9.
Con chrome y firefox se ven como en el video. Ayudas.

Última modificación: 2 Jul, 2011, 10:01 pm por PoLiZe.

kind 3 Jul, 2011, 2:51 am

#10

En el last visit, tenes que editar el php del plugin.. buscar donde define el $lastvisitor y editar como lo muestra, x default lo muestra asi: $lastvisitor = $lastvisitor.$username."(".$date." - ".$time.") , ";

[Error] Modificar Perfil, acomodar las pestañas