Merih Forum Başlangıç Duyurular Merih Portal v2.0

  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Merih Portal v2.0

 
#1

MyBB için Portal Eklentisi
eklenti.png Eklenti ismi: Merih Portal v2.0 
yapimci.png Eklenti Yapımcısı: Merihforum
cevirmen.png Türkçe Çeviri: Merihforum
guvenlik.png Eklenti Güvenlimi ?: Güvenli onay.png
versiyon.png Eklenti Versiyonu: 2.0
arac.png Test Durumu: Denemiştir-sorunsuz onay.png
mybb.png Uyumlu Olduğu Sürüm-(ler): MyBB 1.6.x - 1.8.X (1.6 Test edilmedi)
aciklama.png Eklenti Açıklaması:  açılır menü, haber slayt, öne çıkan konular, 2.bir slayt. ücretsiz
kurulum.png 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.
Br5jMD.png
2.
ZZPlDk.png
3.
ld6A7E.png
4.
nR347R.png



Ara
Cevapla

 
#2

güzelmiş



Ara
Cevapla


[-]
Hızlı Cevap

İnsan Doğrulama:
Aşağıda görünen onay kutusunu işaretleyiniz. Bu işlem otomatik spam kayıtları önlemek için kullanılır.

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Merih Portal Tasarım v1.0 Admin 0 1,723 16-04-2017, Saat: 11:36
Son Yorum: Admin

Digg   Delicious   Reddit   Facebook   Twitter   StumbleUpon  


Konuyu Okuyanlar:
1 Ziyaretçi

   
Türkçe Çeviri: MCTR, Forum Yazılımı: MyBB, © 2002-2020 MyBB Group.  



Merih Forum® bilgi paylaşım platformu. 2015-2020 Tüm hakları saklıdır.