Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* [Tuto] Caja de login style Adk Axcellency + personalizacion !
  Leído 1924 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: Principiante1
Feb 04 2013
[Tutorial]: Caja de login style Adk Axcellency + personalizacion !

Capturas:

*


*


Hola pues, despues de tiempo pasandome en general por los foros smf, mas que todo por eso mismo por el tiempo jejeh
Bueno muchos saludos, compartire algo que muchos quieren poner en sus foros, por que estan cansados del login
convencional que la mayoria de themes traen, basandome en login del theme Adk excellency (de Heracles)
traigo este tuto.


Buscan:

Código: [Seleccionar]
<div class="user">
y lo eliminan ...

Ahora buscan:

Código: [Seleccionar]
echo '
</div>
<div class="news normaltext">
<form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="" class="input_text" />&nbsp;
<input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
<input type="hidden" name="advanced" value="0" />';

y lo reemplazas por:

Código: [Seleccionar]
echo '

<div class="news normaltext">
<form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="" class="input_text" />&nbsp;
<input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
<input type="hidden" name="advanced" value="0" />';

buscan:

Código: [Seleccionar]
// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
if (!empty($context['user']['avatar']))
echo '
<p class="avatar">', $context['user']['avatar']['image'], '</p>';
echo '
<ul class="reset">
<li class="greeting">', $txt['hello_member_ndt'], ' <span>', $context['user']['name'], '</span></li>
<li><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a></li>
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
<li class="notice">', $txt['maintain_mode_on'], '</li>';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
<li>', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '</li>';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<li><a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a></li>';

echo '
<li>', $context['current_time'], '</li>
</ul>';
}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
elseif (!empty($context['show_login_bar']))
{
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
<input type="text" name="user" size="10" class="input_text" />
<input type="password" name="passwrd" size="10" class="input_password" />
<select name="cookielength">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
<div class="info">', $txt['quick_login_dec'], '</div>';

if (!empty($modSettings['enableOpenID']))
echo '
<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';
}

y lo eliminan.

Buscan:

Código: [Seleccionar]
// the upshrink image, right-floated
echo '
<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
echo '
', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="floatright">' . $settings['site_slogan'] . '</div>', '
</div>

<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
';

Y lo reemplazan por:

Código: [Seleccionar]
// the upshrink image, right-floated
echo '
<img id="upshrink" src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['upshrink_description'], '" style="display: none;" />';
echo '
', empty($settings['site_slogan']) ? '<img id="smflogo" src="' . $settings['images_url'] . '/smflogo.png" alt="Simple Machines Forum" title="Simple Machines Forum" />' : '<div id="siteslogan" class="floatright">' . $settings['site_slogan'] . '</div>', '
</div>';

Userarea();

echo '
<div id="upper_section" class="middletext"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>
';

Ahora, copian todo este codigo que les dejare, y lo pegan al final del index.template.php

Código: [Seleccionar]
// Show User area.
function Userarea()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;

echo'
<div id="page-intro">
',logingout(),'
</div>
';
}

// Show Login.
function logingout()
{
global $context, $settings, $options, $scripturl, $txt;
echo'
<div class="logingout">';
// If the user is logged in, display stuff like their name, new messages, etc.
if ($context['user']['is_logged'])
{
echo'
<table>
<tr>
<td style="height: 123px; padding-left: 33px; width: 85px;">';

if (!empty($context['user']['avatar']))
echo '
<img style="border: 1px solid #3BB437"', $context['user']['avatar']['image'], '';
else
echo '


<div><img class="avatar" src="'.$settings['images_url'].'/custom/Noavatar.png" alt="avatar" /></div>';


echo '
</td>
<td style="padding-left:20px;">
<div class="datos_user2">
', $txt['hello_member_ndt2'], ' <strong><span style="color: #04A8A8;">[</span><span style="color: #3BB437;">', $context['user']['name'], '</span><span style="color: #04A8A8;">]</span></strong><br />
<a href="', $scripturl, '?action=unread;all;start=0">', $txt['Eb_unread_all'], '</a><br />
<a href="', $scripturl, '?action=unread">', $txt['Eb_unread_sv'], '</a><br />
<a href="', $scripturl, '?action=unreadreplies">', $txt['Eb_unread_r'], '</a><div class="saltito"></div><br />';



// Is the forum in maintenance mode?
if ($context['in_maintenance'] && $context['user']['is_admin'])
echo '
', $txt['Eb_maintain'], '<br />';

// Are there any members waiting for approval?
if (!empty($context['unapproved_members']))
echo '
', $context['unapproved_members'] == 1 ? $txt['approve_thereis'] : $txt['approve_thereare'], ' <a href="', $scripturl, '?action=admin;area=viewmembers;sa=browse;type=approve">', $context['unapproved_members'] == 1 ? $txt['approve_member'] : $context['unapproved_members'] . ' ' . $txt['approve_members'], '</a> ', $txt['approve_members_waiting'], '<br />';

if (!empty($context['open_mod_reports']) && $context['show_open_reports'])
echo '
<a href="', $scripturl, '?action=moderate;area=reports">', sprintf($txt['mod_reports_waiting'], $context['open_mod_reports']), '</a><br />';

echo '
',$txt['Eb_datain'],'<span style="color: #FF9100;"><strong>', $context['current_time'], '</strong></span><br />

</div>
</td>

<td style="height: 5px; padding-left: 1px; width: 5px;">
<div class="editarperfil">
<div><a href="', $scripturl, '?action=profile;area=forumprofile"><img class="editarperfil" src="'.$settings['images_url'].'/custom/editar.png" alt="Editar Perfil" /></a></div>
</div>
</td>





</tr>


</table>';

}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
elseif (!empty($context['show_login_bar']))
{
echo'
<table>
<tr>
<td style="height: 123px; padding-left: 33px; width: 85px;">
<div>
<img class="avatar" src="'.$settings['images_url'].'/custom/Noavatar.png" alt="avatar" /></div>
</td>
<td style="padding-left:20px;">
<div class="datos_user">';
echo '
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<div class="info">', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>
<input type="text" name="user" size="10" class="input_text" />
<input type="password" name="passwrd" size="10" class="input_password" />
<select name="cookielength">
<option value="60">', $txt['one_hour'], '</option>
<option value="1440">', $txt['one_day'], '</option>
<option value="10080">', $txt['one_week'], '</option>
<option value="43200">', $txt['one_month'], '</option>
<option value="-1" selected="selected">', $txt['forever'], '</option>
</select>
<input type="submit" value="', $txt['login'], '" class="button_submit" /><br />
<div class="info">', $txt['Eb_quick_login_dec'], '</div>';

echo '
<div id="page-intro2"><br />
<div style="font-family:Segoe ui; font-size:1.1em; text-indent: 5em;">
<a href="', $scripturl, '?action=reminder">
<strong>
*', $txt['recuperar_pass'], '
</strong>
</a>
</div>
</div>


';


if (!empty($modSettings['enableOpenID']))
echo '
<br /><input type="text" name="openid_identifier" id="openid_url" size="25" class="input_text openid_login" />';

echo '
<input type="hidden" name="hash_passwrd" value="" />
</form>';

echo '
</div>
</td>
</tr>
</table>';
}
echo '
</div>
';
}

Listo por fin terminamos con el index.template.php

Ahora, colocan todo esto al final del index.css

Código: [Seleccionar]
.logingout
{
float: left;
width: 500px;
height: 132px;
margin-left: 6px;
margin-top:10px;
  background: url("../images/custom/header_user.png") no-repeat;
  padding-top:5px;
}



.Mindex th.lefttext
{
  color: #fff;
  height: 25px;
  text-align: center;
}
.Mindex th.lefttext a
{
color: #fff;
text-decoration: none;
}

.datos_user
{
color: #eee;
text-align: left;
width: 380px;
height: 90px;
}
div#page-intro div.logingout img
{
width: 80px;
height: 80px;
text-align: left;
}
.datos_user .button_submit
{
height: 21px;
}

#page-intro a
{
color: #fff;
text-decoration: none;
}
#page-intro a:hover
{
color: #04A8A8;
text-decoration: none;
}

#guest_form
{
overflow: hidden;
}
#guest_form .info
{
padding: 4px 0 ;
line-height: 1.3em;
}

.openid_login
{
background: white url(../images/openid.gif) no-repeat;
padding-left: 18px;
}




#guest_form .button_submit
{
background: #06090A url(../images/custom/button.png) repeat-x left top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
padding: 4px 10px 4px 10px;
border: 1px solid black;
cursor: pointer;
font-weight: normal;
width: 74px;
height: 25px;
}



#guest_form .button_submit:hover, .button_reset:hover {
background: #06090A url(../images/custom/button_hover.png) repeat-x left top;
}




.recover a{
color: #3BB437;
}


#enlace-modificado{
color: #3BB437;
}

#linksabe {
color:red;
}
#linksabe:hover{
color:black;
}




#page-intro2 a
{
color: #3BB437;
text-decoration: none;
}
#page-intro2 a:hover
{
color: #04A8A8;
text-decoration: none;
}




.datos_user2
{
color: #eee;
text-align: left;
width: 255px;
height: 90px;
}

div#page-intro div.editarperfil img {
    width:  75px;
    height: 57px;
border: none;
}

Ahora van /Themes/default/languages/Modifications.spanish_es.php

Código: [Seleccionar]

Caja de login style Adk Axcellency + personalizacion // By Principiante1

$txt['Eb_unread_all'] = 'todos los mensajes que no has leido';
$txt['Eb_unread_sv'] = 'post sin leer desde la ultima visita';
$txt['Eb_unread_r'] = 'respuestas que aun no has leido';
$txt['recuperar_pass'] = '¿Has olvidado  tu password?';

Caja de login style Adk Axcellency + personalizacion // By Principiante1



Ahora crean una carpeta llamada custom dentro de la carpeta images.

Si me equivoque en algo, por favor los capos de ADK lo corrijan por favor, yo solo quiero aprender  (y)

IMPORTANTE:
demas esta decirles que para este tutorial me base en el theme default, asi que talvez en sus themes que usen no les salga a la perfeccion, para eso tendran que exponer sus dudas, o lo que no les salio, para que les ayuden, mas que todos los expertos
que estan todo el tiempo en linea de visitantes  :P

PD: Si quieren personalizar aun mas, ya sapeeeeennn  aqui en Adk estamos +10 !


« Última Modificación: Febrero 05, 2013, 10:08:15 am por Principiante1 »



Excelente trabajo!!

Gracias por el aporte +10




Muy buen aporte

Saludos enik...




muy bueno, gracias :D




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,