Bilgisayar-Bilişim Teknolojileri
Ana Sayfa
Bilişim Teknolojileri Forumu Son Konuları
24 Saat
Bilişim Teknolojileri - Formatör - Bilgisayar Öğretmeni Kayıt
Kayıt Olun
iletişim
iletişim
Detaylı Arama
Arama

sitenize 29 Ekim için Jquery pop up resim

Konu, 'Önemli Günler ve Haftalar' kısmında eemree tarafından paylaşıldı.


Sayfayı Paylaş /bbnetsosyal

  1. eemree

    eemree Süper Üye Süper Üye

    Kayıt:
    29 Temmuz 2007
    Mesajlar:
    2.115
    Beğeni:
    24
    sitenize 29 Ekim için ekleyebileceğiniz uygulaması çok kolay
    jquery pop up dosyası hazırladım html de de çalışır.
    örneği burada:
    http://kartalcumhuriyet.meb.k12.tr/
    Tek dikkat etmeniz gereken şey sitenizdeki flashların Vmode:Transparent olarak ayarlanmalı (popup ın flashların üstündede açılması için)
    ekteki dosyada
    kütüphane klasörünü doğrudan ftp den sitenize yollayın.
    index.htm sayfası hem örnek, hemde kodlar için. Sitenizin index sayfasına burdaki kodları ekleyip uygulamayı yapabilirsiniz.

    daha basit anlatım olarak İndex sayfanızın
    head tagları arasına
    Kod:
            <!-- css dosyaları -->
    
            <link rel="stylesheet" href="kutuphane/css/abPopup.css" media="all" type="text/css" />
    
            <!-- jquery dosyalar' -->
    
            <script type="text/javascript" src="kutuphane/js/jquery.lastest.min.js"></script>
    
            <script type="text/javascript" src="kutuphane/js/abPopup.js"></script>
    
            <script type="text/javascript">
    
                $(function() {
    
                   $('#popup5').abPopup
    
                   ({
    
                       'acilis'         : 'otomatik',
    
                       'pozisyon'       : 'ortala,ortala',
    
                       'arkaplan'       : '#000',
    
                       'arkaplanSaydam' : '0.6',
    
                       'htmlTag'        : '.ab-kapat',
    
                       'siyahCerceve'   : true,
    
                       'esc'            : true
    
                   });
    
                });
    
            </script> 
    İndex sayfanızın
    body tagları arasına
    Kod:
     <!-- ================================================ -->
    
    <!-- ! abPopup baslangic                              -->
    
    <!-- ================================================ -->
    
        <div id="popup5">
    
            <div id="abPopup">
    
                <div id="ab-ust">
    
                    <a href="#" class="ab-kapat">Kapat</a>
    
                    <h2 id="ab-baslik">Cumhuriyet Bayramımız Kutlu Olsun</h2>
    
                </div><!-- ab-ust DIV kapanis -->
    
                <div id="ab-orta">
    
                    <p>
    
                      <img src="kutuphane/resim/cumhuriyet.jpg" alt="Kartal Cumhuriyet İlköğretim Okulu" />
    
                    </p>
    
                </div><!-- ab-orta DIV kapanis -->
    
                <div id="ab-alt">
    
                    <p>
    
                        Kartal Cumhuriyet İlköğretim Okulu
                    </p>
    
                </div><!-- ab-alt DIV kapanis -->
    
            </div><!-- abPopup DIV kapanis -->
    
    </div>   
    
    <!-- ================================================ -->
    
    <!-- ! abPopup bitis                                  -->
    
    <!-- ================================================ -->
    kodlarını yapıştırın. Okul adlarını değiştirin.

    kullanılan resim ve örnek index dosyası



    kullandığım resmin psd si
     

    Ekli Dosyalar:

  2. teksen

    teksen Hiperaktif Üye Hiperaktif

    Kayıt:
    27 Mayıs 2007
    Mesajlar:
    3.540
    Beğeni:
    0
    teşekkürler hocam,
    sağolun....
     
  3. bt3468

    bt3468 Seçkin Üye Seçkin Üye

    Kayıt:
    9 Nisan 2011
    Mesajlar:
    362
    Beğeni:
    2
    jomla da çalışırmı bu kodlar
     
  4. alican44

    alican44 Seçkin Üye Seçkin Üye

    Kayıt:
    7 Mayıs 2010
    Mesajlar:
    578
    Beğeni:
    2
    :+1:
     
  5. eemree

    eemree Süper Üye Süper Üye

    Kayıt:
    29 Temmuz 2007
    Mesajlar:
    2.115
    Beğeni:
    24
    çalışır muhtemelen
    index.php ye yapıştırın olur hocam
     
  6. masterkartall

    masterkartall Seçkin Üye Seçkin Üye

    Kayıt:
    7 Eylül 2008
    Mesajlar:
    337
    Beğeni:
    0
    teşekkürler hocamm :+1:
     
  7. unteach

    unteach Site Gezgini

    Kayıt:
    2 Ocak 2008
    Mesajlar:
    39
    Beğeni:
    0
    hocam elinize sağlık fakat bende pencerenin çerçevenin sağ kısmı 89 daki 9un yarısından sonrası ve üst taraftaki kutlama mesajı gözükmüyor sebebi nedir acaba? çerçevede sıkıntı var yani. teşekkürler.
     
  8. eemree

    eemree Süper Üye Süper Üye

    Kayıt:
    29 Temmuz 2007
    Mesajlar:
    2.115
    Beğeni:
    24
    çözünürlükten olabilir hocam.
    bilgisayarın çözünürlüğünü değiştirip deneyebilirsiniz.
    Olmazsa css belgesinde kullanılan
    dosyaların özellikleri var ordan biraz oynayıp resmi ve çerçeveyi küçültebilirsiniz.
     
  9. toprak60

    toprak60 Seçkin Üye Seçkin Üye

    Kayıt:
    4 Eylül 2009
    Mesajlar:
    928
    Beğeni:
    1
    hocam bende de aynı sorun olmuştu
    ufak tefek değişiklikler yaptım bende düzeldi, belki işine yarar diye ekleyim dedim...
    Ha bu arada benim de explorer da düzgün çalışıyor ama chrome ve mozilla da resimin olduğu yerde arada bir yer çıkmıyor.
    ama bu saatte bu kadar :D

    eemree arkadaşım ellerine sağlık
     

    Ekli Dosyalar:

  10. lleoni510

    lleoni510 Seçkin Üye Seçkin Üye

    Kayıt:
    7 Eylül 2007
    Mesajlar:
    559
    Beğeni:
    2
  11. aliş

    aliş Site Gezgini

    Kayıt:
    7 Ekim 2007
    Mesajlar:
    76
    Beğeni:
    0
    Hocam öncelikle teşekkürler.
    Chrome de sorun yok ama internet explorer da transparan yapmama rağmen flashlar üste çıkıyor. Neden olabilir acaba?
    http://www.srsal.k12.tr/
     
  12. deftones

    deftones Seçkin Üye Seçkin Üye

    Kayıt:
    24 Eylül 2009
    Mesajlar:
    377
    Beğeni:
    1
    Teşekkürler
     
  13. sadece susarak

    sadece susarak Seçkin Üye Seçkin Üye

    Kayıt:
    4 Şubat 2012
    Mesajlar:
    687
    Beğeni:
    0
Yüklüyor...

Sayfayı Paylaş /bbnetsosyal