Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

2Beğeni
  • 1 Yazan mceber
  • 1 Yazan Ozcev

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > MyBB Eklentileri

Siteleriniz için vB stil giriş paneli

  #1  
Okunmamış 20 Ağustos 2016, 18:55
Ozcev Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Mart 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Bursa
Ad, Soyad: Me... Du...
Mesajlar: 65
Beğeniler: 16 / 52
Ticaret: 0, 0%
DEMO:

HD: http://i.hizliresim.com/yVPDQM.gif



HD: http://i.hizliresim.com/lEkDMk.gif



İsteyen kullansın istemeyene bir şey yapamam. Hataları olabilir son zamanlarda kafam dağınık.

Kuruluma geçelim;
header şablonuna girip var olan {$welcomeblock} kodunu oradan kesin ve header şablonunun en sonuna yapıştırın.
Daha sonrasında header_welcomeblock_member şablonuna girip her şeyi silin ve bunu yapıştırın.
Kod:
<div style="float: left; height: 20px; width: 100%; opacity: 0;"></div>
<div class="wrapper">
<table class="vBpanel" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<img src="{$mybb->user['avatar']}" class="avatar-ep" />
<div class="float: left;">
<b>Hoşgeldin, <a href="member.php?action=profile&{$mybb->user['uid']}">{$mybb->user['username']}</a></b><br />
Mail adresin: {$mybb->user['email']}<br />
Konu sayın: {$mybb->user['postnum']}<br />
Okunmayan Özel Mesaj: <a href="private.php?fid=1"><span class="read-pm"><span class="kaybol">{$mybb->user['unreadpms']}</span></span></a>
{$modcplink}
{$admincplink}
</div>
</td>
<td>
<a href="usercp.php">Kullanıcı KP</a><br />
<a href="usercp.php?action=options">Seçenekleri Değiştir</a><br />
<a href="usercp.php?action=editlists">Arkadaşlar</a><br />
<a href="private.php?fid=2">Gönderilen Mesajlar</a>
</td>
<td>
<a href="usercp.php?action=avatar">Avatarını Değiştir</a><br />
<a href="usercp.php?action=editsig">İmzanı Değiştir</a><br />
<a href="usercp.php?action=profile">Profilini Düzenle</a><br />
<a href="usercp.php?action=password">Şifreni Değiştir</a>
</td>
<td>
<a href="usercp.php?action=usergroups">Grup Üyelikleri</a><br />
<a href="usercp.php?action=attachments">Ek Dosya Yönetimi</a><br />
<a href="usercp.php?action=email">E-Posta Değiştir</a><br />
<a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a>
</td>
</tr>
<tr class="active">
<td><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></td>
<td><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></td>
<td><a href="showteam.php">Forum Yetkilileri</a></td>
<td><a href="memberlist.php">Üye Listesi</a></td>
</tr>
</tbody>
</table>
</div>
Bir sonraki adımda header_welcomeblock_guest in içini temizleyin ve bu kodları yapıştırın;
Kod:
 


<div style="float: left; height: 20px; width: 100%; opacity: 0;"></div>
<div class="wrapper">
<table class="vBpanel" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="2">
<img src="http://hilehocam.10tl.net/images/default_avatar.png" class="avatar-ep" />
<div class="float: left;">
<b>Hoşgeldin, Misafir</b><br />
<a href="{$mybb->settings['bburl']}/member.php?action=login" onclick="$('#quick_login').modal({ fadeDuration: 250, keepelement: true }); return false;" class="login">{$lang->welcome_login}</a><br />
 <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a><br />
<a href="member.php?action=lostpw">Şifreni mi unuttun?</a>
</div>
</td>
<td colspan="2">
<!-- Panel.CSS Dosyasından Açıklamalarına Bakarsın.. -->
<ul class="duyurular">
<li class="basari">Başarı ile sonuçlandı..</li>
<li class="bilgi">Bilgilendirme mesajı..</li>
<li class="hata">Sorun mesajı..</li>
<li class="update">Güncelleme mesajı.</li>
</ul>
</td>
</tr>
<tr class="active">
<td><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a></td>
<td><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a></td>
<td><a href="showteam.php">Forum Yetkilileri</a></td>
<td><a href="memberlist.php">Üye Listesi</a></td>
</tr>
</tbody>
</table>
</div>



 <div class="modal" id="quick_login" style="display: none;">
 <form method="post" action="{$mybb->settings['bburl']}/member.php">
 <input name="action" type="hidden" value="do_login" />
 <input name="url" type="hidden" value="" />
 <input name="quick_login" type="hidden" value="1" />
 <table width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" border="0" class="tborder">
 <tr>
 <td class="thead" colspan="2"><strong>{$lang->login}</strong></td>
 </tr>
 <tr>
 <td class="trow1" width="25%"><strong>{$login_username}</strong></td>
 <td class="trow1"><input name="quick_username" id="quick_login_username" type="text" value="" class="textbox initial_focus" /></td>
 </tr>
 <tr>
 <td class="trow2"><strong>{$lang->password}</strong></td>
 <td class="trow2">
 <input name="quick_password" id="quick_login_password" type="password" value="" class="textbox" /> <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
 </td>
 </tr>
 <tr>
 <td class="trow1">&nbsp;</td>
 <td class="trow1 remember_me">
 <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked="checked" />
 <label for="quick_login_remember">{$lang->remember_me}</label>
 </td>
 </tr>
 <tr>
 <td class="trow2" colspan="2">
 <div align="center"><input name="submit" type="submit" class="button" value="{$lang->login}" /></div>
 </td>
 </tr>
 </table>
 </form>
 </div>
 <script type="text/javascript">
 $("#quick_login input[name='url']").val($(location).attr('href'));
 </script>
Daha sonraheader_welcomeblock_member_admin şablonuna girip bununla değiştirin içini.

Kod:
<li><a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php" class="admincp"><i class="fa fa-cog"></i> {$lang->welcome_admin}</a></li>
</ul>
</div>
header_welcomeblock_member_moderator şablonunu bununla değiştirin;
Kod:
<div style="clear: both;"></div>
<div class="paneller">
<ul>
<li><a href="{$mybb->settings['bburl']}/modcp.php" class="modcp"><i class="fa fa-bolt"></i> {$lang->welcome_modcp}</a></li>
En son olarak temanıza girip css ekle diyerek css'nin adını panel.css yapın ve içine bunları yazın;
Kod:
.vBpanel {
  border: 1px solid #3c3ca9;
  width: 100%;
  border-radius: 3px;
  padding: 0px;
  font-family: 'Titillium Web';
  font-size: 14px;
  overflow: hidden;
}

.vBpanel a {
 color: #22229e;
}

.vBpanel tr {
 background: #fff;
 border-radius: 2px;
}

.vBpanel tr td {
 padding: 7px;
 border-right: 1px solid #d3d3d3;
 text-align: center;
}

.vBpanel tr td:nth-child(1) {
 text-align: left;
}

.vBpanel tr td:last-child {
 border: none;
}

.avatar-ep {
 float: left;
 height: 75px;
 width: 75px;
 border: 1px solid blue;
 padding: 1px;
 border-radius: 3px;
 margin: 0px 10px 0px 0px;
}

.read-pm {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed0003+0,9e0002+100 */
 background: rgb(237,0,3); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(237,0,3,1) 0%, rgba(158,0,2,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(237,0,3,1) 0%,rgba(158,0,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(237,0,3,1) 0%,rgba(158,0,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0003', endColorstr='#9e0002',GradientType=0 ); /* IE6-9 */
 color: #fff;
 padding: 0px 4px;
 border-radius: 3px;
 border: 1px solid #5a0000;
 cursor: pointer;
 box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4);
}

.kaybol {
 animation-name: kayBol;
 animation-duration: 1.5s;
 animation-iteration-count: infinite;
}

@keyframes kayBol {
 0% {
 opacity: 1;
 }
 50% {
 opacity: 0;
 }
}

.vBpanel tr.active {
 background: #2929a1;
 border-top: 1px solid #ff0004;
}

.vBpanel tr.active td {
 border-color: #040482;
 text-align: center;
}

.vBpanel tr.active td:hover {
 background: #3838bb;
}

.vBpanel tr.active a {
 color: #fff;
}

.paneller {float: left;margin: 2px 0px -5px -2px;}

.paneller ul {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

.paneller ul li {
 float: left;
 display: inline-block;
 background: #2929a1;
 padding: 4px 8px;
 border-radius: 3px;
 margin: 3px 2px;
}

.paneller ul li a {
 color: #fff;
}

ul.duyurular {
 padding: 0px;
 margin: 0px;
 list-style-type: none;
}

ul.duyurular li {
 display: block;
 text-align: left;
 padding: 10px;
 padding-left: 50px;
 color: #fff;
 margin: 2px 0px;
 border-radius: 4px;
}

ul.duyurular li.basari {
 background: #43A047;
}

ul.duyurular li.basari:before {
 content: "\f1de";
 font-family: 'FontAwesome';
 position: absolute;
 border-radius: 4px 0px 0px 4px;
 background: #2E7D32;
  font-size: 20px;
  padding: 6px 10px 5px 12px;
  margin: -10px -50px;
}

ul.duyurular li.bilgi {
 background: #1E88E5;
}

ul.duyurular li.bilgi:before {
 content: "\f05a";
 font-family: 'FontAwesome';
 position: absolute;
 border-radius: 4px 0px 0px 4px;
 background: #0277BD;
  font-size: 20px;
  padding: 6px 10px 5px 12px;
  margin: -10px -50px;
}


ul.duyurular li.hata {
 background: #E53935;
}

ul.duyurular li.hata:before {
 content: "\f071";
 font-family: 'FontAwesome';
 position: absolute;
 border-radius: 4px 0px 0px 4px;
 background: #C62828;
  font-size: 20px;
  padding: 6px 9px 5px 11px;
  margin: -10px -50px;
}

ul.duyurular li.update {
 background: #FFB300;
}

ul.duyurular li.update:before {
 content: "\f0fe";
 font-family: 'FontAwesome';
 position: absolute;
 border-radius: 4px 0px 0px 4px;
 background: #FF8F00;
  font-size: 20px;
  padding: 6px 10px 5px 13px;
  margin: -10px -50px;
}
Konuda dahi yazım yanlışları olabilir dediğim gibi kafam dağınık hayırlı kullanımlar..
  #2  
Okunmamış 20 Ağustos 2016, 19:23
Avatar Seçilmemiş
Gazianteptutku.com
 
Üyelik Tarihi: 29 Temmuz 2016
Yaş / Cinsiyet: 47 / Erkek
Meslek: Gazeteci
Konum: Gaziantep
Ad, Soyad: Me... Ce...
Mesajlar: 1.033
Beğeniler: 197 / 197
Ticaret: 2, 100%
Demo var mi
Ozcev bunu beğendi.
  #3  
Okunmamış 20 Ağustos 2016, 19:27
Ozcev Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 09 Mart 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Bursa
Ad, Soyad: Me... Du...
Mesajlar: 65
Beğeniler: 16 / 52
Ticaret: 0, 0%
Gif koydum aslında, demosu orada :/
SizinWeb bunu beğendi.
  #4  
Okunmamış 20 Ağustos 2016, 19:30
Avatar Seçilmemiş
Gazianteptutku.com
 
Üyelik Tarihi: 29 Temmuz 2016
Yaş / Cinsiyet: 47 / Erkek
Meslek: Gazeteci
Konum: Gaziantep
Ad, Soyad: Me... Ce...
Mesajlar: 1.033
Beğeniler: 197 / 197
Ticaret: 2, 100%
Yakından incelemek istedim mahsuru var ise link at siteye bakalim
  #5  
Okunmamış 20 Ağustos 2016, 21:10
SizinWeb Adlı Üyenin Avatarı
Domain Başlangıçtır.
 
Üyelik Tarihi: 04 Ağustos 2014
Yaş / Cinsiyet: 35 / Erkek
Meslek: Yönetici
Ad, Soyad: Şe... Ka...
Mesajlar: 3.805
Beğeniler: 1511 / 2540
Ticaret: 104, 100%
Eline Sağlık
  #6  
Okunmamış 20 Ağustos 2016, 21:23
FurkanOYMAK Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 23 Ağustos 2014
Cinsiyet: Erkek
Meslek: AR-GE
Konum: Almanya
Ad, Soyad: Fu... Oy...
Mesajlar: 4.214
Beğeniler: 1400 / 952
Ticaret: 152, 99%
Teşekkürler
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > MyBB Eklentileri


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 16:14.