Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
WelcomeBlock'lu Menü
#1
Not: Gereksiz kod vb. olabilir kusura bakmayın kafam allak bullak(2 yıllık sevgilim tarafından terk edildim :/)

tyI434L2TMmJMJyb6WoqpQ.png
Göremeyenler için link:
Kod:
https://image.prntscr.com/image/tyI434L2TMmJMJyb6WoqpQ.png
veya
https://i.hizliresim.com/BADp5Q.png

Global.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>
diğer {$welcomeblock} kodunu siliniz.

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>
&nbsp;&nbsp;Veya&nbsp;&nbsp;
Ü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&amp;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)
Ara
Cevapla PGM
Teşekkür verenler:
#2
Üstad döndü. Saygılar.
& digital artist
sans toi les émotions d’aujourd’hui ne sont que la peau morte des émotions d’autrefois.
Ara
Cevapla PGM
Teşekkür verenler:
#3
Teşekkürler Tuğrul hocam güzel menü :3
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping