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

Hoochie Coochie Man · « **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..

Dudi · « **Reply #1 on:** May 29, 2008, 07:46:48 AM »

Eline sağlık HCM

Hoş olmuş

Alpay · « **Reply #2 on:** May 29, 2008, 11:12:47 AM »

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

Hoochie Coochie Man · « **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ışş

bbTURK · « **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

sevdaligul · « **Reply #5 on:** May 29, 2008, 02:40:11 PM »

emegine saglık arkadaşım güzel oldu

Hoochie Coochie Man · « **Reply #6 on:** May 29, 2008, 05:19:53 PM »

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..

bbTURK · « **Reply #7 on:** May 30, 2008, 09:10:43 AM »

olduğu gibi türkçeye çevirmene gerek yoktu

sağolasın css kodlarında düzenleme yapamam gerek sanırım ama daha bakmadım.

deejayss · « **Reply #8 on:** May 30, 2008, 05:49:07 PM »

teşekkürler

mHD® · « **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

Alpay · « **Reply #10 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 ?

grafitus · « **Reply #11 on:** June 05, 2008, 02:13:48 PM »

müthişsin...

mHD® · « **Reply #12 on:** June 05, 2008, 03:22:26 PM »

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 · « **Reply #13 on:** June 05, 2008, 03:52:27 PM »

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

grafitus · « **Reply #14 on:** June 08, 2008, 06:00:19 AM »

Edit:Yaptım.

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['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 · « **Reply #15 on:** June 08, 2008, 06:13:06 AM »

Quote from: link=topic=241819.msg1572014#msg1572014 date=1212919219

smf 2 olmuyor haliyle

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

grafitus · « **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

Hoochie Coochie Man · « **Reply #17 on:** June 11, 2008, 05:58:44 PM »

@grafitus, 2.0 kodlamalarını bilmiyorum, bilen bir gönüllü yapması lazım..

sazan · « **Reply #18 on:** June 12, 2008, 10:57:19 PM »

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

Hoochie Coochie Man · « **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..

News:

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