Cuadro en la información del usuario

[awek]

Estuve revisando themes, en especial los de DzinerStudio, y me dio la idea de modificar mi theme Outline en la columna donde se encuentra la información del usuario. Me refiero a esto particularmente:



Por algo asi:



Bueno, la modificación a realizar es la siguiente:

Abrimos nuestro Display.template.php

Buscamos:

Code Select Expand

// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;">
<tr>
<td valign="top" width="16%" rowspan="2" style="overflow: hidden;">
<b>', $message['member']['link'], '</b>
<div class="smalltext">';

// Show the member's custom title, if they have one.
if (isset($message['member']['title']) && $message['member']['title'] != '')
echo '
', $message['member']['title'], '<br />';

// Show the member's primary group (like 'Administrator') if they have one.
if (isset($message['member']['group']) && $message['member']['group'] != '')
echo '
', $message['member']['group'], '<br />';

// Don't show these things for guests.
if (!$message['member']['is_guest'])
{
// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
', $message['member']['post_group'], '<br />';
echo '
', $message['member']['group_stars'], '<br />';

// Is karma display enabled?  Total or +/-?
if ($modSettings['karmaMode'] == '1')
echo '
<br />
', $modSettings['karmaLabel'], ' ', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '<br />';
elseif ($modSettings['karmaMode'] == '2')
echo '
<br />
', $modSettings['karmaLabel'], ' +', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '<br />';

// Is this user allowed to modify this member's karma?
if ($message['member']['karma']['allow'])
echo '
<a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaApplaudLabel'], '</a>
<a href="', $scripturl, '?action=modifykarma;sa=smite;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaSmiteLabel'], '</a><br />';

// Show online and offline buttons?
if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
echo '
', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', $settings['use_image_buttons'] ? '<img src="' . $message['member']['online']['image_href'] . '" alt="' . $message['member']['online']['text'] . '" border="0" style="margin-top: 2px;" />' : $message['member']['online']['text'], $context['can_send_pm'] ? '</a>' : '', $settings['use_image_buttons'] ? '<span class="smalltext"> ' . $message['member']['online']['text'] . '</span>' : '', '<br /><br />';

// Show the member's gender icon?
if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '')
echo '
', $txt[231], ': ', $message['member']['gender']['image'], '<br />';

// Show how many posts they have made.
echo '
', $txt[26], ': ', $message['member']['posts'], '<br />
<br />';

// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<div style="overflow: auto; width: 100%;">', $message['member']['avatar']['image'], '</div><br />';

// Show their personal text?
if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
echo '
', $message['member']['blurb'], '<br />
<br />';

// This shows the popular messaging icons.
echo '
', $message['member']['icq']['link'], '
', $message['member']['msn']['link'], '
', $message['member']['aim']['link'], '
', $message['member']['yim']['link'], '<br />';

// Show the profile, website, email address, and personal message buttons.
if ($settings['show_profile_buttons'])
{
// Don't show the profile button if you're not allowed to view the profile.
if ($message['member']['can_view_profile'])
echo '
<a href="', $message['member']['href'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/icons/profile_sm.gif" alt="' . $txt[27] . '" title="' . $txt[27] . '" border="0" />' : $txt[27]), '</a>';

// Don't show an icon if they haven't specified a website.
if ($message['member']['website']['url'] != '')
echo '
<a href="', $message['member']['website']['url'], '" title="' . $message['member']['website']['title'] . '" target="_blank">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/www_sm.gif" alt="' . $txt[515] . '" border="0" />' : $txt[515]), '</a>';

// Don't show the email address if they want it hidden.
if (empty($message['member']['hide_email']))
echo '
<a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a>';

// Since we know this person isn't a guest, you *can* message them.
if ($context['can_send_pm'])
echo '
<a href="', $scripturl, '?action=pm;sa=send;u=', $message['member']['id'], '" title="', $message['member']['online']['label'], '">', $settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/im_' . ($message['member']['online']['is_online'] ? 'on' : 'off') . '.gif" alt="' . $message['member']['online']['label'] . '" border="0" />' : $message['member']['online']['label'], '</a>';
}
}
// Otherwise, show the guest's email.
elseif (empty($message['member']['hide_email']))
echo '
<br />
<br />
<a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a>';


Reemplazamos por:

Code Select Expand

// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;">
<tr>
<td valign="top" width="20%" rowspan="2" style="overflow: hidden;">
<div class="windowbg4"><b>', $message['member']['link'], '</b></div>
<div class="smalltext">';

// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<div class="windowbg4">', $message['member']['avatar']['image'], '</div>';

// Show the member's custom title, if they have one.
if (isset($message['member']['title']) && $message['member']['title'] != '')
echo '
                  <div class="windowbg4">', $message['member']['title'], '</div>';

// Show the member's primary group (like 'Administrator') if they have one.
if (isset($message['member']['group']) && $message['member']['group'] != '')
echo '
<div class="windowbg4">', $message['member']['group'], '</div>';

// Don't show these things for guests.
if (!$message['member']['is_guest'])
{
// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
<div class="windowbg4">', $message['member']['post_group'], '</div>';
echo '
<div class="windowbg4">', $message['member']['group_stars'], '</div>';

// Is karma display enabled?  Total or +/-?
if ($modSettings['karmaMode'] == '1')
echo '
<div class="windowbg4">', $modSettings['karmaLabel'], ' ', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '</div>';
elseif ($modSettings['karmaMode'] == '2')
echo '
<div class="windowbg4">', $modSettings['karmaLabel'], ' +', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '</div>';

// Is this user allowed to modify this member's karma?
if ($message['member']['karma']['allow'])
echo '
<div class="windowbg4"><a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaApplaudLabel'], '</a>
<a href="', $scripturl, '?action=modifykarma;sa=smite;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';m=', $message['id'], ';sesc=', $context['session_id'], '">', $modSettings['karmaSmiteLabel'], '</a></div>';

// Show how many posts they have made.
echo '
<div class="windowbg4">', $txt[26], ': ', $message['member']['posts'], '</div>';

                  // Show online and offline buttons?
if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
echo '
<div class="windowbg4">', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', $settings['use_image_buttons'] ? '<img src="' . $message['member']['online']['image_href'] . '" alt="' . $message['member']['online']['text'] . '" border="0" style="margin-top: 2px;" />' : $message['member']['online']['text'], $context['can_send_pm'] ? '</a>' : '', $settings['use_image_buttons'] ? '<span class="smalltext"> ' . $message['member']['online']['text'] . '</span>' : '', '</div>';

// Show the member's gender icon?
if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '')
echo '
<div class="windowbg4">', $txt[231], ': ', $message['member']['gender']['image'], '</div>';

// Show their personal text?
if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
echo '
<div class="windowbg4">', $message['member']['blurb'], '</div>';

// This shows the popular messaging icons.
echo '
<div class="windowbg4">', $message['member']['msn']['link'];
if ($message['member']['icq']['href'])
echo '
<a href="', $message['member']['icq']['href'], '" target="_blank"><img src="' . $settings['images_url'] . '/icq.gif" border="0" /></a>';
if ($message['member']['yim']['href'])
echo '
<a href="', $message['member']['yim']['href'], '" target="_blank"><img src="' . $settings['images_url'] . '/yim.gif" border="0" /></a>';
echo '
', $message['member']['aim']['link'];

// Show the profile, website, email address, and personal message buttons.
if ($settings['show_profile_buttons'])
{
// Don't show the profile button if you're not allowed to view the profile.
if ($message['member']['can_view_profile'])
echo '
<a href="', $message['member']['href'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/icons/profile_sm.gif" alt="' . $txt[27] . '" title="' . $txt[27] . '" border="0" />' : $txt[27]), '</a>';

// Don't show an icon if they haven't specified a website.
if ($message['member']['website']['url'] != '')
echo '
<a href="', $message['member']['website']['url'], '" title="' . $message['member']['website']['title'] . '" target="_blank">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/www_sm.gif" alt="' . $txt[515] . '" border="0" />' : $txt[515]), '</a>';

// Don't show the email address if they want it hidden.
if (empty($message['member']['hide_email']))
echo '
<a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a>';

// Since we know this person isn't a guest, you *can* message them.
if ($context['can_send_pm'])
echo '
<a href="', $scripturl, '?action=pm;sa=send;u=', $message['member']['id'], '" title="', $message['member']['online']['label'], '">', $settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/im_' . ($message['member']['online']['is_online'] ? 'on' : 'off') . '.gif" alt="' . $message['member']['online']['label'] . '" border="0" />' : $message['member']['online']['label'], '</a></div>';
}
}
// Otherwise, show the guest's email.
elseif (empty($message['member']['hide_email']))
echo '
<div class="windowbg4"><a href="mailto:', $message['member']['email'], '">', ($settings['use_image_buttons'] ? '<img src="' . $settings['images_url'] . '/email_sm.gif" alt="' . $txt[69] . '" title="' . $txt[69] . '" border="0" />' : $txt[69]), '</a></div>';


Abrimos nuestro style.css

Añadimos:

Code Select Expand

.windowbg4 {
        background: #FFFFFF;
border: solid 1px #E6E6E6;
margin-bottom: 2px;
        padding: 4px;
        text-align: center;
color: #858585;
width: 94%;
}

Eso es todo.

Saludos.

[kenet]

muy bueno, le vas a  servir a muchos, a mi por suerte no lo necesito

[Guittenk]

muy util, muchas gracias por el dato ....he venido ya bastant etempo haciendole modificaciones al foro y esto me va avenir de fabula

salu2

[Mr PHOENIX]

XD yo lo ocupaba en la mañana, ya lo logre pero a muchos les a de servir, yo puse el archivo de display.template ya modificado 

[Drogocop]

Muy bueno... me costo una banda hacerlo (hacerlo antes de leer el post)
Si posteabas 1 dia antes me ahorraba de mucho che 

[overnet]

Me re sirvio muchas gracias

[overnet]

Tengo una duda.. en caso mio.. yo stoy usando el mod del Gracias..

y lo tengo así

// Show the member's primary group (like 'Administrator') if they have one.

if (isset($message['member']['group']) && $message['member']['group'] != '')

echo '

', $message['member']['group'], '<br />';

if(!empty($modSettings['thankYouPostDisplayPage'])) {

echo '

', $txt['thank_you_post_thx_display'], '<br />

-', $txt['thank_you_post_made_display'], ': ', $message['member']['thank_you_post']['made'], '<br />

-', $txt['thank_you_post_became_display'], ': ', $message['member']['thank_you_post']['became'], '<br />

<br />';

}

Como tendría q ponerlo?? Para q me aparesca el Panel de Gracias! Con el nuevo

Code Select Expand

.windowbg4 {

[kenet]

pero que quieres, que apareca enmarcado como los demas.

si es asi, prueva con este


// Show the member's primary group (like 'Administrator') if they have one.
if (isset($message['member']['group']) && $message['member']['group'] != '')
echo '

Code Select Expand

<div class="windowbg4">', $message['member']['group'], '<br />';
if(!empty($modSettings['thankYouPostDisplayPage'])) {
echo '

', $txt['thank_you_post_thx_display'], '<br />
-', $txt['thank_you_post_made_display'], ': ', $message['member']['thank_you_post']['made'], '<br /
-', $txt['thank_you_post_became_display'], ': ', $message['member']['thank_you_post']['became'], '<br />

<br /></div>';
}

[overnet]

Muchas gracias.. !!!! locooo!!
Pero me falto el "recibidos"

Ya lo arregle Gracias!

Ahi que poner así:

// Show the member's primary group (like 'Administrator') if they have one.
      if (isset($message['member']['group']) && $message['member']['group'] != '')
         echo '
                        <div class="windowbg4">', $message['member']['group'], '<br />';
                        
                        if(!empty($modSettings['thankYouPostDisplayPage'])) {
         echo '
                        ', $txt['thank_you_post_thx_display'], '<br />
                        -', $txt['thank_you_post_made_display'], ': ', $message['member']['thank_you_post']['made'], '<br />
                        -', $txt['thank_you_post_became_display'], ': ', $message['member']['thank_you_post']['became'], '<br />
                        <br />';
         }
   

Solo un pequeño problema...

Para el rango administrador o mod sale bien..
pero para los users común no sale el cuadrito ...

[Sergioropase]

Funciona a la perfeccion y queda muy chulo.

[4Kstore]

Perfecta modificación la suya señor, muchas gracias.
Saludos!

[ngslurbe]

Hola compañero, por favor haber si me puedes hacer la modificación para que aparezca el custom profile fields y el gracias, ya que con la modificación que incluiste me daba error el template.

Graciass

[4Kstore]

Aca les dejo como me quedo ami con un par de mods mas instalados..


http://i38.tinypic.com/se95sl.jpg

Nuevamente gracias por la modificación saludos!

[ngslurbe]

Hackstore podrías poner tu código, que aparece el custom profile fields y los gracias dados y recibidos.

Gracias

[Arkangel]

Hackstore podrías poner tu código, que aparece el custom profile fields y los gracias dados y recibidos.

Gracias

Bueno man la modifikacion es bien sencilla solo ha de poner una etiketa la cual es esta

<div class="windowbg4">  texto </div>   pones eso  luego en tu file style.css vas agregarle los colores etc

Code Select Expand

.windowbg4 {
        background: #FFFFFF;
border: solid 1px #E6E6E6;
margin-bottom: 2px;
        padding: 4px;
        text-align: center;
color: #858585;
width: 94%;
}

te das cuenta el name windowbg4  es el k ha llamarlo es simple .. en todo caso si tienes lios en ordenar postea tu codigo y ah ver k sale ..saludos

[4Kstore]

es mas fácil verlo como un bloque de cosas que van pasando, primero el nombre, después el avatar y así sigue, el código que dejaron mas arriba funciona perfecto solo si no tenes cosas agregadas pero es fácil relacionarlo veamos.

Por ejemplo el mod de la bandera originalmente es:

Code Select Expand


// Did they select a flag?
if(isset($message['member']['options']['country']) && !empty($modSettings['country_flag_show']) && !empty($message['member']['options']['country']))
{
$flags = CountryFlag();
echo '
<img src="', $settings['default_theme_url'], '/images/flags/', $message['member']['options']['country'], '.png" alt="', $flags[$message['member']['options']['country']], '" /> ', $flags[$message['member']['options']['country']], '<br />';
}


y para que funcione tenemos que agregar entre el después del " echo' " " <div class="windowbg4"> " y remplazar el " <br /> " por "</div>"

Quedando asi:

Code Select Expand


// Did they select a flag?
if(isset($message['member']['options']['country']) && !empty($modSettings['country_flag_show']) && !empty($message['member']['options']['country']))
{
$flags = CountryFlag();
echo '
<div class="windowbg4"> <img src="', $settings['default_theme_url'], '/images/flags/', $message['member']['options']['country'], '.png" alt="', $flags[$message['member']['options']['country']], '" /> ', $flags[$message['member']['options']['country']], '</div>';
}

y así con todas las cosas que tengas agregadas
Saludos!

[The-Undiod]

Esta muy bien todo me quedo asi:




Pero como puedo dejarlo Asi:



Osea la linea negra que divide y el fondo naranja.

[4Kstore]

La linea negra nose.

Pero el color naranja:

Code Select Expand


.windowbg4 {
        background: ----;
   border: solid 1px #E6E6E6;
   margin-bottom: 2px;
        padding: 4px;
        text-align: center;
   color: #858585;
   width: 94%;
}

tenes que cambiar el color del background por el que desees..

Saludos!

[The-Undiod]

La linea negra nose.

Pero el color naranja:

Code Select Expand


.windowbg4 {
        background: ----;
   border: solid 1px #E6E6E6;
   margin-bottom: 2px;
        padding: 4px;
        text-align: center;
   color: #858585;
   width: 94%;
}

tenes que cambiar el color del background por el que desees..

Saludos!

NO sirvio  ,lo que se puso naranja fue lo de a dentro:

[4Kstore]

Es que lo de atrás es parte del theme no tiene nada que ver con esta configuración.

Saludos!