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; }
0 yorum: