Temmuz 29

İpucu kodu - JavaScript

Kategori: JavaScript   Yazan: Hüseyin    201 defa okunmuş. 1 Yorum »

Sizlere daha önce bir çok yerde ipucu görüntülemek için kullandığım şeffaf yapı kodlarını sunmak istiyorum.

Buradan bir örneğini görebilir ve dilerseniz sitelerinize uygulayabilirsiniz. Bu kodun amacı bir buton yada bir yazımıza yaptığımız title (Açıklama) kısmını daha renkli daha çekici bir şekilde sunmaktır. Verilen örnekte de deneme adlı yazının üzerine geldiğimizde renkli bir pencere içerisinde ister istediğimiz bir resim istersek te istediğimiz bir yazıyı yayınlayabiliyoruz.
Bu yapıyı kendi sitemizde kullanabilmemiz için bize aşağıda sunacağım iki yapıyı kullanmamız gerekiyor. Birincisi main.css(style lerin bulunduğu dosya) ve ikincisi html kodumuzun içerisinde yer alacak olan javascript kodları.

Devamını Oku… »

Temmuz 22

Değişen Resim JavaScript Kodu

Kategori: JavaScript   Yazan: Hüseyin    1300 defa okunmuş. 5 Yorum »

Sizlere kendi sitemde yeni kullanmaya başladığım şu sağ tarafta olan değişen resim için gereken js kodundan bahsetmek istiyorum. Aşağıda verdiğim kodu resimlerin görünmesi istediğiniz yere koymanız ve resim adreslerini de dizi içerisinde benim belirttiğim gibi belirttiğiniz taktirde ister blog sayfanızda ister kişisel sayfanızda bunu kullanabilirsiniz.

Devamını Oku… »

Temmuz 19

Yazarlar ve Yazıları Eklentisi.

Kategori: JavaScript   Yazan: Hüseyin    818 defa okunmuş. 3 Yorum »

Sizlere blogumda kullanmakta olduğum yazarlar kısmının kodlamasından bahsetmek isterim. Bu kodlama birkaç yapının birleşmesi sonucunda meydana gelmektedir. En iyisi yavaştan yavaştan nasıl yapacağımızı anlatmaya gelelim.

Öncelikle hazır kodlardan oluşan kullanıcak olduğumuz rsstickerajax adlı kod dosyalarımızı buradan indirelim. Ek olarak isterseniz bu kodlarla ilgili örneklere kendi sayfasından ulaşabilirsiniz.

Şimdi elimizde rsstickerajax adlı bir klasör var ve içerisinde rssticker.js , demo.htm ve lastrss diye bir klasör var bu klasörün içerisinde de lastRSS.php , bridge.php ve cache diye bir klasör var.

lastrss klasörünü mesela www.huseyinalkan.com/lastrss olacak şekilde hostumuzdaki ana klasöre kopyalıyoruz. Buraya kopyalamamızın herhangi özel bir amacı yok. Blog sayfamız içerisinden bunların yolunu tanımlıyacağımız için herhangi bir yere kopyalayabiliriz. Ben bende yaptığım şekliyle size aktarıyorum. lastrss klasörünü kopyaladıktan sonra yine ana klasöre rssticker.js dosyasını da kopyalıyoruz. Yani elimizde şöyle birşey olmuş oluyor.
Daha fazla...http://www.huseyinalkan.com/lastrss
http://www.huseyinalkan.com/rssticker.js

Şimdi Wordpress yönetim paneline geçip görünümden Tema Editörüne geçiyoruz. Yan menüden Üst kısım diye geçen header.php dosyasını açıyoruz. orada iki head arasına

CODE:
  1. </p>
  2. <p><script xsrc="/rssticker.js" mce_src="/rssticker.js" type="text/javascript"></script><br>

yazıyoruz ve kaydediyoruz.

Daha sonrasında yazarlar kısmının görünmesini istediğimiz yere benim kendi sayfam için yaptığım ve isteğinize göre değiştirebileceğiniz aşağıdaki kodu kopyalıyoruz.

CODE:
  1. </p>
  2. <table class="mceVisualAid" border="0" cellspacing="0" width="195">
  3. <tbody><tr height="89">
  4. <td class="mceVisualAid" valign="top"><script type="text/javascript"><br />
  5. document.write("<b>Hüseyin ALKAN:</b>")<br />
  6. new rssticker_ajax("huseyinalkan", 1600, "huseyinalkan", "huseyinalkan", 3500)<br />
  7. </script><br></td>
  8. <td class="mceVisualAid" height="60" valign="top" width="43"><a href="/author/admin/" mce_href="/author/admin/"></a><p>&nbsp;</p>
  9. <table id="table1" style="border-collapse: collapse;" border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="2" height="55" width="43">
  10. <tbody><tr>
  11. <td bgcolor="#ffffff"><a href="/author/admin/" mce_href="/author/admin/"><br>
  12. <img src="http://www.huseyinalkan.com/wp-content/avatars/huseyin.jpg" mce_src="http://www.huseyinalkan.com/wp-content/avatars/huseyin.jpg" alt="huseyinalkan" title="huseyinalkan" style="padding: 1px 4px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" height="55" hspace="2" vspace="2" width="40"></a></td>
  13. </tr>
  14. </tbody></table>
  15. <p>&nbsp;</p></td>
  16. </tr>
  17. <tr>
  18. <td class="mceVisualAid" bgcolor="#ffffff"><a href="/author/filizalkan/" mce_href="/author/filizalkan/"><br>
  19. <img src="http://www.huseyinalkan.com/wp-content/avatars/filiz.jpg" mce_src="http://www.huseyinalkan.com/wp-content/avatars/filiz.jpg" alt="filizalkan" title="filizalkan" style="padding: 1px 4px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" height="55" hspace="2" vspace="2" width="40"></a></td>
  20. </tr>
  21. </tbody></table>
  22. <p>&nbsp;</p><p>

Şimdiki aşamada yapmamız gereken FeedBurner dan blog umuz için bir hesap alıp her yazar için rss almak.

Benim blog için aldklarım şunlar.

http://feeds.feedburner.com/huseyinalkanblog/huseyinalkan
http://feeds.feedburner.com/huseyinalkanblog/filizalkan

Bu aldığımız adresleri ana hostumuzun içerisine kopyaladığımız lastrss dizini içerisindeki bridge.php dosyasının içerisindeki 23 ve 24. satırlardaki gibi aşağıdaki alana aşağıdaki gibi kopyalıyoruz.

CODE:
  1. </p>
  2. <p>// List of RSS URLs<br>
  3. $rsslist=array(<br>
  4. "filizalkan" =&gt; "http://feeds.feedburner.com/huseyinalkanblog/filizalkan",<br>
  5. "huseyinalkan" =&gt; "http://feeds.feedburner.com/huseyinalkanblog/huseyinalkan",<br>
  6. "slashdot" =&gt; "http://rss.slashdot.org/Slashdot/slashdot",<br>
  7. "dynamicdrive" =&gt; "http://www.dynamicdrive.com/export.php?type=new"<br>
  8. );</p>
  9. <p>

Burada yazan filizalkan ve huseyinalkan değişkenlerini biraz evvel verdiğim yazarlar kısmının görünmesi için yazdığımız koda yerleştiricez.

Yazarlar kısmının görünmesi için yerleştirdiğimiz kod içerisinde ki şu satırlara bakalım.

CODE:
  1. </p>
  2. <p><script type="text/javascript"><br />
  3. document.write("<b>Filiz ALKAN:</b>")<br />
  4. new rssticker_ajax("filizalkan", 1600, "admin", "admin", 3500)<br />
  5. </script><br>

burada bridge.php de yazdığımız isimleri kullanacağız. filizalkan bir yazar olduğu için yanındaki değerlerde geçen admin isimleri öyle kalıcak.

Admin için ise benimkinde olduğu gibi admin yerine huseyinalkan yazılacak.

Bunları yaptıktan sonra yazarlar kısmı benim sitede olduğu gibi çalışacaktır. Eğer atladığım bir yer yada anlamadığınız yada deneyip de çalışmayan kısımlar olursa yardımcı olurum.

Nisan 13

JavaScript ve Css Örnek Kod

Kategori: İnternet Dilleri, JavaScript   Yazan: Hüseyin    645 defa okunmuş. 1 Yorum »

Buyrun size sitemde kullandığım resim yada link lerin üzerine geldiğimiz zaman karşımıza çıkan transparan ipucu yazı ekranı.

Kod ipucu.htm ve main.css dosyalarından oluşmakta. ipucu.htm nin içerisinde javascript kodu yer alıyor. css nin içerisinde ise pencerenin renk ve çerçevelerinin yapısı yer alıyor.

Devamını Oku... »

Kapat
E-posta ile paylaş