Kullanıcı Menü 1.0 - Baskı Önizleme

Kullanıcı Menü 1.0 - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Ana Sayfa (https://mybbdepo.com/ana-sayfa-106-forumu)
+---- Konu Başlığı: Kullanıcı Menü 1.0 (/kullanici-menu-1-0-konusu.html)

Kullanıcı Menü 1.0 - DevAdam - 24-05-2016

Eklenti-Plugin

Code Name : Kullanıcı Menü 1.0
Yapımcı

Code Creative : DevAdam
Güvenlik

Code Security : Güvenli Onay-Cevap

Code Version : 1.0
Araç-Test

Code Test : Denendi - Sorunsuz
Bilgi-Kaynak

Code İnformation : Anasayfaya Kullanıcı Menü Ekler

Html Kod

Code : headerinclude / Ekle ;

Kod:

<link rel="stylesheet" href="images/devadam/font-awesome-4.6.3/css/font-awesome.min.css" />

Code : header_welcomeblock_member / Hepsiyle Değiştir ;

Kod:

<div id="kpmenu">

<img class="kpavatarking" src="images/devadam/kral.png">

<img id="kpavatar"style="width:70px; height:70px;" src='{$mybb->user['avatar']}' >

 <div style="color:#000; position:relative; top:-62px; left:130px; font-family: 'PT Sans Narrow', sans-serif; font-size:17px;">{$mybb->user['username']}</div>

 <hr class="hrcizgi2">

 {$modcplink}

 <a href="{$mybb->settings['bburl']}/usercp.php" ><div id="uye"><font style="color:#fff; left:8px; top:1px; position:relative; font-weight:bold;">Kullanıcı P.</font></div></a>

 {$admincplink}

 <a href="{$mybb->settings['bburl']}/private.php"><div id="om"><font style="color:#fff; left:8px; top:1px; position:relative; font-weight:bold;">Özel Mesaj</font></div></a>

 <a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup&modal=1', null, true); return false;"><div id="arkadas"><font style="color:#fff; left:1px; top:1px; position:relative; font-weight:bold;">Arkadaşlarım</font></div></a>

 <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><div id="cikis"><font style="color:#fff; left:14px; top:1px; position:relative; font-weight:bold;">Çıkış Yap</font></div></a>

</div>

 </div>

</div>

Code : header_quicksearch / Hepsiyle Değiştir

Kod:

<div id="quick">

<form action="{$mybb->settings['bburl']}/search.php" method="post">

<fieldset id="search">

<div id='kutu'><input name="keywords" type="text"  /></div>

<button type="submit" id="ser"><img src="images/devadam/button.png"></button>

<input type="hidden" name="action" value="do_search" />

<input type="hidden" name="postthread" value="1" />

</fieldset>

</form>

</div>

<style>

 #quick {

 position:relative;

 top:15px;

 right:50px;

 }

#kutu { 

background: url(images/devadam/kutu.png);

width: 307px;

height: 44px;

border:none;

z-index: 999;

}

#kutu input {

outline:none; width: 230px;padding: 8px 0px 8px 8px;padding: 8px;margin: 5px 12px; background-color: ;border: none;color: #919191;font-size: 16px;font-family: Calibri;font-weight: bold; 

}

#ser {

background:transparent;

border:none;

float:right;

top:-35px;

left:-20px;

position:relative;

}

</style>

Code : global.css ;

PHP Kod:

/* Kullanıcı Paneli Menü */

.hrcizgi2 {
 position:relative;
 left:45px;
 top:-70px;
 width:290px;
 color:#ccc;
}

#cikis {
 background:#1E824C;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:75px;
 left:320px;
}

#arkadas {
 background:#CF000F;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:75px;
 left:225px;
}

#om {
 background:#16a085;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:75px;
 left:130px;
}

#admin {
 background:#c0392b;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:45px;
 left:320px;
}

#uye {
 background:#2c3e50;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:45px;
 left:225px;
}

#mod {
 background:#27ae60;
 width:90px;
 height:20px;
 float:left;
 position:absolute;
 top:45px;
 left:130px;
}

.kpavatarking {
 position:relative;
 top:-34px;
 left:57px;
}

#kpavatar {
 border-radius:50%;
 border:2px solid #000;
 position:relative;
 top:33px;
 left:0px;
}

#kpmenu {
 position:relative;
 border:1px solid #000;
 top:10px;
 width:450px;
 height:113px;
 background:#fff;
}

/* Social Menü */

#social {
 position:relative;
 float:right;
 left:200px;
 top:50px;
}

#socface{
 position:relative;
 color:#446CB3;
 width:50px;
 height:50px;
 background:#fff;
 top:25px;
 float:left;
 left:0px;
 overflow:hidden;
 border-radius:50%;
    transition-property: color;
    transition-duration:0.6s;
    transition-delay: 0.1s;
 }
 #socface:hover{
 background:#446CB3;
 color:#fff;
 overflow:hidden;
 }
 #socyou{
 color:#D91E18;
 width:50px;
 height:50px;
 background:#fff;
 position:relative;
 top:25px;
 float:left;
 left:-40px;
 overflow:hidden;
 border-radius:50%;
    transition-property: color;
    transition-duration:0.6s;
    transition-delay: 0.1s;
 }
 #socyou:hover{
 background:#D91E18;
 color:#fff;
 overflow:hidden;
 }
 #soctwit{
 color:#19B5FE;
 width:50px;
 height:50px;
 background:#fff;
 position:relative;
 float:left;
 top:25px;
 left:70px;
 border-radius:50%;
    transition-property: color;
    transition-duration:0.6s;
    transition-delay: 0.1s;
 }
 #soctwit:hover{
 background:#19B5FE;
 overflow:hidden;
 color:#fff; }

 #socins{
 color:#554343;
 width:50px;
 height:50px;
 background:#fff;
 position:relative;
 float:left;
 top:25px;
 left:30px;
 border-radius:50%;
    transition-property: color;
    transition-duration:0.6s;
    transition-delay: 0.1s;
 }
 #socins:hover{
 background:#554343;
 overflow:hidden;
 color:#fff; }

 #socgo{
 color:#C73D3D;
 width:50px;
 height:50px;
 background:#fff;
 position:relative;
 float:left;
 top:25px;
 left:40px;
 border-radius:50%;
    transition-property: color;
    transition-duration:0.6s;
    transition-delay: 0.1s;
 }
 #socgo:hover{
 background:#C73D3D;
 overflow:hidden;
 color:#fff; } 

Code : global.css / Bul ;

PHP Kod:

#panel .upper {
 background: #0f0f0f url(images/tcat.png) repeat-x;
 color: #fff;
 border-top: 1px solid #444;
 border-bottom: 1px solid #000;
 padding: 7px;
 clear: both;
} 

Code : global.css / Değiştir ;

PHP Kod:

#panel .upper {
 background: #27ae60;
 color: #fff;
 border-bottom: 1px solid #000;
height:135px;
 clear: both;
} 

Code İmages :
resim

Code İnformation : Default Temaya Göre Hazırlanmıştır CSS Ve HTML Bilginiz Var İse Kendi Temanızada Uygulayabilirsiniz !

indir-download

Mybb'nin Kurulu Olduğu Bölüme Atın

Kod:

https://yadi.sk/d/vCFZqHw8rxFu7

Cvp: Kullanıcı Menü 1.0 - XLRThetis - 24-05-2016

Geliştirilebilir fakat böyle de çok başarılı eline sağlık Süper

Cvp: Kullanıcı Menü 1.0 - Anka06 - 24-05-2016

Güzel Olmus Ellerinize Sağlık Yaptıgınız Tasarımları https://codepen.io/ ve http://cssdeck.com/ Gibi Sitelere Css Kodlarınızı Eklerseniz Daha Cok Kişiye Ulasır