http://www.wordpress-tr.com/forum/ WordPress Türkiye Forumları Konu: Ajax XML Ticker Secmece Tv Yayında (yazı galerisi için) en Mon, 01 Dec 2008 22:56:07 +0000 http://www.wordpress-tr.com/forum/topic/6279#post-31000 Paz, 29 Jun 2008 11:46:10 +0000 gevv 31000@http://www.wordpress-tr.com/forum/ <p>Çok Teşekkürler Abi Sayende bu sorunda nihayet çözüldü :) zor iş script bir türlü çözememiştim karşılaştırmalarda işe yaramıyor çok kafa karıştırıyor :D </p> http://www.wordpress-tr.com/forum/topic/6279#post-30998 Paz, 29 Jun 2008 10:44:49 +0000 yakuphan 30998@http://www.wordpress-tr.com/forum/ <p>AjaxTicker scripti normalde mesajları sıra ile çekiyor. Bunu pointer isimli bir değişkeni her seferinde bir artırarak, mesajların tutulduğu dizi elemanlarını sırayla çekiyor. Rastgele göstermesi için bu değişkenin değerini rastgele almak yeterli olacaktı. Bununla ilgili olarak ajaxticker.js dosyasında gerekli düzenlemeyi yaptım. Yapmanız gereken gevv'in anlattıklarını uygularken ajaxticker.js dosyası yerine benimkini kullanmanız. Düzenlediğim halini <a href="http://www.yakupgovler.com/tr/wp-content/dosyalar/ajaxticker.zip">buradan</a> indirebilirsiniz. Dosya içerisindeki index.htm dosyasını açarak scriptin rastgele mesajları gösterdiğini görebilirsiniz. </p> http://www.wordpress-tr.com/forum/topic/6279#post-30962 Cts, 28 Jun 2008 00:24:12 +0000 gevv 30962@http://www.wordpress-tr.com/forum/ <p>Yorumlarınız için Teşekkürler evet benimde çok hoşoma gitti :) görsel olarak çok değişik oldu daha önce hiç bir yerde görmemiştim çok garip herşer bir anda zincirleme oluverdi :) </p> <p>şuan en büyük eksik galerinin rastgele görüntüleme yapmaması hala uğraşıyorum ama bir türlü çözemedim :) nede olsa ajax dilinden anlamıyorum benzer scriptler ile karşılaştırma yapıyorum kod ekle çıkart uğraş dur bir türlü olmadı bu sorunuda çözersek tam olacak :) </p> http://www.wordpress-tr.com/forum/topic/6279#post-30961 Cum, 27 Jun 2008 22:37:38 +0000 ekorkmaz 30961@http://www.wordpress-tr.com/forum/ <p>Harika olmuş. </p> http://www.wordpress-tr.com/forum/topic/6279#post-30925 Cum, 27 Jun 2008 01:40:59 +0000 zeminkat 30925@http://www.wordpress-tr.com/forum/ <p>Güzel bir açıklama ve anlatımda yapılan ve sıkıntılı işlemlerin deneme yanılma sonucu nasıl sonuçlandırdığını anlatmış olman çok iyi olmuş.. Belki kimilerine göre gereksiz gibi görülebilir ama bence çok güzel.. Teşekkür ederim </p> http://www.wordpress-tr.com/forum/topic/6279#post-30904 Per, 26 Jun 2008 14:08:48 +0000 Emrahca 30904@http://www.wordpress-tr.com/forum/ <p>Teşekkürler gevv güzel ve yararlı bir anlatım olmuş. Ellerine sağlık. </p> http://www.wordpress-tr.com/forum/topic/6279#post-30901 Per, 26 Jun 2008 13:12:19 +0000 gevv 30901@http://www.wordpress-tr.com/forum/ <p><img src="http://img517.imageshack.us/img517/1367/ajaxsecmecetvqp4.jpg" alt="null" /></p> <p>Gördüğüm kadarı ile bu sıralar bloglarda yazı galerileri moda kimi eklentiler ile kimi flash ile galerilerini oluşturuyor bende uzun süredir bu olaya kafayı taktım flash ile bir galeri yapmıştım fakat görüntü stediğim gibi olmadı nede olsa hazır program ile yapmıştım ara ara bir kaç deneme oldu ama işe yaramadı en son <a href="http://www.dynamicdrive.com/dynamicindex2/ajaxticker.htm">Ajax XML Ticker (txt file source)</a> scripti buldum txt dosyasından verileri çekip görüntülüyordu bu tam benlik dedim database bağlantısı yok çalışmalara başladım Şuan Sağ menüde bulunan Secmece Tv Haline nasıl geldiğini merak ediyorsanız buyrun<br /> Script Ajax tabanlı benim scriptler hakkında hiç bir bilgim yok sadece kullanmasını biliyorum görümünü güzel efektli geçişleri var aşağıda resimde görüldügü gibi ilgili linkin başlığı ve kısa bir açıklama. ilk etapda bu şekilde kullanacaktım</p> <p><img src="http://img517.imageshack.us/img517/130/ajaxdemona6.png" alt="null" /><br /> bu bilgilerin çekildiği txt dosyasında ise aşağıdaki kodlar var her mesaj için ayrı kod şimdi neler yapmalıyım nasıl temama uygun hale getirim ?</p> <p>tickercontent.txt dosyasında bulunan kodlar</p> <p><img src="http://img255.imageshack.us/img255/4193/adszgs9.png" alt="null" /></p> <p>ilk olarak başlık biraz büyütulmeli renk değiştirilmeli scriptin css kodlarına çeşitli font kodları ekledim dene yanıl olmadı düşündüm temamda yan menüde bölüm başlıkları h2 etiketleri arasında bulunuyor son yorumlar,kategoriler vb. bende txt dosyasında başlığı h3 etiketi içine alırım olur biter dedim işlemi yaptım temamın style.css dosyasına sidebar h2 kodlarını kopyaladım h3 yaptım başlık sorununu çözdüm</p> <p>devamında arka plandaki sarı renk bunuda temada yan menünün rengine uygun yaptım ki o sırada bu rengi belirleyen kodun yerine resim göstermek için gerekli kodu eklesem ne olur dedim uyguladım sarı arka plan rengi yerine arka plan resmi ekledim</p> <p>ajaxticker css kodları</p> <p><img src="http://img525.imageshack.us/img525/9613/adszng8.png" alt="null" /></p> <p>buradaki background-color: yerine</p> <p><img src="http://img59.imageshack.us/img59/8049/adszge9.png" alt="null" /></p> <p>fakat resim biraz garip göründü altta resmin bir parçası daha vardı sebebi eksik olan no-repeat Erhan Abinin bir yazısından aklıma geldi resmin tekrar etmemesi için bu kodun eklenmesi gerekli bakınız <a href="http://www.yakuter.com/css-ile-arkaplan-resmi/">CSS ile Arkaplan Resmi</a></p> <p>ilk aklıma gelen Elektronik devrelerde kullanılan LCD Resmi oldu geriye yazıyı lcd içinde uygun yere oturtmak kaldı padding: margin: kodları ile biraz oynama yaptım oldu birde txt dosyasında<br /> div class= message etiketlerinin içinde bir link ve açıklama var bunu 3 adet yaptım her seferinde 3 link görüntülendi açıklama yazılarını kaldırdım neyse</p> <p>fakat bir türlü uygun lcd görseli bulamadım birde görselde köşeler kalın olduğundan yazı alanı dar oluyordu elimdeki arşivi karıştırıken eski tüplü bir televizyon resmi gördüm güzel olur enteresan onu kullandım oda olmadı yıl 2008 teknolojik olsun LCD Televizyon görsel avına çıktım sizlerlede paylaştığım <a href="http://www1-cdn.euro.dell.com/content/topics/global.aspx/corp/imagebank/en/index?c=rs&#38;l=ru&#38;s=corp&#38;%7Eck=mn">Dell image bank</a> sayfasına ulaştım aradığım resmi buldum photoshop ile biraz işlemek gerekli</p> <p><strong>Photoshop ile yapılan işlemlerin Videosunu hazırladım <a href="http://rapidshare.com/files/125003849/ajax1.rar.html">Buradan </a>indirebilirsiniz</strong></p> <p>birde LCD Tv ekranının içinde karıncalanma görüntüsü olsa daha değişik olur dedim tv karıncalanma görüntüsü avına çıktım <a href="http://forum.pardus-linux.org/viewtopic.php?f=150&#38;t=14855">pardus-linux</a> forumlarından buldum biraz kes biç işlemi ve LCD Ekrana yerleştirme Videoda gördüğünüz gibi</p> <p>buraya kadar tamam ama bir türlü içime sinmedi çok garip göründü sonradan bir lcd tv ekranda yazı linkleri ne yapsam acaba link yerine resim gösterilebilirmi ama txt dosyasından resim kodu olurmu dene gör aşağıda gördüğünüz resim kodunu ekledim (html) wordpressde yazılarımıza eklediğimiz resimlerin kodu visual editör yerine html kullandığınızda göreceksiniz</p> <p><strong>html resim kodları</strong></p> <p><img src="http://img401.imageshack.us/img401/2696/adszkw2.png" alt="null" /></p> <p>iyi resim görüntülendi süper ama resmi televizyon ekranına oturtmam gerek uğraşdur olmadı enson yahu yazıları h3 etiketi içine almıştım resim kodunuda h3 içine alayım belki olur eğer tutarsa istediğim gibi yön veririm resime denedim oldu ayrıca ekrana yerleştirdiğim karıncalanma resmi ile geçiş efektti çok iyi anlaştılar sonrasında resimleri hazırladım bu iş için PhotoFiltre Studio kullandım resim düzenlemede kolaylık sağladı</p> <p>yapılan işlemlerin Videosunu <a href="http://rapidshare.com/files/125004783/ajax2.rar.html">Buradan</a> indirebilirsiniz</p> <p>ekranın içine yerleşecek beyaz resmin genişliği max 275x yüksekliği ise max 171x olacak beyaz resmin içine yerleşek olan yazı resminin ise genişlik max 275x yükseklik maz 150x resimlerimi pages.google sitesinden aldığım alana yükledim malum trafik limiti sonrasında txt dosyası düzenlendi ben resim kodları için wordpress kullandım resimleri toptan upload edip yazı alanına ekledim sonrasında görsel editöre geçip (visual) resimlerin linklerini ekledim tekrar html editöre geçip kodları kopyalayıp txt dosyasına attım enson resim adersleri değişti h3 etiketleri eklendi vb. tebiki bunları toptan değiştirdim notepad++ programında sol üstte ara bölümünde değiştiri seçin ilgili değerleri girin ve hepsini değiştire tıklayın</p> <p>gelelim wordpress temanızda nasıl kullanabilirsiniz</p> <p>önce ajaxticker.js ve tickercontent.txt doayasını sunucumuza göneriyoruz tema klasörüne atın header.php dosyamızı açıp aşağıdaki kodu title tagının altına ekliyoruz</p> <p><strong>header.php dosyasına eklenen kod</strong></p> <p><img src="http://img47.imageshack.us/img47/8153/adszum4.png" alt="null" /></p> <p>sonra style.css dosyamıza aşağıdaki kodları ekliyoruz<br /> <strong><br /> değiştirilen css kodları</strong></p> <p><img src="http://img166.imageshack.us/img166/243/adsznw4.png" alt="null" /></p> <p>LCD Resminide temanızın resim klasörüne atın ismi farklı ise (genelde images olur) style dosyasına eklediğiniz kodlarda background bölümünden ismini değiştirirsiniz</p> <p>sonrasında galerinin görüneceği yerin php dosyasına aşağıdaki kodları ekliyoruz ben yan menüde kullandım (sidebar.php)</p> <p>Sidebar.php dosyasına eklenen kodlar</p> <p><img src="http://img166.imageshack.us/img166/1495/adszge5.png" alt="null" /></p> <p>kodlar arasında var xmlfile bölümü txt dosyasının yolunu gösteriyor kendi sitenize göre düzenleyin 10000 ise geçiş süresi bu düzenleme işlemlerini Notepad++ programı ile yapmanızı öneririm</p> <p>bu kadar şuan bence en büyük eksik verileri rastgele gösteremesi bu özellik eklenebilirmi bilmiyorum araştırmalar devam ediyor umarım olur tamamlanmış halini <a href="http://320volt.com">buradan</a> görebilirsiniz sağ menüde dosyalar ise <a href="http://rapidshare.com/files/125123464/ajaxticker.rar.html">burada</a> </p>