SoporteMyBB tiene ya 1492 temas de soporte resueltos, de un total de 2325. 25 todavía están por resolver y 808 han quedado obsoletos.
Google+ Página en Tuenti de SoporteMyBB Perfil en Twitter de SoporteMyBB Perfil en Myspace de SoporteMyBB
SoporteMyBB / Personalización y configuración de los foros MyBB / Tutoriales / Guías v
/ [Tutorial] Poner pestañas en el perfil al estilo vBulletin Mejorado

[Tutorial] Poner pestañas en el perfil al estilo vBulletin Mejorado
Usuario(s) navegando en este tema: 1 invitado(s)
 
Calificación:
  • 1 votos - 5 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Enviar respuesta 

MrDarkWoodv
Diseñador
Miembros

Sin conexión Mexico Hombre
Temas: 48
Mensajes: 194
Reputación: 12
Registro en: May 2011
18-07-2011 08:12 PM
(Este mensaje fue modificado por última vez en: 23-07-2011 03:23 AM por MrDarkWood.)
Regístrate en SoporteMyBB para eliminar este anuncio
Bueno antes que nada este tema es complemento o versión "mejorada" de este tema:

http://www.soportemybb.com/tema_Tutorial...-vBulletin

[Demo Hasta Abajo]


No sé si a ustedes Les falló al poner los awards y los items del shop, pues este que hice si muestra:
awards
puntos
items
last visits
buddy list
baner de perfil
profile desing
obviamente para que salgan debes de tener instalados los plugins Lengua


Además la información está del lado izquierdo, más parecido a Vbulletin, centre las pestañas e intente acomodarlas mejor, bueno, para mi es perfecto jajaja, la verdad no sé casi nada de Html y Css ni php, por eso se me dificulto tener así los perfiles solo es cuestión de lógica y reemplazar códigos ^^

Primero deben de seguir al pie de la letra este tutorial:
http://www.soportemybb.com/tema_Tutorial...-vBulletin

Recuerden que el archivo que en ese tutorial les da [tabcontent.js] va en:
images/
y también va en:
images/TU SKIN

[Imagen: perfilq.png]

Después de hacerlo todo deben de tener las pestañas como muestra en ese tutorial, ahora bien, es hora de reemplazar aquel código por el que daré.

Ahora en la plantilla del perfil:
Plantillas - TU SKIN - Miembro - member_profile
Copian todo esto:
Código PHP:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
{$profiledesigncss}
</head>
<body>
<script type="text/javascript" src="{$theme['imgdir']}/tabcontent.js">

</script>
{$header}
<div id="profile-container"><br>{$img_table}
<span class="largetext"><strong>{$lang->profile}</strong></span> {$profiledesigneditor} 
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="85%" valign="top">

<table width="100%" height="490" border="0" cellpadding="{$theme['tablespace']}" cellspacing="{$theme['borderwidth']}" class="tborder">
<tr>
<td width="28%" height="454" align="left" valign="middle" class="trow1">
<center><span class="medium"><strong></strong></span></center>
<fieldset style="background: url(images/Emu/Fondoas.PNG) repeat;
                          border: 1px solid #000;
                         -moz-border-radius:5px;
                         -webkit-border-radius:5px;">

<center>
<strong>{$formattedname}</strong></center>
<br />
<center>{$avatar}</br></br>
<span class="smalltext">
({$usertitle})<br />
{$userstars}
{$groupimage}</span>
</br>
<img src="http://i1192.photobucket.com/albums/aa340/AshCrimson3312/forum.png"> <a href="search.php?action=finduserthreads&amp;uid={$uid}">{$lang->find_threads}</a><br />
<img src="http://i1192.photobucket.com/albums/aa340/AshCrimson3312/forum.png"> <a href="search.php?action=finduser&amp;uid={$uid}">{$lang->find_posts}</a><br />
<a href="private.php?action=send&amp;uid={$post['uid']}"><img src="http://i1192.photobucket.com/albums/aa340/AshCrimson3312/message.png" alt="" title="Enviar Mensaje Privado" /> Enviar Mensaje Privado {$lang->sendpm}</a>
</center>


<br />
<span class="smalltext"><strong><img src="http://emusoftware.cz.cc/images/icons/question.gif">Información De {$formattedname}:</strong></span>
<br />
<fieldset style="background: #fff;
                          border: 0px solid #000;
                         -moz-border-radius:5px;
                         -webkit-border-radius:5px;">
<span class="smalltext"><strong>{$lang->postbit_status}</strong> {$online_status}</span><br /><br />
<span class="smalltext"><strong>{$lang->registration_date}</strong> {$memregdate}</span><br /><br />
<span class="smalltext"><strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}</span><br /><br />
<span class="smalltext"><strong>{$lang->local_time}</strong> {$localtime}</span><br />
</fieldset>
</br>

<span class="smalltext"><strong><img src="http://emusoftware.cz.cc/images/buddies.gif">Amigos De {$formattedname}:</strong></span>
<fieldset style="margin: 5px;"><span style="color: blue;">
<div style="max-width:900px; max-height:150px; overflow:auto;">{$buddylist}
</div>
</fieldset>
<fieldset style="background: #fff;
                          border: 0px solid #000;
                         -moz-border-radius:5px;
                         -webkit-border-radius:5px;">
<span class="smalltext">{$buddy_options}</span>
</fieldset>
<br />
<img src="http://emusoftware.cz.cc/images/modcp/editprofile.gif"> <strong><span class="smalltext">Medallas De {$formattedname}:</span></strong>
<center><table><td>{$award_box}
</td></table></center>
<br />
<span class="smalltext"><strong><img src="http://emusoftware.cz.cc/images/icons/user.gif">Últimas Visitas De {$formattedname}:</strong></span>
{$last_visit}
</fieldset>


</td>


<td><img src="{$theme['imgdir']}/pixel.gif" height="1" width="8" alt=""/></td>
<td width="75%" valign="top">

<div id="toolbar" class="usertabs"><div id="nav"><ul id="countrytabs" class="shadetabs">
<center>
<li><a href="#" rel="country1" class="selected"><b>Mensajes de visita</b></a></li>
<li><a href="#" rel="country2"><b>Acerca de mi</b></a></li>
<li><a href="#" rel="country3"><b>Estadisticas</b></a></li>
<li><a href="#" rel="country4"><b>Contactar</b></a></li>
<li><a href="#" rel="country5"><b>Firma</b></a></li>
<li><a href="#" rel="country6"><b>Últimas Visitas</b></a></li>
</center></ul></div></div>
<div style="border:1px solid gray; width:100%px; margin-bottom: 1em; padding: 0px">

<div id="country1" class="tabcontent">
<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
</div>

<div id="country2" class="tabcontent">
{$profilefields}
</div>

<div id="country3" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<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}{$award_box}{$newpoints_shop_profile}{$newpoints_profile}</td>
</tr>
{$reputation}
{$warning_level}
</table>
</div>

<div id="country4" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<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>
</table>
</div>

<div id="country5" class="tabcontent">
{$signature}
</div>

<div id="country6" class="tabcontent">
{$last_visit}
</div>
</div>

</td>
</tr>
{$awaybit}
</table>
<br />


<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
</td>


<br />


</td>
</tr>
</table>
</div>
{$footer}
</body>
</html> 

Y reemplazan lo que tienen en su plantilla, por el código que les acabo de dar,[recomiendo que guarden el antiguo código en un block de notas por si algo].
Después de reemplazar el código, lo guardan y verifican que esté todo perfecto así:
[Imagen: 1-6.jpg]
[Imagen: 2-6.jpg]
[Imagen: 3-3.jpg]

DEMO: http://emusoftware.cz.cc/member.php?acti...file&uid=1
[Debes de estar registrado][si no quieres registrarte usa este usuario: Emu - Pass:123456]

Espero que les haya agradado ^^

Saludos!
Firma de MrDarkWood
Cita este mensaje en tu respuesta
0
Gypaete_kv
www.redmangani.me
Miembros

Sin conexión Colombia Oculto
Temas: 23
Mensajes: 1,177
Reputación: 89
Registro en: Nov 2010
18-07-2011 08:46 PM
Es un poco feo el diseño xD pero está bueno.
Firma de Gypaete_k
KuroSen!
Cita este mensaje en tu respuesta
0
MrDarkWoodv
Diseñador
Miembros

Sin conexión Mexico Hombre
Temas: 48
Mensajes: 194
Reputación: 12
Registro en: May 2011
18-07-2011 08:58 PM
(18-07-2011 08:46 PM)Gypaete escribió:  Es un poco feo el diseño xD pero está bueno.

Ah bueno, es cuestión de gustos jeje, me comentaron mis usuarios que nos les gusto que todo tuviese en cuadros [lo de la izquierda] entonces modifique gracias a un amigo que me ayudo con el código de fondo jaja

Acá el nuevo:
[Imagen: Dibujo-16.png]

Código:
Código PHP:
<html>
<head>
<title>{$mybb->settings['bbname']} - {$lang->profile}</title>
{$headerinclude}
{$profiledesigncss}
</head>
<body>
<script type="text/javascript" src="{$theme['imgdir']}/tabcontent.js">

</script>
{$header}
<div id="profile-container"><br>{$img_table}
<span class="largetext"><strong>{$lang->profile}</strong></span> {$profiledesigneditor} 
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="85%" valign="top">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td align="left" class="trow1" valign="middle">
<center><span class="medium"><strong></strong></span></center>

<fieldset style="background: url(images/Emu/Fondoas.PNG) repeat;
                          border: 1px solid #000;
                         -moz-border-radius:5px;
                         -webkit-border-radius:5px;">

<legend style="background: url(images/Emu/Fondoas.PNGg) repeat;
                          border: 1px solid #000;
                          padding:2px;
                         -moz-border-radius:2px;
                         -webkit-border-radius:2px; ">

<span class="medium">
<strong> <span class="medium">{$formattedname}</strong></span></legend>
<center>{$avatar}</br></br>
<span class="smalltext">
({$usertitle})<br />
{$userstars}
{$groupimage}
</br>
</center>
</fieldset>

<br />
<fieldset style="background: #fff;
                          border: 0px solid #000;
                         -moz-border-radius:5px;
                         -webkit-border-radius:5px;">
<span class="smalltext"><strong>{$lang->postbit_status}</strong> {$online_status}</span><br /><br />
<span class="smalltext"><strong>{$lang->registration_date}</strong> {$memregdate}</span><br /><br />
<span class="smalltext"><strong>{$lang->date_of_birth}</strong> {$membday} {$membdayage}</span><br /><br />
<span class="smalltext"><strong>{$lang->local_time}</strong> {$localtime}</span><br /><br />
{$buddylist}
</span>
</fieldset>
</br>

{$last_visit}


</td>
<td class="trow1" align="left" width="100%">
<div id="toolbar" class="usertabs"><div id="nav"><ul id="countrytabs" class="shadetabs">
<center>
<li><a href="#" rel="country1" class="selected"><b>Mensajes de visita</b></a></li>
<li><a href="#" rel="country2"><b>Acerca de mi</b></a></li>
<li><a href="#" rel="country3"><b>Estadisticas</b></a></li>
<li><a href="#" rel="country4"><b>Contactar</b></a></li>
<li><a href="#" rel="country5"><b>Firma</b></a></li>
<li><a href="#" rel="country6"><b>Últimas Visitas</b></a></li>
</center></ul></div></div>

<div style="border:1px solid gray; width:100%px; margin-bottom: 1em; padding: 0px">

<div id="country1" class="tabcontent">
<!-- ProfileComments -->{$comments_index}<!-- /ProfileComments -->
</div>

<div id="country2" class="tabcontent">
{$profilefields}
</div>

<div id="country3" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<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}{$award_box}{$newpoints_shop_profile}{$newpoints_profile}</td>
</tr>
{$reputation}
{$warning_level}
</table>
</div>

<div id="country4" class="tabcontent">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<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>
</table>
</div>

<div id="country5" class="tabcontent">
{$signature}
</div>

<div id="country6" class="tabcontent">
{$last_visit}
</div>
</div>

</td>
</tr>
{$awaybit}
</table>
<br />


<script type="text/javascript">

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()

</script>
</td>


<br />


</td>
</tr>
</table>
</div>
{$footer}
</body>
</html> 
Firma de MrDarkWood
Cita este mensaje en tu respuesta
1
Gypaete_kv
www.redmangani.me
Miembros

Sin conexión Colombia Oculto
Temas: 23
Mensajes: 1,177
Reputación: 89
Registro en: Nov 2010
18-07-2011 09:22 PM
Envés de tanto table utiliza float así queda mejor xD, ah y te he dado rep Lengua
Firma de Gypaete_k
KuroSen!
Cita este mensaje en tu respuesta
0
MrDarkWoodv
Diseñador
Miembros

Sin conexión Mexico Hombre
Temas: 48
Mensajes: 194
Reputación: 12
Registro en: May 2011
18-07-2011 09:24 PM
No sé para que sirve float, como dije no se nada de html ni nada parecido jaja, pero gracias, estoy buscando en google que es eso de float.

Saludos!
Firma de MrDarkWood
Cita este mensaje en tu respuesta
0
MrDarkWoodv
Diseñador
Miembros

Sin conexión Mexico Hombre
Temas: 48
Mensajes: 194
Reputación: 12
Registro en: May 2011
23-07-2011 03:26 AM
Actualicé el tema por que ya mejoré las fallas, más bien me copié dos lineas de código del admin jojojo screens:

[Imagen: 1-6.jpg]
[Imagen: 2-6.jpg]
[Imagen: 3-3.jpg]

Código: Al principio del tema.
Firma de MrDarkWood
Cita este mensaje en tu respuesta
0
Gypaete_kv
www.redmangani.me
Miembros

Sin conexión Colombia Oculto
Temas: 23
Mensajes: 1,177
Reputación: 89
Registro en: Nov 2010
29-07-2011 05:49 PM
No me haía fijado, pero tienes buen gusto eligiendo series (Soul Eater) xDD
Off: La sigues? En el manga...
Los floats son como el text-align, pero mejor xD si tengo tiempo ahora cojo es plantilla y la pongo con floats
Firma de Gypaete_k
KuroSen!
Cita este mensaje en tu respuesta
0
MrDarkWoodv
Diseñador
Miembros

Sin conexión Mexico Hombre
Temas: 48
Mensajes: 194
Reputación: 12
Registro en: May 2011
29-07-2011 06:07 PM
Soul Eater... la dejé de ver por dedicarme al aprendisaje =/ pero me gusto demasiado, creo que deje de verla después de que juegan partido de basket...

Por cierto, estoy ancioso por ver lo que haces Gran sonrisa
Firma de MrDarkWood
Cita este mensaje en tu respuesta
0
Gypaete_kv
www.redmangani.me
Miembros

Sin conexión Colombia Oculto
Temas: 23
Mensajes: 1,177
Reputación: 89
Registro en: Nov 2010
29-07-2011 06:13 PM
xD Tienes que leer más, ahora está muy interesante, puta revista que saca cada capítulo mensual D:

Okas, (Y) xDD
Firma de Gypaete_k
KuroSen!
Cita este mensaje en tu respuesta
0
deakerv
Fundador de cForo.net
Miembros

Sin conexión Argentina Hombre
Temas: 11
Mensajes: 28
Reputación: 1
Registro en: Aug 2012
11-09-2012 06:36 PM
Ami no se me ven las imágenes de "Información, últimas visitas , etc"

¿Alguien me puede ayudar?
Cita este mensaje en tu respuesta
0

Enviar respuesta 

Posibles temas similares...
Tema: Autor Respuestas: Vistas: Último mensaje
Estrella [1.4.x/1.6.x] [Tutorial] Añadir campos de perfil personalizados (sexo, pais, ...) al postbit nentab 67 12,453 28-04-2013 04:48 PM
Último mensaje: patrickvp
  [1.4.x/1.6.x] [Tutorial] Poner algunos emoticonos en la respuesta rápida ariel 15 1,527 19-03-2013 07:04 PM
Último mensaje: storm
Dedo arriba [Tutorial] poner publicidad dentro del cuerpo del post sergio franco 15 2,817 11-02-2013 06:35 PM
Último mensaje: veloz46
Estrella [1.4.x/1.6.x] [Tutorial] Añadir pestañas en el portal, perfiles, etc nentab 73 8,572 01-12-2012 05:18 PM
Último mensaje: nentab
  [1.4.x/1.6.x] [Tutorial] Poner pestañas en el perfil al estilo vBulletin nocktis21 59 7,446 07-09-2012 08:36 PM
Último mensaje: Dark Neo

Salto de foro:


Términos y condiciones | Donar | Contáctanos | SoporteMyBB | Volver arriba | Volver al contenido | Versión móvil | Sindicación RSS