Advertisement:

Author Topic: Yeni Üye Giriş Paneli  (Read 77293 times)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Yeni Üye Giriş Paneli
« on: May 29, 2008, 04:14:11 AM »
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:
Code: [Select]
/* 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:
Code: [Select]
<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:
Code: [Select]
<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..
« Last Edit: July 19, 2008, 02:48:07 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline Dudi

  • Jr. Member
  • **
  • Posts: 161
  • Gender: Male
  • :D :D :D
    • Söz Müzik
Re: Yeni Üye Giriş Paneli
« Reply #1 on: May 29, 2008, 07:46:48 AM »
Eline sağlık HCM ;) Hoş olmuş :)

Offline Alpay

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,594
  • Gender: Male
  • test
    • Personal Web Page
Re: Yeni Üye Giriş Paneli
« Reply #2 on: May 29, 2008, 11:12:47 AM »
Evet Bende bayağı begendim, ellerine sağlık.

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: Yeni Üye Giriş Paneli
« Reply #3 on: May 29, 2008, 11:23:17 AM »
Rica ederim.
İlk mesaj düzeltildi.
kodu uygulayanlar..
passvord alanına yani buraya...

Code: [Select]
<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..
Code: [Select]
value="Password"
o küçük ayrıntı gözden kaçmışş :)
İnadına SMF 1.1.X

Offline bbTURK

  • Jr. Member
  • **
  • Posts: 143
  • Gender: Male
Re: Yeni Üye Giriş Paneli
« Reply #4 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

Offline sevdaligul

  • Jr. Member
  • **
  • Posts: 201
    • Sevdali Bir Site
Re: Yeni Üye Giriş Paneli
« Reply #5 on: May 29, 2008, 02:40:11 PM »
emegine saglık arkadaşım güzel oldu

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: Yeni Üye Giriş Paneli
« Reply #6 on: May 29, 2008, 05:19:53 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..
« Last Edit: May 29, 2008, 06:54:18 PM by Hoochie Coochie Man™ »
İnadına SMF 1.1.X

Offline bbTURK

  • Jr. Member
  • **
  • Posts: 143
  • Gender: Male
Re: Yeni Üye Giriş Paneli
« Reply #7 on: May 30, 2008, 09:10:43 AM »
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.

Offline deejayss

  • Jr. Member
  • **
  • Posts: 228
  • Gender: Male
    • atilla.atom on Facebook
    • @ulutasatilla on Twitter
Re: Yeni Üye Giriş Paneli
« Reply #8 on: May 30, 2008, 05:49:07 PM »
teşekkürler ;)
hey gidi günler hey.

Offline mHD®

  • Jr. Member
  • **
  • Posts: 124
  • Gender: Male
  • yani mannyaQ :)
    • Türkiye'nin en IXii Forumu
Re: Yeni Üye Giriş Paneli
« Reply #9 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

Offline Alpay

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,594
  • Gender: Male
  • test
    • Personal Web Page
Re: Yeni Üye Giriş Paneli
« Reply #10 on: June 05, 2008, 02:07:25 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 ?

Offline grafitus

  • SMF Hero
  • ******
  • Posts: 3,034
    • beratdogan on GitHub
    • beratdogan on LinkedIn
    • @beratdgan on Twitter
Re: Yeni Üye Giriş Paneli
« Reply #11 on: June 05, 2008, 02:13:48 PM »
müthişsin...

Offline mHD®

  • Jr. Member
  • **
  • Posts: 124
  • Gender: Male
  • yani mannyaQ :)
    • Türkiye'nin en IXii Forumu
Re: Yeni Üye Giriş Paneli
« Reply #12 on: June 05, 2008, 03:22:26 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

Offline acaip0

  • Newbie
  • *
  • Posts: 5
Re: Yeni Üye Giriş Paneli
« Reply #13 on: June 05, 2008, 03:52:27 PM »
emeğiniz için teşekkür ederim..

Offline grafitus

  • SMF Hero
  • ******
  • Posts: 3,034
    • beratdogan on GitHub
    • beratdogan on LinkedIn
    • @beratdgan on Twitter
Re: Yeni Üye Giriş Paneli Smf 2.0 İçin
« Reply #14 on: June 08, 2008, 06:00:19 AM »
Edit:Yaptım.  :D
 
 

 
 Style.css'de en sona ekle:
Code: [Select]

 /* 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:
 
Code: [Select]

 
 <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 :
 
Code: [Select]
                        <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....
« Last Edit: January 17, 2011, 12:52:50 AM by Alpay »

Offline Alpay

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,594
  • Gender: Male
  • test
    • Personal Web Page
Re: Yeni Üye Giriş Paneli
« Reply #15 on: June 08, 2008, 06:13:06 AM »
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 =)
« Last Edit: January 17, 2011, 12:57:01 AM by Alpay »

Offline grafitus

  • SMF Hero
  • ******
  • Posts: 3,034
    • beratdogan on GitHub
    • beratdogan on LinkedIn
    • @beratdgan on Twitter
Re: Yeni Üye Giriş Paneli
« Reply #16 on: June 11, 2008, 05:43:13 PM »
Sayın HCM buna OpenID zımbırtısını eklersen tam SMF 2.0'a uygun olacak... Bekliyorum :D
« Last Edit: February 11, 2010, 10:37:42 AM by grafitus... »

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: Yeni Üye Giriş Paneli
« Reply #17 on: June 11, 2008, 05:58:44 PM »
@grafitus, 2.0 kodlamalarını bilmiyorum, bilen bir gönüllü yapması lazım..
« Last Edit: January 16, 2011, 11:52:12 AM by Hoochie Coochie Man »
İnadına SMF 1.1.X

Offline sazan

  • Full Member
  • ***
  • Posts: 632
  • Gender: Male
Re: Yeni Üye Giriş Paneli
« Reply #18 on: June 12, 2008, 10:57:19 PM »
Güzel olmuş fakat ... süre online kal yokmu? (Her zaman, 1Saat vs)

Offline Hoochie Coochie Man

  • SMF Hero
  • ******
  • Posts: 5,135
  • Gender: Male
    • İstanblues.org
Re: Yeni Üye Giriş Paneli
« Reply #19 on: June 13, 2008, 02:08:37 AM »
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