Not: Gereksiz kod vb. olabilir kusura bakmayın kafam allak bullak(2 yıllık sevgilim tarafından terk edildim :/)
Göremeyenler için link:
Global.css en altına ekle
Header şablonunda logo taginin altına ekle
diğer {$welcomeblock} kodunu siliniz.
header_welcomeblock_guest gir ve değiştir
header_welcomeblock_member gir ve değiştir
header_welcomeblock_member_admin gir ve değiştir
header_welcomeblock_member_moderator gir ve değiştir
headerinclude {$stylesheets} üstüne ekle
Not: Bazı yerlerde alıntı kod yapılmıştır.(sebebi de başta yazıyor)
Göremeyenler için link:
Kod:
https://image.prntscr.com/image/tyI434L2TMmJMJyb6WoqpQ.png
veya
https://i.hizliresim.com/BADp5Q.pngGlobal.css en altına ekle
Kod:
.menu {background: #3498db; height: 35px; border-radius: 2px;}
.m-link li {list-style: none; float: left; line-height: 35px; margin-left: 15px;}
.m-link a {color: #FFF; background: rgba(41, 128, 185,0.5); text-decoration: none; padding: 5px 10px; box-shadow: 1px 1px 1px rgba(44, 62, 80,0.5); transition: .25s;}
.m-link a:hover {color: #FFF; background: rgba(41, 128, 185,1); border-radius: 2px; box-shadow: 1px 1px 1px rgba(44, 62, 80,0.5); transition: .25s;}
.m-member {margin-right: 15px; padding: 5px 10px; line-height: 20px; margin-top: 2px; border-radius: 2px; color: #FFF; background: rgba(41, 128, 185,0.5); transition: .25s; box-shadow: 1px 1px 1px rgba(44, 62, 80,0.5);}
.m-member:hover {border-radius: 2px; color: #FFF; background: rgba(41, 128, 185,1); box-shadow: 1px 1px 1px rgba(44, 62, 80,0.5); transition: .25s;}
.myb {
color: #fff;
position: relative;
display: inline-block;
border-radius: 2px;
cursor: pointer;
user-select: none;
}
.myba {
position: absolute;
box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);
padding: 0;
margin: 0;
width: 180px;
right: 0;
margin-top: 6px;
background: #3498db;
z-index: 10;
}
.myba a {
text-decoration: none;
display: block;
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
color: #fff;
transition: .25s ease;
overflow: hidden;
position: relative;
}
.myba a:hover {
text-decoration: none;
display: block;
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0,0.05);
color: #fff;
transition: .25s ease;
overflow: hidden;
position: relative;
background: rgba(41, 128, 185,0.5);
}
.myba a:visited {
text-decoration: none;
color: #FFF;
transition: .25s ease;
}
.myba a i {
float: right;
}
.myb i {
margin-left: 5px;
}
.myb2 {
color: #fff;
position: relative;
display: inline-block;
border-radius: 2px;
cursor: pointer;
user-select: none;
}
.myb2 a {
color: #FFF;
text-decoration: none;
}
.myb2 a:visited {
color: #FFF;
text-decoration: none;
}
.myba2 {
position: absolute;
box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);
padding: 0;
margin: 0;
width: 180px;
right: 0;
margin-top: 6px;
background: #3498db;
z-index: 10;
}
.myba2 a {
text-decoration: none;
display: block;
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
color: #fff;
transition: .25s ease;
overflow: hidden;
position: relative;
}
.myba2 a:hover {
text-decoration: none;
display: block;
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0,0.05);
color: #fff;
transition: .25s ease;
overflow: hidden;
position: relative;
background: rgba(41, 128, 185,0.5);
}
.myba2 a:visited {
color: #FFF;
text-decoration: none;
transition: .25s ease;
}
.myba2 a i {
float: right;
}
.myb2 i {
margin-left: 5px;
}
.loginbox {
width: 97.6%;
color: #FFF;
border: none;
height: 25px;
display: block;
overflow: hidden;
position: relative;
background: #3498db;
border-bottom: 1px solid rgba(0, 0, 0, .05);
box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.loginbox:hover {
width: 97.6%;
border: none;
height: 25px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
color: #fff;
transition: .25s ease;
overflow: hidden;
position: relative;
background: rgba(41, 128, 185,0.5);
}
.loginsub {
color: #fff;
display: block;
padding: 12px;
transition: .25s ease;
overflow: hidden;
position: relative;
width: 100%;
border: none;
text-align: left;
background: #3498db;
box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.05);
}
.loginsub:hover {
display: block;
padding: 12px;
color: #fff;
text-decoration: none;
transition: .25s ease;
overflow: hidden;
position: relative;
background: rgba(41, 128, 185,0.5);
}Header şablonunda logo taginin altına ekle
Kod:
<div class="menu">
<div class="m-link">
<li><a href="#"><i class="fa fa-home" aria-hidden="true"></i> Ana sayfa</a></li>
<li><a href="#"><i class="fa fa-heart" aria-hidden="true"></i> Portal</a></li>
<li><a href="#"><i class="fa fa-users" aria-hidden="true"></i> Üye Listesi</a></li>
<li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i> Yönetici Listesi</a></li>
</div>
<div class="m-member" style="float: right;">
{$welcomeblock}
</div>
</div>header_welcomeblock_guest gir ve değiştir
Kod:
<div class="myb2"><a href="#" onclick="$.myka2()">Giriş Yap! <i class="fa fa-sign-in" aria-hidden="true"></i>
Veya
Üye Ol! <i class="fa fa-user-plus" aria-hidden="true"></i></a>
</div>
<ul class="myba2" style="display: none;">
<form action="{$mybb->settings['bburl']}/member.php" class="loginform" method="post">
<input type="hidden" name="action" value="do_login" />
<input type="hidden" name="url" value="{$url}" />
<input type="text" class="loginbox" name="username" placeholder=" Kullanıcı Adınız: " onclick="this.value='';" />
<input type="password" class="loginbox" style="left:-0px;" name="password" placeholder=" Şifreniz: " onclick="this.value='';" />
<div class="logintext">
<input type="submit" class="loginsub" value="Giriş Yap!" tabindex="3"/>
<li><a href="{$mybb->settings['bburl']}/member.php?action=lostpw">Şifrenizimi Unuttunuz ? <i class="fa fa-question" aria-hidden="true"></i></a></li>
<li><a href="{$mybb->settings['bburl']}/member.php?action=register">Üye Ol <i class="fa fa-user-plus" aria-hidden="true"></i></a></li>
</div>
</form>
</ul>header_welcomeblock_member gir ve değiştir
Kod:
<div class="myb" onclick="$.myka()">{$mybb->user['username']}<i class="fa fa-caret-down"></i>
<ul class="myba" style="display: none;">
<li><a href="{$mybb->settings['bburl']}/usercp.php" class="usercp">{$lang->welcome_usercp} <i class="fa fa-user"></i></a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile">Profilini Düzenle <i class="fa fa-pencil" ></i></a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=options">Hesap Seçenekleri <i class="fa fa-cogs"></i></a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">Avatarını Değiştir <i class="fa fa-picture-o"></i></a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=editsig">İmzanı Düzenle <i class="fa fa-paint-brush"></i></a></li>
{$modcplink}
{$admincplink}
<a href="{$mybb->settings['bburl']}/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}" id="logout" class="logout">{$lang->welcome_logout} <i class="fa fa-power-off"></i></a>
</ul>
</div>header_welcomeblock_member_admin gir ve değiştir
Kod:
<li><a href="{$mybb->settings['bburl']}/{$admin_dir}/index.php" class="admincp">{$lang->welcome_admin} <i class="fa fa-cogs"></i></a></li>header_welcomeblock_member_moderator gir ve değiştir
Kod:
<li><a href="{$mybb->settings['bburl']}/modcp.php" class="modcp">{$lang->welcome_modcp} <i class="fa fa-cog"></i></a></li>headerinclude {$stylesheets} üstüne ekle
Kod:
<script type="text/javascript">
$(function(){
$.myka = function() {
$("ul.myba").fadeToggle(170);
}
$(".my-menu").click(function(){
$("ul.myba").fadeOut(170); });
$(document).click(function(e) {
var target = e.target;
if (!$(target).is('.myb') && !$(target).parents().is('.myb')) {
$('.myba').fadeOut(170);
}
});
});
$(function(){
$.myka2 = function() {
$("ul.myba2").fadeToggle(170);
}
$(".my-menu2").click(function(){
$("ul.myba2").fadeOut(170); });
$(document).click(function(e) {
var target = e.target;
});
});
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">Not: Bazı yerlerde alıntı kod yapılmıştır.(sebebi de başta yazıyor)
