News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Yeni Üye Giriş Paneli

Started by Hoochie Coochie Man, May 29, 2008, 04:14:11 AM

Previous topic - Next topic

Hoochie Coochie Man







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.
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'] . '\');"' : '', '>
<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'] . '\');"' : '', '>
<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..
İnadına SMF 1.1.X

Dudi

Eline sağlık HCM ;) Hoş olmuş :)

Alpay

Evet Bende bayağı begendim, ellerine sağlık.

Hoochie Coochie Man

Rica ederim.
İlk mesaj düzeltildi.
kodu uygulayanlar..
passvord alanına yani buraya...

<input type="password" name="passwrd" size="10" value="Password" onfocus="if(this.value==\'Password\')value=\'\';" onblur="if(this.value==\'\')value=\'Password\';" />

içine şunu eklesinler..
value="Password"

o küçük ayrıntı gözden kaçmışş :)
İnadına SMF 1.1.X

bbTURK

HCM bunu blueskies e yapmak istedim ama sağa nasıl dayayaam bunu
burada nazıl göründüğüne bak istersen


Hoochie Coochie Man

#6
Quote from: bbTURK on May 29, 2008, 01:48:14 PM
HCM bunu blueskies e yapmak istedim ama sağa nasıl dayayaam bunu
burada nazıl göründüğüne bak istersen

Bak default temanın index.temaplate.php'sinde devler demiş ki;
Quote// Otherwise they're a guest - this time ask them to either register or login - lazy bums...

"Tembel kıçlılar için üye ol ya da giriş yap panelini göster.."

Eğer bu yer senin temanda nerede gözüküyorsa, orasıyla değiştirmen gerekirdi..

Senin temanı bilmiyorum..

Ama demosunda gördüğüm kadarıyla.. zaten standart giriş paneli sağdaymış..
http://www.smfthemes.org/index.php?PHPSESSID=59d2971279499080d27dee95f9a8abba&theme=232

Seninde o giriş panelinin kodlarını bu giriş panelinin kodları ile değiştirmen gerekiyordu. hepsi bu kadar. Demek ki bir yerde yanlışlık yapmışsın.. Tekrar dene.




Yeni Özellik: "Aktivasyon" butonu eklendi..
Eski kodlarınızı yenileriyle değiştirin ve ilk mesajın ekindeki images.zip'deki activatecode.png resmini temanızın images klasörüne atın.. Demo görünüm.. yine ilk mesajda..
İnadına SMF 1.1.X

bbTURK

olduğu gibi türkçeye çevirmene gerek yoktu :D
sağolasın css kodlarında düzenleme yapamam gerek sanırım ama daha bakmadım.

deejayss

hey gidi günler hey.

mHD®

Üstad çok güzel ama Firefox illa yapıyor gıcıklığını :(
IEde mükemmel Foxta berbat

Alpay

Quote from: mHD® on June 05, 2008, 12:58:36 PM
Üstad çok güzel ama Firefox illa yapıyor gıcıklığını :(
IEde mükemmel Foxta berbat

Bende yaptım bu modifikasyonu ancak FF de daha güzel Uzun kelimelerde alan kaymıyor iede hata var bence... Yanlış birşey yapıyor olmayasın ?


mHD®

Quote from: Alpay on June 05, 2008, 02:07:25 PM
Quote from: mHD® on June 05, 2008, 12:58:36 PM
Üstad çok güzel ama Firefox illa yapıyor gıcıklığını :(
IEde mükemmel Foxta berbat

Bende yaptım bu modifikasyonu ancak FF de daha güzel Uzun kelimelerde alan kaymıyor iede hata var bence... Yanlış birşey yapıyor olmayasın ?
yanlışlık yapmadım ama. Var bi iş te neyse bakalım

acaip0

emeğiniz için teşekkür ederim..

grafitus

#14
Edit:Yaptım.  :D
 



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'] . '');"' : '', '>
<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 ;D :


                        <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'] . '\');"' : '', '>                        <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['username'] , '" value="' , $txt['username'] , '" onfocus="if(this.value==\'' , $txt['username'] , '\')value=\'\';" onblur="if(this.value==\'\')value=\'' , $txt['username'] , '\';"  />                              </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['login'], '" name="Submit" type="submit" title="', $txt['login'], '"></button>                           </span>                           <span class="lostpassword">                              <a href="', $scripturl, '?action=reminder" title="' , $txt['password_reminder'] , '"></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['register'] , '"></a>                           </span>                           <br /><br />                           <input type="hidden" name="hash_passwrd" value="" />                           </span>                                    </span>                        </span>                        </form>';


OPENId özelliği kayboluyor bunu yapınca....

Alpay

#15
Quote from:  link=topic=241819.msg1572014#msg1572014 date=1212919219
smf 2 olmuyor haliyle :D

Ben yaptım ama biraz çakması gibi oldu $txt ler =)
İsterseniz paylaşabilirm =)

grafitus

#16
Sayın HCM buna OpenID zımbırtısını eklersen tam SMF 2.0'a uygun olacak... Bekliyorum :D

Hoochie Coochie Man

#17
@grafitus, 2.0 kodlamalarını bilmiyorum, bilen bir gönüllü yapması lazım..
İnadına SMF 1.1.X

sazan

Güzel olmuş fakat ... süre online kal yokmu? (Her zaman, 1Saat vs)

Hoochie Coochie Man

O yok, görünümdeki estetiği bozuyor, ancak boş bir zamanım da.. "sürekli bağlı kal" tiki ekliyecem..
İnadına SMF 1.1.X

Advertisement: