Imagen profile

Buenas noches a todos. Intentando poner una portada a los perfiles de mi foro me encontré con este thread.

Editar Perfiles de Usuario

Instalé el plugin y seguí los pasos pero evidentemente me faltan cosas para que quede bien. La imagen se sale de recuadro donde teoricamente tendría que estar la imágen, y no se fusiona con lo demas.

[Imagen: 7qIGPUE.png]

Como verán se excede del recuadro donde tendría que estar. Lo que quiero lograr es que sobre esa portada quede eso que ven ahí que dice FUHRER y el logo, que sería como un recuadro con el tag y el avatar de cada usuario.

Les dejo el code de mi member_profile. Aclaro que estoy aprendiendo html y css, no se demasiado.

Código:
<html>

<head>

<title>{$mybb->settings['bbname']} - {$lang->profile}</title>

{$headerinclude}

</head>

<body>

{$header}

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<td class="trow5">{$profilepic}

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

<div class="perfilje" float="middle"><span class="largetext"><strong>{$formattedname}</strong></span><br />

<br />

{$avatar}

<br /></div>

</table>

</td>

{$awaybit}

</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}

</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" width="40%"><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">

{$profilefields}

{$signature}

{$modoptions}

{$adminoptions}

{$buddy_options}

</td>

</tr>

</table>

{$footer}

</body>

</html>

Espero que me ayuden por favor, muchas gracias.
- - - Actualizado - - -
Asi tendría que verse correctamente pero con la portada.

[Imagen: GRDp8BI.png]

Última modificación: 30 Jul, 2014, 4:58 pm por cruzitovlf.

¿Y tu foro? Hacerlo a ciegas no es muy bueno, aunque para arreglar eso deberías jugar con el css.

[Imagen: http://i.imgur.com/jCIaOgk.png]

Última modificación: 31 Jul, 2014, 4:33 am por zk8gamp.

Esta en mis detalles creo, te lo dejo igualmente acá.

http://www.floresgaming.hol.es/foro

Bien, ahora te agradecería que pusieras la portada (aunque quede mal) para poder yo modificarla.

[Imagen: http://i.imgur.com/jCIaOgk.png]

Te recomiendo colocar una redireccion permanente con un htaccess a tu foro, pues el dominio sin el /foro/ deja ver tu hosting.

Saludos.

Hago trabajos por encargo para foros MyBB:

Temas personalizados (HTML5, flat, responsive, SEO Friendly, etc)
Plugins y sistemas personalizados (Galería de imagenes, Bolsa de Trabajo, etc)

Si, en realidad el foro lo tengo para crear mi theme, despues lo paso a otro lado, pero gracias por el dato.

@joseahfer ya puse mi portada, espero tu respuesta.

Pueden loguearse con el usuario test y la contraseña test1234 para ver bien el foro.

El usuario no lo necesitaba, pero es un detalle de tu parte.

Vaya, desde su FTP, a inc/plugins/profilepic.php y busque la línea 645:

Código PHP:
        $profilepic_img = "<img src=\"{$memprofile['profilepic']}\" alt=\"\" {$profilepic_width_height} />"; 

Y reemplácela por esta línea:

Código PHP:
        $profilepic_img = "<img src=\"{$memprofile['profilepic']}\" alt=\"\" width=\"774\" />"; 

Ahora, en su administración, vaya a Estilos y plantillas > Estilos > (Nombre del theme) > global.css y busque:

Código:
.perfilje {

Y añada estas líneas:

Código:
position:absolute;

margin-top:-202px;

margin-left:287px;

[Imagen: http://i.imgur.com/jCIaOgk.png]

Me soluciono algo pero no todo todo. No me cubre absolutamente TODO el div, y el div que tengo adelante, con el nombre de usuario y el avatar no está al medio del otro. También noto que el div de la portada se modifica dependiendo del tamaño de imagen, y me gustaría que fuese fijo, que la imagen se acomode al tamaño el div y no el div, no se si se entiende.

Perdon por ser tan molesto pero no encuentro forma de solucionarlo.

Logueate en el foro con el usuario test y la contraseña test123 y visita el perfil "FUHRER".

http://floresgaming.hol.es/foro

Última modificación: 5 Aug, 2014, 11:22 am por cruzitovlf.

Estaba pensando en buscar la manera que los usuarios puedan poner el link de una imagen y que ese link se aplique al background del trow5, que sería el div que yo quiero usar como portada, pero no se como hacerlo.

Por ejemplo, en Panel de control la opcion "Cambiar portada" que ahí peguen el link de la imagen y eso afecte al background del div, pero no se como hacerlo.