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
İndex sayfanızın
body tagları arasına
kodlarını yapıştırın. Okul adlarını değiştirin.
kullanılan resim ve örnek index dosyası
kullandığım resmin psd si
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>
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 -->
<!-- ================================================ -->
kullanılan resim ve örnek index dosyası
kullandığım resmin psd si