Yeni Üye Giriş Paneli

Son güncelleme: 25.09.2008 18:22

MaktüL

Tüyo adı: Yeni Üye Giriş Paneli
Yazan: Hoochie Coochie Man
Açıklama: Üye Giriş Paneline yeni bir görünüm kazandırır.
Özellikleri: Üye Giriş Paneline yeni görünüm.
Mouseover Özelliği
"Şifremi Unuttum" butonu.
"Aktivasyon" Butonu.
"Kayıt" Butonu.

Demo: http://smfthemes.890m.com/forum/index.php
Ekran Görüntüsü:

Style.css'de en sona ekle:
/* Yeni Üye Giriş Paneli by Hoochie Coochie Man and Powered by YooTheme */
span.quick span.yoo-login span.login {
height: 20px;
width: 500px;
font-size: 100%;
}

span.quick span.yoo-login span.login .username,
span.quick span.yoo-login span.login .password,
span.quick span.yoo-login span.login .login-button-text,
span.quick span.yoo-login span.login .login-button-icon,
span.quick span.yoo-login span.login .lostpassword,
span.quick span.yoo-login span.login .activatecode,
span.quick span.yoo-login span.login .registration,
span.quick span.yoo-login span.logout .greeting,
span.quick span.yoo-login span.logout .logout-button-text,
span.quick span.yoo-login span.logout .logout-button-icon {
padding-right: 5px;
float: left;
}

span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input {
width: 70px;
height: 16px;
padding: 4px 0px 0px 30px;
border: none;
outline: none;
float: left;
color: #646464;
font-size: 75%;
}

span.quick span.yoo-login span.login .username input {
background: url('images/username_bg.png') no-repeat 0 0;
}

span.quick span.yoo-login span.login .password input {
background: url('images/password_bg.png') no-repeat 0 0;
}

span.quick span.yoo-login span.login .username input:hover, span.quick span.yoo-login span.login .username input.sfhover {
background: url('images/username_bg.png') no-repeat 0 -20px;
color: #000000
}

span.quick span.yoo-login span.login .password input:hover, span.quick span.yoo-login span.login .password input.sfhover {
background: url('images/password_bg.png') no-repeat 0 -20px;
color: #000000
}

span.quick span.yoo-login span.login .username input:focus, span.quick span.yoo-login span.login .username input.sffocus {
background: url('images/username_bg.png') no-repeat 0 -20px;
color: #000000
}

span.quick span.yoo-login span.login .password input:focus, span.quick span.yoo-login span.login .password input.sffocus {
background: url('images/password_bg.png') no-repeat 0 -20px;
color: #000000
}

span.quick span.yoo-login span.login .login-button-text button {
margin-top: -1px;
cursor: pointer;
}

span.quick span.yoo-login span.login .login-button-icon button {
display: block;
height: 20px;
width: 21px;
padding: 0px;
border: medium none;
background: url('images/login_button_bg.png') no-repeat 0 0;
cursor: pointer;
overflow: hidden
}

span.quick span.yoo-login span.login .login-button-icon button:hover, span.quick span.yoo-login span.login .login-button-icon button.sfhover {
background: url('images/login_button_bg.png') no-repeat 0 -20px;
}

span.quick span.yoo-login span.login .lostpassword a, span.quick span.yoo-login span.login .activatecode a, span.quick span.yoo-login span.login .registration a {
display: block;
height: 20px;
width: 25px;
cursor: pointer;
overflow: hidden;
}

span.quick span.yoo-login span.login .lostpassword a {
background: url('images/lost_password_bg.png') no-repeat 0 0px;
}

span.quick span.yoo-login span.login .activatecode a {
background: url('images/activatecode.png') no-repeat 0 0px;
}

span.quick span.yoo-login span.login .registration a {
background: url('images/registration_bg.png') no-repeat 0 0px;
}

index.template.php'de bul:
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" class="middletext" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '[/swf2][swf3]>
<input type="text" name="user" size="10" /> <input type="password" name="passwrd" size="10" />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="43200">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" /><br />
<span class="middletext">', $txt['smf52'], '</span>
<input type="hidden" name="hash_passwrd" value="" />
</form>';

Değiştir:
<form action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" class="middletext" style="margin: 3px 1ex 1px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '[/swf2][swf3]>
<span class="quick" style="display: block;">
<span class="yoo-login">
<span class="login">
<span class="username">
<input type="text" name="user" size="18" alt="' , $txt[35] , '" value="' , $txt[35] , '" onfocus="if(this.value==\'' , $txt[35] , '\')value=\'\';" onblur="if(this.value==\'\')value=\'' , $txt[35] , '\';" />
</span>
<span class="password">
<input type="password" name="passwrd" size="10" value="Password" onfocus="if(this.value==\'Password\')value=\'\';" onblur="if(this.value==\'\')value=\'Password\';" />
</span>
<span class="login-button-icon">
<button value="', $txt[34], '" name="Submit" type="submit" title="', $txt[34], '"></button>
</span>
<span class="lostpassword">
<a href="', $scripturl, '?action=reminder" title="' , $txt[315] , '"></a>
</span>
<span class="activatecode">
<a href="' . $scripturl . '?action=activate" title="' , $txt['activate_code'] , '"></a>
</span>
<span class="registration">
<a href="', $scripturl, '?action=register" title="' , $txt[97] , '"></a>
</span>
<br /><br />
<input type="hidden" name="hash_passwrd" value="" />
</span>
</span>
</span>
</form>';

Ve son olarak ekteki images klasörünü tema dizininize atın..

http://rapidshare.com/files/125312765/image.zip.html