MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
merihforum avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Merih Portal v2.0


Sponsor Reklam

Çevrimdışı merihforum
 Tarih: 06-05-2017, Saat:19:25
(Son Düzenleme: 06-05-2017, Saat:19:36, Düzenleyen: merihforum.)
#1
MyBB için Portal Eklentisi
resim Eklenti ismi: Merih Portal v2.0 
resim Eklenti Yapımcısı: Merihforum
resim Türkçe Çeviri: Merihforum
resim Eklenti Güvenlimi ?: Güvenli resim
resim Eklenti Versiyonu: 2.0
resim Test Durumu: Denemiştir-sorunsuz resim
resim Uyumlu Olduğu Sürüm-(ler): MyBB 1.6.x - 1.8.X (1.6 Test edilmedi)
resim Eklenti Açıklaması:  açılır menü, haber slayt, öne çıkan konular, 2.bir slayt. ücretsiz
resim Eklenti Kurulumu:

Merhaba arkadaşlar.
2.versiyondan kaldığımız yerden devam. İkinci bu tasarım kuruluma geçelim.

yükleyeceklerimiz

1. açılır menü
2. haber slayt
3. öne çıkan konular
4. ikinci bir slayt

Dördününde tek dosyada topladım ;

Buradan






1.Açılır Menu

Admin Panel >> Temalar & Şablonlar >> Şablonlar >> Temanız >> Portal Sayfası Şablonlar >> Portal ;
Açılır menü butonları benim koyduğum yer {$welcomeblock}  </div><br /><br /> <div id="mbox" style="margin-top: -1px;"> altına aşağıdaki kodları kopyala-yapıştırın.
Açılır menü butonların yanındaki ikonlar portalbutton un içinde. Ondan dolayı bu klasörü ana dizine göndermeniz gerekiyor. Farklı bir yerde toplayacaksanız tüm ikonlara yolu belirtin.

PHP Kod:
<link rel="stylesheet" href="portalbutton/mbcsmbmcp.css" type="text/css" />
<
div id="mbmcpebul_wrapper" style="max-width:1040px;" >
 
 <ul id="mbmcpebul_table" class="mbmcpebul_menulist css_menu">
 
 <li><div class="buttonbg gradient_button gradient70"><div class="icon_1"><a>Anasayfa</a></div></div></li>
 
 <li><div class="buttonbg gradient_button gradient70" style="width: 153px;"><div class="arrow"><div class="icon_2"><class="button_2" href="http://merihforum.com/index.php">FORUM</a></div></div></div>
 
   <ul class="img_32">
 
   <li><class="with_img_32 with_arrow" title=""><img src="portalbutton/mbico_mbmcp_1.png" alt="" />Android</a>
 
     <ul class="img_32">
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_2.png" alt="" />Play Store</a></li>
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_3.png" alt="" />yardım</a></li>
 
     <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_4.png" alt="" />Genel</a></li>
 
     </ul></li>
 
   <li><class="with_img_32 with_arrow" title=""><img src="portalbutton/mbico_mbmcp_5.png" alt="" />Programlama</a>
 
     <ul class="img_32">
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_6.png" alt="" />Web Tasarım</a></li>
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_7.png" alt="" />Java</a></li>
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_8.png" alt="" />C# C++</a></li>
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_9.png" alt="" />PHP</a></li>
 
     <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_10.png" alt="" />Diğer</a></li>
 
     </ul></li>
 
   <li><class="with_img_32 with_arrow" title=""><img src="portalbutton/mbico_mbmcp_11.png" alt="" />Bilgisayar</a>
 
     <ul class="img_32">
 
     <li><class="with_img_32 with_arrow" title=""><img src="portalbutton/mbico_mbmcp_12.png" alt="" />Tarayıcı</a>
 
       <ul class="img_32">
 
       <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_13.png" alt="" />Edge ie</a></li>
 
       <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_14.png" alt="" />Chrome</a></li>
 
       <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_15.png" alt="" />Mozilla</a></li>
 
       <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_16.png" alt="" />Safari</a></li>
 
       <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_17.png" alt="" />Opera</a></li>
 
       </ul></li>
 
     <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_18.png" alt="" />Arıza</a></li>
 
     </ul></li>
 
   <li><class="with_img_32 with_arrow" title=""><img src="portalbutton/mbico_mbmcp_19.png" alt="" />Telefon</a>
 
     <ul class="img_32">
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_20.png" alt="" />Arşiv</a></li>
 
     <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_21.png" alt="" />Hile Hurda</a></li>
 
     <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_22.png" alt="" />Sorun Çözüm</a></li>
 
     </ul></li>
 
   <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_23.png" alt="" />Oyun</a></li>
 
   <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_24.png" alt="" />Yardım</a></li>
 
   </ul></li>
 
 <li><div class="buttonbg gradient_button gradient70" style="width: 138px;"><div class="icon_3"><a>GÜNCEL</a></div></div></li>
 
 <li><div class="buttonbg gradient_button gradient70"><div class="icon_4"><class="button_4">ARA</a></div></div></li>
 
 <li><div class="buttonbg gradient_button gradient70" style="width: 133px;"><div class="icon_5"><a>SİNEMA</a></div></div></li>
 
 <li><div class="buttonbg gradient_button gradient70" style="width: 148px;"><div class="icon_6"><a>KONSOL</a></div></div></li>
 
 <li><div class="buttonbg gradient_button gradient70" style="width: 138px;"><div class="arrow"><div class="icon_7"><class="button_7">İRTİBAT</a></div></div></div>
 
   <ul class="img_32">
 
   <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_25.png" alt="" />destek@destek.com</a></li>
 
   <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_26.png" alt="" />Telefon Fax</a></li>
 
   <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_27.png" alt="" />Facebook</a></li>
 
   <li><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_28.png" alt="" />Twitter</a></li>
 
   <li class="last_item"><class="with_img_32" title=""><img src="portalbutton/mbico_mbmcp_29.png" alt="" />Youtube</a></li>
 
   </ul></li>
 
 </ul>
</
div>
<!-- 
takıldığınız yer olursa merihforum.com da sorun -->
<
script type="text/javascript" src="portalbutton/mbjsmbmcp.js"></script> 


2.Haber Slayt

Bunu iframe ile ftp den çekiyoruz. Şablona eklemeler yaparakda olabiliyor lakin o zaman kenardan köşeden bir yerden mutlaka bozulmalar olabiliyor. Her ne kadar botlar iframe sevmesede

Admin Panel >> Temalar & Şablonlar >> Şablonlar >> Temanız >> Portal Sayfası Şablonlar >> Portal ;

Dilediğiniz bir yere şu kodları kopyala-yapıştırın

PHP Kod:
<iframe id="slider" align="center" src="portalslayt/example.html" width="1200" height="584" frameborder="no" ></iframe
 
yandex den indireceğiniz merih portal ın içindeki portalslayt ana dizine atılmış şeklinde tanımlandı başka yere atacaksanız src="" yerinde yolu belirtin.
example.html nin içinde ki :
.slide > ul > li {
    list-style: none;
    min-height: 500px;
    
500 pixel yazan yerle oynayabilirsiniz.
Linkleri yazıları kendinize göre düzenleyin. Daha fazla haber-resim de eklenebilir size kalmış.

3.Öne Çıkan Konular

Bendeki şu şekilde
portal şablonunda:

PHP Kod:
<div class="one-cikan-konu-alan">
 
                   <div class="one-cikan-konu">
 
                       <div class="one-cikan-konu-ust">
 
                           <h4 class="baslik">DOTA 2 Battle Pass 2017</h4>
 
                           <img class="resim" src="http://cdn.dota2.com/apps/dota2/images/blogfiles/bl_bpimg_2017.jpg" alt="" />
 
                       </div>
 
                       <div class="one-cikan-konu-icerik">
 
                           <class="aciklama">$5,346,280
mevcut ödül havuzu
.
USA Seattle'da gerçekleşecek olan savaş da ufukta göründü. Mücadele Bileti satışlarının %25'i doğrudanThe International ödül havuzuna gider.</p>
 
                       </div>
 
                       <div class="one-cikan-konu-alt">
 
                           <a href="http://merihforum.com/thread-974-post-1632.html#pid1632" class="devami">Konuyu Görüntüle</a>
 
                       </div>
 
                   </div>
 
                   <div class="one-cikan-konu">
 
                       <div class="one-cikan-konu-ust">
 
                           <h4 class="baslik">Orta Doğu Karışıyor</h4>
 
                           <img class="resim" src="http://www.haberiyakala.com/assets/uploads/images/content/2015/04/08/cropped_content_iran-aden-korfezine-savas-gemilerini-gonderdi_7kHxiWY19h0pjP7.jpg" alt="" />
 
                       </div>
 
                       <div class="one-cikan-konu-icerik">
 
                           <class="aciklama">Rusya ve ABD akdenizi gemiye boğdu.</p>
 
                       </div>
 
                       <div class="one-cikan-konu-alt">
 
                           <a href="http://merihforum.com/showthread.php?tid=728" class="devami">Konuyu Görüntüle</a>
 
                       </div>
 
                   </div>
 
                   <div class="one-cikan-konu">
 
                       <div class="one-cikan-konu-ust">
 
                           <h4 class="baslik">Wot Sarıyor</h4>
 
                           <img class="resim" src="http://www.loadthegame.com/wp-content/uploads/2014/12/World-of-Tanks-MMORPG.jpg" alt="" />
 
                       </div>
 
                       <div class="one-cikan-konu-icerik">
 
                           <class="aciklama">World Of The Tank yüksek kalitede bir oyun</p>
 
                       </div>
 
                       <div class="one-cikan-konu-alt">
 
                           <a href="http://merihforum.com/forum-113.html" class="devami">Konuyu Görüntüle</a>
 
                       </div>
 
                   </div>
 
                   <div class="one-cikan-konu">
 
                       <div class="one-cikan-konu-ust">
 
                           <h4 class="baslik">Castle Clash 19 Nisan Güncelleme</h4>
 
                           <img class="resim" src="http://i.hizliresim.com/R0NprG.png" alt="" />
 
                       </div>
 
                       <div class="one-cikan-konu-icerik">
 
                           <class="aciklama">Yeni kahramanYeni PetYeni Savaş Alanı.</p>
 
                       </div>
 
                       <div class="one-cikan-konu-alt">
 
                           <a href="http://merihforum.com/thread-867-post-1497.html#pid1497" class="devami">Konuyu Görüntüle</a>
 
                       </div>
 
                   </div>
 
               </div

temanın global css en alta da şu :

PHP Kod:
.one-cikan-konu-alan {
 
   margin-8px 18px -8px;
 
   overflowhidden/* FIX */
}

.
one-cikan-konu {
 
   background-color#FAFAFA;
 
   widthcalc(25% - 18px);
 
   floatleft;
 
   margin0 8px;
 
   border1px solid #ddd;
 
   border-radius4px;
}

.
one-cikan-konu-ust {
 
   background-colortransparent;
}

.
one-cikan-konu-ust h4.baslik {
 
   border-bottom1px solid #ddd;
 
   padding0 16px;
 
   margin0;
 
   text-transformuppercase;
 
   height42px;
 
   line-height42px;
 
   overflowhidden;
 
   text-overflowellipsis;
 
   white-spacenowrap;
}

.
one-cikan-konu-ust img.resim {
 
   widthcalc(100% + 2px);
 
   height200px;
 
   margin-1px;
}

.
one-cikan-konu-icerik {
 
   background-color#FFF;
}

.
one-cikan-konu-icerik p.aciklama {
 
   padding16px;
 
   margin0;
}

.
one-cikan-konu-alt {
 
   background-color#bbb;
}

.
one-cikan-konu-alt a.devami {
 
   border-top1px solid #ddd;
 
   padding0 16px;
 
   height42px;
 
   line-height42px;
 
   text-aligncenter;
 
   displayblock;



4.ikinci bir slayt

indirilen haberslider ana dizine gönderilir ve portal şablonunda istenilen bir yere şu yazılır

PHP Kod:
<iframe id="slider" align="right" src="haberslider/index.html" width="400" height="270" frameborder="yes"</iframe


resimlere link verildiğinden yazısız slayt haberdir ikinci olarak.

---------------

DEMO

-------------

1.
resim

2.
resim

3.
resim

4.
resim
Cevapla
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

İzinli EmreKRMN
 Tarih: 08-05-2017, Saat:15:13
#2
Ortaya baya karışık bir sistem çıkarmışsın, biraz daha düzene sokup bir kaç ekleme ile daha iyilerini yapabilirsin. Bana göre (bir tasarımcı gözünde) iyi olmamış diyebilirim Gülümseme Geliştir biraz daha öyle sunmanı tavsiye ederim. Eğer istersen yardımcı olabilirim Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı VenomBoss
 Tarih: 08-05-2017, Saat:23:29
#3
editlenirse güzel şeyler çıkabilir.
Cevapla
Bunu Beğenenler:

İzinli heedlessness
 Tarih: 09-05-2017, Saat:07:25
(Son Düzenleme: 09-05-2017, Saat:16:31, Düzenleyen: heedlessness.)
#4
Aynen öyle görselleri silip yerine favicon ekleyebilirsin ve css den biraz daha çekici hale getirebilirsiniz hocam.
Cevapla
Bunu Beğenenler:

Çevrimdışı merihforum
 Tarih: 09-05-2017, Saat:11:18
#5
teşekkürler dikkate alıcam
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Merih Portal Tasarım v1.0 merihforum 1 1,373 16-04-2017, Saat:12:28
Son Yorum: VenomBoss
  [MCTR - 1.8] Portal Devam Oku Ekleme Lina39 1 2,086 07-07-2016, Saat:01:59
Son Yorum: alico555
Eklenti - Yama - Plugin [MCTR - 1.8] ABP Zorunlu Portal Eklentisi 1st4n6uL 0 1,587 04-07-2016, Saat:01:11
Son Yorum: 1st4n6uL
  [1.8] Mybb Pro Portal Sorunu Lina39 0 1,913 25-07-2015, Saat:23:48
Son Yorum: Lina39



Konuyu Okuyanlar: 1 Ziyaretçi