Giriş Yap

**OnLiNe** · (Son Düzenleme: 23-03-2013 Saat: 18:11, Düzenleyen: OnLiNe.)

Bir kaç gün önce bitirdiğim bir çalışmaydı bazı düzenlemeler ile daha hoş ve daha kullanışlı hale geldi.

Kodlama ve Tasarım bana aittir.

Mybb temalarınızda kullanabileceğiniz bir profesyonel giriş panelidir.

Bir çok özelliği sahiptir.

Bazı özellikleri sürünerek açılıp kapanmasıdır.

Caps
Bu sadece ilk hali :)

Tıklayınca açılan hali :)

Ve farklı bir görüntü ...

%100 Mybb uyumludur.

İşte kodlar

Kod:

<div style='position: fixed; top: 0%; right: 30%;'>

<center>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>



</head>



<body>

<script type="text/javascript"src="http://st.10tl.net/tema/online/panel.js"/>

</script>

<div id="mypanel" class="ddpanel">

<div id="mypanelcontent" class="ddpanelcontent">

<p style="padding:2px">

<style type="text/css">

#teras {

background-image: url(http://st.10tl.net/tema/online/login.png);

height: 150px;

width: 300px;

}

#name {

float: left;

margin-top: 40px;

margin-left: 85px;

}

#sifre {

float: left;

margin-top: 83px;

margin-left: -121px;

}

#sname {

float: left;

margin-top: 125px;

margin-left: -150px;

}



#loggiris {

float: left;

margin-top: 115px;

margin-left: -83px;

}

</style>

<div id="teras">

<div id="name">



    

  

    <td id="panel">

<form action="member.php" method="post">

    <input type="text"style="border-radius:4px"class="textbox" name="username" size="14" maxlength="{$mybb->settings['maxnamelength']}" value="{$username}" /></div>

  <div id="sifre">

    <input type="password"style="border-radius:4px" class="textbox" name="password" size="14" maxlength="{$mybb->settings['maxnamelength']}" value="{$password}"/></div>

<div id="sname">

    <label for="remember">

<input type="checkbox" name="remember" id="remember" value="yes" checked="checked"  />

Hatırla ?</label></div>

<div id="loggiris">

    <input type="image"src="http://st.10tl.net/tema/online/giri%C5%9F%C5%9F.png" class="button" name="image" value="{$lang->login}" />

<input type="hidden" name="action" value="do_login" />

<input type="hidden" name="url" value="{$redirect_url}" /></div>

</form>

</div>

</p>

</div>

<div id="mypaneltab" class="ddpaneltab"><a href="#"><span></span></a></div>

</div><br /></div>

</body>

</html>

</center>

Elimden geldiğince kodları kısalttım.

[b]Admin kp >> Şablonlar >> Header >> Header welcome guest >> Hepsini bu kodlarla değişin ve kaydedin.

Artık özelden giriş paneli yapar mısın gibi mesajlar atmassınız :) alın size giriş paneli iyi günlerde kullanın...

**Şükrü K.** · 23-03-2013 Saat: 17:56

Teşekkürler =)

**OnLiNe** · 23-03-2013 Saat: 17:56

(23-03-2013 Saat: 17:56)Şükrü K. Nickli Kullanıcıdan Alıntı: Teşekkürler =)

Rica ederim.

**NameLessWarrior** · 23-03-2013 Saat: 17:58

Kodları Nereye Yapıştıracağımızı Söyleyin Bileni var Bilmeyeni var.

**OnLiNe** · (Son Düzenleme: 23-03-2013 Saat: 18:18, Düzenleyen: OnLiNe.)

(23-03-2013 Saat: 17:58)NameLessWarrior Nickli Kullanıcıdan Alıntı: Kodları Nereye Yapıştıracağımızı Söyleyin Bileni var Bilmeyeni var.

Eklemeyi unutmuşum eklendi.

İşte hepinizin emeğe saygısı bu kadar.Onlarca kişi bakıyor yorum yapan yok.

**Burak Acil** · 23-03-2013 Saat: 19:31

Sen bu işte baya prof oldun bakıyorum :)

**Matrix4040** · 23-03-2013 Saat: 19:36

Teşekkürler

**OnLiNe** · (Son Düzenleme: 23-03-2013 Saat: 19:50, Düzenleyen: OnLiNe.)

(23-03-2013 Saat: 19:31)Burak Acil Nickli Kullanıcıdan Alıntı: Sen bu işte baya prof oldun bakıyorum :)

Eyvallah.

(23-03-2013 Saat: 19:36)Matrix4040 Nickli Kullanıcıdan Alıntı: Teşekkürler

rica ederim.

**Hüsamettin** · 23-03-2013 Saat: 19:54

saol süper

**OnLiNe** · 23-03-2013 Saat: 19:56

Rica..

**OnLiNe** · 23-03-2013 Saat: 23:57

Güncel.Yorum atmadan geçme

**TrLyy** · 24-03-2013 Saat: 00:07

Saol...

**OnLiNe** · 24-03-2013 Saat: 00:11

Önemli değil.

**OnLiNe** · 24-03-2013 Saat: 13:08

Güncel...

**L34DRi** · 24-03-2013 Saat: 13:36

Teşekkürler.İyi güzel de sanırım dreamweaver ile kodlamışsınız.Oradaki tüm kodları alıp buraya koymuşsunuz.CSS ile HTML ayırarak verirseniz daha iyi olur.Bu kodda head html title gibi taglar var bu sayfayı bozabilir.Mesela bu kodu eklediğimizde sayfa başlığı Untitled Document olabilir.

Kod:

<title>Untitled Document</title>

**OnLiNe** · (Son Düzenleme: 24-03-2013 Saat: 13:45, Düzenleyen: OnLiNe.)

(24-03-2013 Saat: 13:36)L34DRi Nickli Kullanıcıdan Alıntı: Teşekkürler.İyi güzel de sanırım dreamweaver ile kodlamışsınız.Oradaki tüm kodları alıp buraya koymuşsunuz.CSS ile HTML ayırarak verirseniz daha iyi olur.Bu kodda head html title gibi taglar var bu sayfayı bozabilir.Mesela bu kodu eklediğimizde sayfa başlığı Untitled Document olabilir.

Kod:
<title>Untitled Document</title>

Hayır dreamweawerle kodlamadım daha doğrusu program kullanmadım.

**OnLiNe** · 28-03-2013 Saat: 00:40

Güncel.

~~Helper~~ · 28-03-2013 Saat: 18:54

Yapanıda login box gibide profesyonel :)

**OnLiNe** · 28-03-2013 Saat: 19:09

(28-03-2013 Saat: 18:54)Helper Nickli Kullanıcıdan Alıntı: Yapanıda login box gibide profesyonel :)

Teşekkürler bu güzel yorumunuz için :)

HunterAvgin · 30-03-2013 Saat: 00:52

Saolun hocam gercekten müthiş

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla