Advertisement:

Author Topic: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)  (Read 21455 times)

Offline ★ѕραη∂αυєя★

  • Jr. Member
  • **
  • Posts: 136
  • Gender: Male
  • Ölümüne SMF!
    • FoRuMBoL.CoM
Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« on: December 06, 2008, 09:13:42 AM »


Bir script sitesinde sanal klavye eklentisi bulmuştum, SMF'ye uyarlayayım dedim ve yukarıda resimdeki sonuç çıktı. Umarım beğenirsiniz. :)

Anlatıma geçiyorum:

index.template.php açın ve aşağıdaki kodu bulun;

Code: [Select]
// ]]></script>
hemen alt satırında şunu ekleyin;

Code: [Select]
              <script src="', $settings['theme_url'], '/keyboard.js" type="text/javascript" charset="UTF-8"></script>
yine aynı dosyada şunu bulun;

Code: [Select]
<input type="password" name="passwrd" size="10" />
bununla değiştirin;

Code: [Select]
<input class="keyboardInput" type="password" name="passwrd" size="10" id="search" />
style.css açın ve en son satıra şunları ekleyin;

Code: [Select]
#keyboardInputMaster {
  position:absolute;
  border:2px groove #dddddd;
  color:#000000;
  background-color:#dddddd;
  text-align:left;
  z-index:1000000;
  width:auto;
}

#keyboardInputMaster thead tr th {
  text-align:left;
  padding:2px 5px 2px 4px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr th select,
#keyboardInputMaster thead tr th label {
  color:#000000;
  font:normal 11px Arial,sans-serif;
}
#keyboardInputMaster thead tr td {
  text-align:right;
  padding:2px 4px 2px 5px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr td span {
  padding:1px 4px;
  font:bold 11px Arial,sans-serif;
  border:1px outset #aaaaaa;
  background-color:#cccccc;
  cursor:pointer;
}
#keyboardInputMaster thead tr td span.pressed {
  border:1px inset #999999;
  background-color:#bbbbbb;
}

#keyboardInputMaster tbody tr td {
  text-align:left;
  margin:0px;
  padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
  height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
  height:20px;
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
  vertical-align:middle;
  padding:0px 5px 0px 5px;
  white-space:pre;
  font:normal 11px 'Lucida Console',monospace;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
    background-color:#ccccdd;

}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
  border-top:1px solid #555555;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}

#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font:bold italic 11px Arial,sans-serif;
  color:#444444;
}

.keyboardInputInitiator {
  margin-left:3px;
  vertical-align:middle;
  cursor:pointer;
}

#word{
  font-family: tahoma;
font-weight: bold;
font-size:12px;
border: 1px solid #bdc7d8;
background-color: #fff;
padding: 3px;
width: 316px;
vertical-align: bottom;
}
#name{
width: 150px;
}
#email{
width: 150px;
}
#subject{
width: 150px;
}

Son olarak aşağıdaki rar dosyasını indirin ve içindeki keyboard.js dosyasını tema klasörünüze, keyboard.png resmini de temanızın images klasörüne atın.

Klavye resminin gözükmesi için keyboard.js açın ve şunu bulun;

Code: [Select]
              keybut.src = "http://localhost/smf/Themes/default/images/keyboard.png";
buradaki resim adresini kendinize göre düzenleyin.

Dosyalar: http://www.divshare.com/download/6017186-691

Rar Şifresi: www.forumbol.com

İşlem bu kadar arkadaşlar, hayrını görün :)
« Last Edit: December 06, 2008, 10:02:36 AM by Yağız »

Offline Alpay

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,594
  • Gender: Male
  • test
    • Personal Web Page
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #1 on: December 07, 2008, 04:37:25 AM »
Hımm güzel , emek harçamıssın peki bir kaç sorum war bu klawye rastgele yer değiştiriyormu tuşları ve tıkladıgımız bölümdeki yere yazmak icin mi klawye tuşuna basıyoruz ?

Offline ★ѕραη∂αυєя★

  • Jr. Member
  • **
  • Posts: 136
  • Gender: Male
  • Ölümüne SMF!
    • FoRuMBoL.CoM
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #2 on: December 07, 2008, 05:13:48 AM »
Şifre kısmına ister elle yazarsın, ister klavye resmine tıklayıp maus ile resimdeki gibi yazarsın; ikisi de oluyo yani ;)

aynı işlemi kullanıcı adı kısmında da yapabiliriz ama bir klavye resmi daha eklemek zorunda kalırız :D

Offline qubbah

  • Full Member
  • ***
  • Posts: 558
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #3 on: February 01, 2009, 10:33:43 AM »
how to put it in the postbox?

Offline harezm

  • Newbie
  • *
  • Posts: 7
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #4 on: April 04, 2009, 12:59:40 PM »
teşekkür ederim güzel birşeye benziyor denemek lazım bi ara :D

Offline grafitus

  • SMF Hero
  • ******
  • Posts: 3,034
    • beratdogan on GitHub
    • beratdogan on LinkedIn
    • @beratdgan on Twitter
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #5 on: April 04, 2009, 01:25:27 PM »
Sanırsam sadece o giriş yerinde çıkıyor, çok kullanışlı Cem Yılmaz deyimiyle "cafcaflı" Eğer iznin olursa bunu paket yapıp yollayacağım Mod Sitesine.Tabiki senin adını yazacağım..

Offline €®Ю€∏∏----®

  • Sr. Member
  • ****
  • Posts: 806
  • Gender: Male
  • Wirtue BLACKWOLF
    • Sitem
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #6 on: May 05, 2009, 07:04:51 AM »
Eline sağlık :)
« Last Edit: May 05, 2009, 10:57:22 AM by €®Ю€∏∏----® »

Offline Yağız...

  • SMF Super Hero
  • *******
  • Posts: 10,809
  • Gender: Male
    • MMO Browser
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #7 on: May 05, 2009, 10:47:20 AM »
İlk mesajı okuyun, zaten değiştirmeniz gerektiği yazıyor ;)

Ekteki dosyayı kullanın ve resmi tema klasörünüze atın.
« Last Edit: May 05, 2009, 10:51:48 AM by Yağız... »

Offline €®Ю€∏∏----®

  • Sr. Member
  • ****
  • Posts: 806
  • Gender: Male
  • Wirtue BLACKWOLF
    • Sitem
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #8 on: May 05, 2009, 10:56:20 AM »
tamam yağız dikkat etmemişim kusurma bakma..  :-\

Offline DNA27

  • Sophist Member
  • *****
  • Posts: 1,117
  • Gender: Male
  • O Çok Yardım Sever Görüküyor
    • Flatcast Tasarım
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #9 on: May 06, 2009, 06:43:08 AM »
Hımm güzel , emek harçamıssın peki bir kaç sorum war bu klawye rastgele yer değiştiriyormu tuşları ve tıkladıgımız bölümdeki yere yazmak icin mi klawye tuşuna basıyoruz ?

buna cevap gelmemiş ama işbank da var sanal klavye tuslarin yeri değişiyor.
bunu bende merak ettim kurup deneyelim bakalim nasıl çalısıyor .
Ellerine saglık ..
Sevda Gelmişse başa artıq kıvırmak boşa sen git o sefdanın arkasından koşa koşa

Offline Hkan

  • Full Member
  • ***
  • Posts: 494
  • Gender: Male
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #10 on: May 10, 2009, 05:54:38 AM »
Çok güzel de bunu Türkçe'ye çevirmek lazım. Sanırım JavaScript dosyasının içinde yer alıyor yazılar. Ben deniyorum, Türkçe dil desteğini de koyarsak çok güzel olur. :)
« Last Edit: May 10, 2009, 06:19:30 AM by biggboss »

Offline hhmercan

  • Semi-Newbie
  • *
  • Posts: 45
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #11 on: June 04, 2010, 08:36:56 PM »

divshareden dosya indiremiyorum. elinde olan varsa buraya ekleyebilirmi :/


Offline hhmercan

  • Semi-Newbie
  • *
  • Posts: 45
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #13 on: June 06, 2010, 04:48:44 PM »
teşekkurler

divshareden dosyayı indirdinizmi ?

Offline ⓜⓤⓡⓐⓣ

  • Semi-Newbie
  • *
  • Posts: 15
  • Gender: Male
  • Zerdüş
    • pcdmisforumturkiye on Facebook
    • Pc Dmis Forum Türkiye
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #14 on: April 29, 2013, 05:13:07 AM »
ie de mozillada indirmeye çalştım indiremedim dosyayı. şimdi dosyayı başka bir yerden buldum. hatta farkettim birisi posta eklemiş yukarda.

ancak style diye bir dosya yok css yi boşverdim aradım yine bulamadım sıfır kurulumun içinde aradım yine bulamadım
« Last Edit: April 29, 2013, 08:45:30 AM by mert1i »

Offline cmacs

  • Newbie
  • *
  • Posts: 1
Re: Login Kısmına Sanal Klavye Eklentisi (Basit ve Kullanışlı)
« Reply #15 on: December 07, 2017, 10:07:46 AM »
Thanks. after such a long time very useful for me.