Seyit Altunkaş » javascript http://www.seyitaltunkas.com Karalama Defterim... Thu, 26 May 2011 23:29:56 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 İnternet Explorer heading tag sorunu http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html#comments Tue, 14 Dec 2010 22:53:31 +0000 Seyyid http://www.seyitaltunkas.com/?p=245 Bu internet explorer çıldırtacak beni.Tamamen web tasarımcılara karşı yapılmış bir tarayıcı olduğunu düşünmeye başladım. Css çalışırsınız ayrıca internet explorer için onu fixlersiniz, script kullanırsınız çalışmaz, div’lerde kaymalar olur… vs vs uzar gider bu internet explorerin gıcıklıkları. En son huyunuda yeni öğrendim. h1,h2…h6 ya kadar heading tag destekliyormuş. Yani siz h7 diye bir tag yaratmaya kalkarsanız malesef bu internet explorerde çalışmaycak.

Ktü İtiraf için içerikleri h7 tagla yazmıştım. İnternet explorerla siteye bakana kadar hiç bir sorun olmadığını sanıyordum. Uğraştım, araştırdım sonra bir çözüm yolu buldum.

Yapmamız gereken şey <head>..</head> arasına şu kodu yazmak.

  
<script type="text/javascript">document.createElement('h7');</script>

Daha sonra <h7>Yazımız</h7> olarak kullandığımızda internet explorerde sorunsuz olarak görünecektir.

buradaki h7 tagını kafamıza göre değiştirebilirz. Örneğin:

  
<script type="text/javascript">document.createElement('benimtagim');
</script>

gibi ekleyebilir ve <benimtagim>Yazımız</benimtagim> gibi kullanabiliriz.

Tabiki kullanacağınız tagların css biçimlendirmelerini yapmayı unutmayın…

]]> http://www.seyitaltunkas.com/web-tasarim/java-script/internet-explorer-heading-tag-sorunu.html/feed 0 Joomla 1.5.x Popup Login Modülü http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html#comments Mon, 11 Jan 2010 21:06:27 +0000 Seyyid http://www.seyitaltunkas.com/?p=172 Joomla ile ilgilendiğim sıralarda bir arkadaşım “Ziyaretçilere Lütfen Üye Olun! diye msj veren bir splash pencere yapabilirmiyiz ?” diye sormuştu. Bende öyle birşey yapmışken bari splash penceredeki yazıyıda modül yönetim panelinden düzenleyebilelim demiştim.Sonra; Yok yok birde içine giriş formu koyalım… Hatta bu giriş formu hem splashte çıksın hemde modul pozisyonunda… Ya bu giriş formu tek çeşit olmasa da farklı farklı çeşitlerde olsa ve bunu biz seçebilsek…vs.vs Kısacası işin şeyini çıkarmıştık :) Ama ortaya gerçekten güzel bir şey çıkmıştı. Bilgisayarımın örümcek ağları ile dolmuş arşivlerini kurcalarken bu çalışmamı buldum ve sizlerle paylaşmak istedim…

Yoo Login modülü ile entegreli olarak çalışan Popup Login modülümüz ziyaretçilerinize splash pencereler açmanızı ve bu splah pencereler içinde birbirinden farklı 4 giriş formunu göstermenizi sağlar. Ayrıca splash pencere ile birlikte modül pozisyonunda da giriş formunu göstermenizi sağlar.

Giriş formunu hem splash pencerede hemde modül pozisyonunda gösterebilirsiniz.

Dediğim gibi modüle Yoo Login formlarını entegre ettim. Yoo Login’in klasik giriş formları olan 4 giriş formunu (Klasik, Klasik yatay, Gri, Gri yatay) Splash pencerede ve modül pozisyonunda farklı farklı kullanabilirsiniz. Örneğin splashte Klasik giriş formunu kullanırken, modül pozisyonunda Gri-yatay giriş formunu kullanabilirsiniz. Form örneklerine aşağıdaki resimlerden bakabilirsiniz.

Normal Giriş Formları:

Klasik Giriş Formu

Gri Giriş Formu

Yatay Giriş Formları:

Klasik Yatay Giriş Formu

Gri Yatay Giriş Formu

Bu giriş formlarının hepsinide ister splash pencere içinde, istersenizde modül pozisyonunda kullanabilirsiniz.  Ayrıca Yoo eklentilerinin şöyle bir özelliği vardı yanlış hatırlamıyorsam: Yoo temalarından birini kullanıyorsanız ve tema css seçiminizde “dark” ise modüllerde otomatik olarak “dark” olmaktadır. Yani bu 4 formun her birinin kendisine ait “dark” modelleride bulunmaktadır. Yani 4×2 = 8 adet giriş formumuz bulunmaktadır :)

Modül hakkında daha detaylı bilgi almak ve modülü indirmek için bir sonraki sayfaya bakabilirsiniz….Modülümüzün gelişmiş bir yönetim paneli bulunmaktadır. Splash pencere ve modül ayarlarını en ince detayına kadar modül yönetim panelinden ayarlayabilirsiniz.

Gelişmiş Modül Yönetim Paneli

Modül yönetim panelinden, giriş formu gösterim yerlerini, splash pencere efekt derecesini, splash pencere özelliklerini, splash pencere mesajını… ve buna benzer bir çok özelliği düzenleyebilirsiniz. Modül ayarları için paneldeki açıklamaları takip edebilirsiniz.

Önemli:

  • Modülü çok önceden yaptığım için kullandığım splash efekt java kodu güncel bir kod değildir, bazı bugları mevcuttur, bu yüzden splash efekti şu an sadece İE de düzgün olarak çalışmaktadır. Mozilla 3.x sürümünde splash efekti çalışmamaktadır.
  • Bazı temalarda splash pencere arka planı görünmemektedir. Bunu düzeltmek için modül pozisyonunu değiştirebilirsiniz.
  • Modül üzerinde fazla uğraşmadığım için buna benzer bugların olması olasıdır. Karşılaştığınız sorunları bana bildirirseniz yardımcı olmaya çalışırım.
  • Popup Login Modülü için yoğun istek olursa, bu modülün yeni özellikler eklenmiş ve bugları fixlenmiş yeni sürümünü yazabilirim.

Download

Popup Login Modülü

]]> http://www.seyitaltunkas.com/web-tasarim/joomla/joomla-1-5-x-popup-login-modulu.html/feed 5 WordPress’te editör butonu yapmak http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html#comments Mon, 28 Dec 2009 18:41:17 +0000 Seyyid http://www.seyitaltunkas.com/?p=8 WordPress’de yazı yazarken bazen elimizle kod eklemek zorunda kalıyoruz ve bu oldukça zor oluyor. Nitekim diğer sitem olan “sesli masal” da bu zorluğu çok çekiyordum. Bu yazımda size kodlarınızı otomatik olarak eklemeye yarayacak editör butonu yapımını anlatacağım.

Editör butonu eklemek için  wp-includes/js/quicktags.js adlı javascript dosyasını açalım.

Ekleyeceğimiz kod:

  
edButtons[edButtons.length]=new edButton (“ed_strong”,”Buton ismi”,”Ekleyeceğimiz Kod”,”",”");

Ben bu kodu 4. satırdan sonra ekledim. Bu kodu eklerken dikkat etmeniz gereken noktalar ise şunlardır. Ekleyeceğimiz kodlar arasında fazladan başluklar var ise onları silmeliyiz. Ayrıca kod bölümüne eklediğiniz kodlar arasında ” (çift tırnak) işaretini kullanacaksanız her ” işaretindne önce \ kullanın. Örneğin:

  
<a href=\"http://www.adres.com\">Yazı</a>

Daha detaylı örnek için benim kullandığım ve “sesli masal” da oyun eklerken önce adsense reklamı daha sonra oyunu açan kodu yazayım:

edButtons[edButtons.length]=new edButton("ed_strong","Oyun Ekle","<script type=text/javascript>setTimeout('gizle()',10000);function gizle(){var x=document.getElementById('reklam').style;var y=document.getElementById('oyun').style;if(x.display=='block'){x.display='none';y.display='block';}else{x.display='block';y.display='none';}}</script><div id='reklam' style='display:block' align='center'><p><strong>Reklami Gecmek icin Tiklayin...</strong></p><p><script type='text/javascript'>google_ad_client='pub-9921948231493735';google_ad_slot = '6000135355';google_ad_width=336;google_ad_height=280;</script><script type='text/javascript'src='http://pagead2.googlesyndication.com/pagead/show_ads.js'></script></p><p><img src='http://www.seslimasal.net/wp-content/themes/masal/images/yukleniyor.gif'/><br/><strong>Oyun Yukleniyor Lutfen Bekleyin...</strong></p></div><div id='oyun' style='display:none' align='center'><div id='swf' align='center'>[SWF]/swf/OYUN.swf,485,485[/SWF]<br/><table><tr><td><img src='http://www.seslimasal.net/wp-content/themes/masal/images/tam-ekran.png' width='32' height='32' alt='Tam Ekran Oyna'></td><td><a href='#' onclick='javascript:window.open(\"http://www.seslimasal.net/swf/TAM-EKRAN.swf\",\"\",\"toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,\");return false'>Tam Ekran Oyna</a></td></tr></table><br/></div></div>","","");

Tabiki bunlara yapmadan önce wp-includes/js/quicktags.js ‘nin yedeğini almanızı tavsiye ederim…

]]> http://www.seyitaltunkas.com/web-tasarim/word-press/wordpresste-editor-butonu-yapmak.html/feed 0