Konuyu Oyla:
  • Toplam: 7 Oy - Ortalama: 2.29
  • 1
  • 2
  • 3
  • 4
  • 5
Profesyonel Login Panel / Tasarım-Kod OnLiNe
#1
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 :)

Wacdjeo.png

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

0PvDagZ.png

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

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

Hayatta üç şey insanın özüne zarar verir; öfke,açgözlülük, kibir..  Hz.Muhammed (s.a.v)
Ara
Cevapla PGM
Teşekkür verenler:


Bu Konudaki Yorumlar
Profesyonel Login Panel / Tasarım-Kod OnLiNe - Yazar: OnLiNe - 23-03-2013 Saat: 17:53

Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



WTSupport | Torrent - ZULA - The Forest Platformu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping