[MyBB] vB stil giriş paneli

29 Nis 2018
174
0
16
İzmir

DEMO:

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



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



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&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"> </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 sonra header_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;
}



 

Benzer konular