Hola, Invitado en este tutorial te enseñaré cómo personalizar tu Pop-up conexión. Para ello es necesario que tengas acceso a las plantillas .tpl o templates.

Visualización

Spoiler:

Paso: 1

Añada el siguiente código en overall_header:

Panel de Administración> Visualización> Templates> General> overall_header y en la plantilla overall_header busca este código:

Código:

<!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>


  </div>
  <!-- END switch_login_popup -->

Paso: 2

Y cuando se sustituye por el siguiente código:

Código:

<!-- BEGIN switch_login_popup -->

<div id="login_popup">
<table class="forumline_popup" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"></td></tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form></div><span class="genmed">{LOGIN_POPUP_MSG}</span></tr></tr></tr></table></div>
           
<!-- END switch_login_popup -->

Paso: 3

Añadir el siguiente código en CSS

Panel de Administración> Visualización> Imágenes y colores> colores> hoja de estilos CSS

esta muy bueno el post me fue de mucha ayuda gracias ^^