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.
Bir sonraki adımda header_welcomeblock_guest in içini temizleyin ve bu kodları yapıştırın;
Daha sonra header_welcomeblock_member_admin şablonuna girip bununla değiştirin içini.
header_welcomeblock_member_moderator şablonunu bununla değiştirin;
En son olarak temanıza girip css ekle diyerek css'nin adını panel.css yapın ve içine bunları yazın;
Konuda dahi yazım yanlışları olabilir dediğim gibi kafam dağınık hayırlı kullanımlar..
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&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;
}Konuda dahi yazım yanlışları olabilir dediğim gibi kafam dağınık hayırlı kullanımlar..
