Facebook Stil Welcomeblock v1.0 | L34DRi

[L34DRi]

Merhaba arkadaşlar,

Yaklaşık 4 saattir uğraşımlarım sonucu sizler için facebook stil welcomeblock yaptım.Aslında fazla uğraşmadım ama bilgisayar yavaş olduğu için uzun sürdü.Neyse ilk olarak görünümü göstereyim...

•••• GÖRÜNÜM ••••

•••• DEMO ••••

Demo Link

Kullanıcı Adı : Demo
Şifre : facebookdemo123

•••• ÖZELLİKLER ••••

•Facebook Stil Üst Panel
•Alta doğru kayan üst panel
•Misafirlere Kayıt ve Giriş Linki
•Üyelere Kullanıcı KP ve Oturumu Kapat Linki
•Facebook Stil Arama Kutucuğu
•Kullanıcı KP yanında Facebook stil minik avatar

•••• v2 ÖZELLİKLER ••••

v2 Sürümünde eklemeyi planladığım özellikler...

•Alta doğru genişleyen bir menü ve bu menüde kullanıcılar için gerekli linkler
•Alta doğru açılan giriş yapma ve hızlı kayıt olma paneli
•Facebook Stil arama kutusu ve arama butonu
•Facebook stil bildirimler,mesajlar,arkadaşlıklar sekmeleri
•▼ butonu ile alta açılan ve üyeler için gerekli olan kullanı kp kısayol linkleri
•▼ butonu ile alta açılan ve adminler için gerekli olan admin kp kısayolları (örn:şablonlar,temalar,pluginler)
•Gelişmiş bir tasarım.(Bu aceleye geldi o yüzden biraz kötü)
•Gelişmiş facebook buton ve ikonları
•Sizin önerileriniz ile gelen yenilikler
•Veeee Facebook Stil profil görüntüsü....
•Ve bu özelliklere uygun bir de facebook teması

••• KODLAR •••

Admin KP ► Şablon & Stil ► Şablonlar ► Temanızı Seçin ► Header Şablonlar ► Header_welcomeblock_guest En Altına Ekleyin ;

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class="bahri0031">
<b><font size="4">&nbsp; &nbsp; facebook </font></b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<form style="display:inline" method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" name="keywords" value="Ara..." onfocus="if(this.value == 'Ara...') { this.value = ''; }" onblur="if(this.value=='') { this.value=''; }" size="60"/>
<button class="but"  title="Arama">Ara</button>
</form>



<font size="2"> 
<div class="kayitgiris"><b><a href="member.php?action=login">Giriş Yap </a> | <a href="member.php?action=register"> Kayıt Ol</a></font></div>



</b>
</div> 


Header_welcomeblock_member en altına ekleyin ;

PHP Kod: Tümünü Seç Tümünü Kopyala

<div class="bahri0031">
<b><font size="4">&nbsp; &nbsp; facebook </font></b>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<form style="display:inline" method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="fbtext" name="keywords" value="Ara..." onfocus="if(this.value == 'Ara...') { this.value = ''; }" onblur="if(this.value=='') { this.value=''; }" size="60"/>
<button class="but"  title="Arama">Ara</button>
</form>
<font size="2"> 
<b><div class="kayitgiris"><img style="float:middle;" src="{$mybb->user['avatar']}" width="18" height="18">&nbsp;<a href="usercp.php">Kullanıcı KP </a> | <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></font></div>
</b>
</div> 


Ve son olarak global.css en altına ekleyin ;

PHP Kod: Tümünü Seç Tümünü Kopyala

.bahri0031 {
    background: #5B74A8;
        color: #ffffff;
        width: 100%;
        font-family: Lucida Grande, Tahoma, Verdana, Arial, Sans-serif;
        position: fixed;
        margin: 0px;
        padding: 4px;
        text-align: left;
        top:0px;
        left:0px;
}
.bahri0031 a {
       color: #ffffff;
       text-decoration:none;
}
.bahri0031 a:hover {
       color: #7f3f00;
}
.kayitgiris {
        float: right;
        color: #ffffff;
        padding: 3px;
        margin-right: 6px;
        display:inline;
}
.kayitgiris a {
        text-align: right;
        color: #ffffff;
        text-decoration: none;
}
input.fbtext{
       background:#ffffff;
       color:#cccccc;
       font-family: Lucida Grande, Tahoma, Verdana, Arial, Sans-serif;
       border: 1px solid #f2f2f2;
} 


[Adil S.]

Güzel olmuş :)

[DonanimHaber]

hocam herkezin bilgisayarının ekran boyutu farklı nerdeyse bendede oyle resimde gözüktüğü gibi değil bende fakat onu yapabilmek için css'e padding verip yaparsanız herkez için daha iyi olacaktır.isterseniz ss verebilirim goruntusu şeklinde.

[TaaRRuz]

Güzel olmuş :)

+

Sizdende böyle başarılı birşey beklerdi zaten :)

[L34DRi]

Güzel olmuş :)

hocam herkezin bilgisayarının ekran boyutu farklı nerdeyse bendede oyle resimde gözüktüğü gibi değil bende fakat onu yapabilmek için css'e padding verip yaparsanız herkez için daha iyi olacaktır.isterseniz ss verebilirim goruntusu şeklinde.

Ekran görüntüsü verir misiniz ? Genişliği % ile yaptım.O yüzden her bilgisayarda aynı görünmesi lazım.

Güzel olmuş :)

+

Sizdende böyle başarılı birşey beklerdi zaten :)

Yorumlarınız için teşekkürler.

[L34DRi]

Kodlar eklendi.Konu güncellendi.Arama hatası çözüldü ! v2'yi Kodlamaya başladım

[lord_feyk]

teşekkürler gzl olmus.

[Mete]

Bu kodları kod dostunda ve bir SMF temasında görmüştüm :)

[L34DRi]

Bu kodları kod dostunda ve bir SMF temasında görmüştüm :)

Kodları görmüş olmanız imkansız çünkü ben kodluyorum.Belki benzer bir panel görmüşsünüzdür.Ayrıca MyBB uyumlusunu ilk kez ben kodluyorum.

[Virüs]

Güzel olmuş uğraşınıza değmiş,elinize sağlık :)

[L34DRi]

Güzel olmuş uğraşınıza değmiş,elinize sağlık :)

Teşekkür ederim.Bir tema yapıyorum Revision Theme ondan sonra v2'yi yayınlayacağım.

[Virüs]

Takipteyim :)

[● LคѕтΈηєму ●]

Teşekkürler Hocam, Temanızı Bekliyorum :)

[Thanatos]

Bence Sabit Olmamalı Temayı Bozar

[AloneBoss]

Eline sağlık, güzel olmuş. Arkaplan renginin yerine thead resimleri gibi farklı resimler koyarak çeşitlendirebilirsiniz.

[L34DRi]

Bence Sabit Olmamalı Temayı Bozar

Kodunu veririm isteyen sabit kullanır isteyen normal olark kullanır.

Eline sağlık, güzel olmuş. Arkaplan renginin yerine thead resimleri gibi farklı resimler koyarak çeşitlendirebilirsiniz.

Güzel fikir adminim.Ben facebooka benzesin diye bu şekilde yaptım.Ama bir denerim iyi olursa paylaşırım :) Yorumunuz için teşekkürler.

[Walking Dead]

Güzel Kullanıyorum....

[L34DRi]

Güzel Kullanıyorum....

Teşekkürler.Arkadaşlar burdan belirteyim.Bu konu ve diğer konularımın benden izinsiz kullanılması yasaktır.Ancak konunun linkini kaynak olarak belirterek kullanabilirsiniz.