Modificar Perfil, acomodar las pestañas

Páginas (3): 1 2 3

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

Código PHP:
<?php 

<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: http://i.imgur.com/kLUbBrj.png]

nentab 30 Jun, 2011, 4:48 am

Prueba con esto a ver:

Código:
<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