WwW.EklesenE.NeT
Sen de sitene bi'şeyler eklesene...

Kayan Yazı

html ile ilgili ilk konumuz bu olmamalıydı belki ama blogcu ve benzeri blog sitelerinde en çok kullanılmak istenen özellik şüphesiz menü öğelerinin kayan şekilde görünmesi.. :) neyi kastettiğimi çok iyi biliyorsunuz herkes kullanmak istiyor kayan arkadaşlarım menüsü yada kayan yazıları... neyse konumuza dönelim. şimdi basitçe aşağıda gördüğünüz 2 pencere arasına gelen herşey yukarıdan aşağıya doğru kayan yazıdır.

buraya ne yazarsanız yazın yukarıdan aşağı doğru kayacaktır.

kısacası bu kadar aslında herşeyin özü. ama gelelim bunu blogcu sayfamızda nasıl kullanacağımıza.. :)) şimdi efendim gelelim önce bu kodlar içinde tanımlanan özelliklere. tek tek sıralıyorum ve istediğiniz değiştirebilirsiniz. kendi isteğinize göre düzenleyebilirsiniz.

 

ID="rek" : yazan yerdeki rek keyfinize göre değişebilir. ama tüm rek yazan yerleri yeni belirlediğiniz kelimeyle değiştirin. bu kayan yazınıza verdiğiniz isimdir. ne olduğu önemli değildir. tavsiyem bunu ellemeyin.

Direction="up" : Direction yön demektir. up yazan yeri değiştirebilirsiniz. up demek aşağıdan yukarıya doğru yazınızın kayacağını gösterir. soldan sağa için right sağdan sola için ise left yazmanız yeterli olacaktır.

WIDTH="150px" : width genişlik demektir. kayan yazınızın olduğu yerin genişliği kaç piksel olacak demektir. 150px neredeyse tüm şablonlara uymaktadır. arttırabilirsiniz mesela 200px yazabilirsiniz yada küçültmek için 100px yazabilirsiniz.

HEIGHT="250px" : height yükseklik demektir. kayan yazınızın olduğu yerin yüksekliği kaç piksel olacak demektir. istediğiniz değeri yazabilirsiniz.

SCROLLAMOUNT="1" : kayan yazınızın kaç satır atlayarak kayacağını belirtir. bunu değiştirmezseniz iyi olur. bu değeri yükseltirseniz yazınız takılırmış gibi ilerler  . SCROLLDELAY="50" : kayan yazı hızı burda belirlenir. 50 yazan yeri arttırırsanız kayma hızı artar.

STYLE="border:0px none : bu terim kayan yazı menünüzün etrafına çerçeve koyup koymamanızı belirler. 0px none demek çerçevesiz olduğu anlamına gelir. eğer kesikli ve siyah bir çerçeve koymak isterseniz aynen şöyle yazmanız gerekir.

 

STYLE="border:1px dashed #000000;

 

1px demek kalınlık demek. yine bu özelliği de kullanmasanız olur. en azından bilginizi geliştirmeden kullanmayın derim.

 

bgcolor="transparent" : bu arka plan rengidir. bgcolor="renk" renk yazan yere çeşitli renkler yazabilirsiniz beyaz için #ffffff yada white , siyah için #000000 yada black yazabilirsiniz. transparent olarak kalırsa arka fon ile uyum sağlayacaktır. buraya kadar gerekli olanları tanımladık. şimdi nasıl kullanacağımıza geldi soru :) efendim şablon düzenleden arkadaşlarım yazan yeri buluyoruz

ben de aynen bu şekilde çıkıyor. sizde nasıl bilmiyorum şablona göre değişiklik gösterir. deneme yanılmayla bulabilirsiniz hangisi olduğunu genelde friends yazar ama emin olmadan ve yedek almadan değiştirmeyin. takılırsanız yorum kısmından sorabilirsiniz. hangi şablonu kullanıyorsanız belirtin ben de doğrusunu bulup buraya ekleyim. neyse en üstte verdiğim marquee ile başlayan ve marquee ile biten 2 kod arasına ne eklerseniz o eklediğiniz şey aşağıdan yukarı doğru kayar. aslında çok kolay 1 kere yaptığınız zaman göreceksiniz. dediğim gibi takılırsanız sorabilirsiniz çekinmeyin. eğer çalışır bir örnek yaparsanız görmek isterim.. :))) kolay gelsin... eğer işe yararsa söyleyin ki işe yaradığını bileyim de mi ama :))

EkleBunu Sosyal Paylaşım Butonu
Yorum yaz! :: Arkadaşına Gönder!

23 yorum yazılmıştır

  1. Yazan: alpinch | Tarih: 2008-05-21 02:09:23
    Konu: TESEKKURLERRRRRR
    BEN ALPINCH,HARIKASINIZ.KAYAN YAZI YAPTIMMMM,ARKADASLARIMAAA.NE DIYECEGIM BILMIYORUM BILE,BEN HTML KODLARINI HIC TANIMAM BILEEE.O KADAR GUZEL ANLATIYORSUNUZ KI.TEKNOLOJI OZURLULERI BILE (BENIM GIBI) BU ISIN ICINDEN CIKABILIYOR .SAGOLUNNNN.PAYLASIMLARINIZ ICIN BIR KEZ DAHA TESEKKURLER.

    Bağlantı »

  2. Yazan: kirilgan | Tarih: 2008-02-24 10:26:51
    Konu: emeğinize sağlık..
    öyle güzel izah etmişsiniz ki, hiç takılmadan kayan yazı ekledim bloguma..
    itiraf etmeliyim ki, ben bu konuda cok cahilim..
    sizde, sanki bir öğretmen gibi tane tane anlatmışsınız..

    anlaşılan sizden öğreneceğim çok şey var..
    hakkınızı helal edin..
    kırılgan

    Bağlantı »

  3. Yazan: arabalarvehersey | Tarih: 2008-02-22 23:47:06
    Konu: el at
    ya hoş güzel de hareketli yazıyı arkadaslar kısmına yaptım ama altına bişey eklediğim zaman oda kayıp gidiyor bi el atta şu işi halledelim

    Bağlantı »

  4. Yazan: ananeninkuzusu | Tarih: 2007-11-17 11:10:58
    Konu: selam
    merhaba açıklamalarınız cok guzel. tesekkur ederiz.
    benim sorum arsiv litemdeki tariflerin assağıdan yukarıya kayması. kaydırma islemini anladım denedim oldu ama arsivdeki butun tarifleri nasıl ekleyecem ? bunun acıklaması varmı yardımcı olursanız sevinirim. tesekkurler..
    blogspot ta bu kodalır uyarmı?

    Bağlantı »

  5. Yazan: hikmet1976 | Tarih: 2007-10-04 16:22:14
    Konu: kayan yazı
    yaptım gerçekten kayan yazı yaptım : ) sayenizde sağolun...

    Bağlantı »

  6. Yazan: ihracatdestek | Tarih: 2007-07-31 10:45:52
    Konu: siteniz hakknıda
    bu arkadaşın annesi..... ellerinizden öperim adam gibi akıllı..iyi bir evlat yetiştirmişsiniz.. çok şanslısınız..seninde emeğine yüreğine sağlık.. umarım hayatta başarılarınız artar da sizden bahsedildiğinde o bizim blogcu arkadaşımız diye grur duyarız..

    Bağlantı »

  7. Yazan: eklesene | Tarih: 2007-07-16 03:15:07
    Konu: kayan yazı üreteci..
    Şimdi bunu yapmak için önce o kodları bilmeniz gerekiyor. bunun için frontpage gibi bir sayfa hazırlama programına ihtiyacınız var. önce düz yazıyla oluşturun kayan yazınızı. daha önceleri dediğim gibi <marquee> ile başlayan ve </marquee> ile biten iki tagınız var. bu iki tag arasına ne yazarsanız yazın kayacaktır. şimdi eklesene.net üzerindeki kayan yazı üretecinden aldığınız kodları inceleyin <marquee vesaire vesaire bisürü kod> kayan yazınız </marquee> diye gelecektir size. şimdi aradaki "kayan yazınız" yazan yeri koyu yapmak için <b>kayan yazınız</b> yapmanız gerekir b bold yani koyu demektir. kodunuzun son hali
    <marquee vesaire vesaire bisürü kod> <b>kayan yazınız</b> </marquee> şeklinde olacaktır. şimdi kayan yazınız yazan yeri link yapmak için biliyorsunuz <marquee vesaire vesaire bisürü kod> <a href="http://www.eklesene.net>eklesene</a></marquee> yapmak gerecektir. yani son olarak değişik font ve renlerde istiyorsanız frontpage yardımıyla nasıl olacağını görebilirsiniz... örneğin <marquee vesaire vesaire bisürü kod> <u><i><b><font size="7" face="Verdana">eklesene</font></b></i></u></marquee> olarak yazarsanız sayfanıza ortada yazan eklesene yazısı u yani underline yani alt çizgili, i yani italik yani yana yatık, b yani bold yani koyu, font size 7 dediği için kocaman, ve verdana font stiliyle gösterecektir. umarım anlatabildim. frontpage ile istediğiniz gibi yazdıktan sonra bir yazının html kodlarını oluşturduğunuz marquee etiketlerinin arasına koyarsanız istediğiniz gibi bir kayan yazınız olmuş olabilir... zaten http://www.eklesene.net/kayan-yazi-ekle.html adresinde bunları yapabiliyorsunuz.. unutmuşum :)))) orayı bi ziyaret edin...

    Bağlantı »

  8. Yazan: barisbulduk | Tarih: 2007-07-15 14:29:07
    Konu: Tebrik
    Ya bi de bi şey sorcam
    mesela ben kayan yazımın bi kısmını kalın ve italik, altı çizili ,başka bir font la yazı tipiyle yazmak istiyorum; bi kısmınıda düz ve başka bi şekilde yazmak istiyorum, bunu nasıl yapabilirim.

    Bağlantı »

  9. Yazan: eklesene | Tarih: 2007-07-12 12:45:47
    Konu: Re: Yardım.
    Bu kodları templates (şablonlar) içerisine ekleyeceksiniz...

    Bağlantı »

  10. Yazan: ms26 | Tarih: 2007-07-11 08:44:33
    Konu: yardım
    arkadaşım şimdi bu yazdığınızları nereye yapıştırcaz yazı ekle bölümüne yapıyorum olmuo aynen cıkıo nasıl lütfen yardım

    Bağlantı »

  11. Yazan: sevilcedeninciler | Tarih: 2007-07-04 18:45:57
    Konu: selam
    öncelikle blog açtığınız için teşekkürler.zaten sitenizin takipçisiydim ama blogcu olunca girmek daha kolay olacak çok teşekkürler aramıza hoşgeldiniz.ben bukayan yazıyı arkadaşlarıma ekledim.sizin dediğiniz gibi anca arkadaşlarımın altında ne varsa onlarda kayıyor takvim saat bunu engelleyemezmiyim.ayrıca bannerinizi ekliyorum.arkadaş listemde siniz beklerim....

    Bağlantı »

  12. Yazan: eklesene | Tarih: 2007-06-27 14:25:25
    Konu: kayan yazı...
    öncelikle yazdıklarınız ve ilginiz için teşekkürler...


    <div style='clear: both;'>

    <a href=http://zd.gezginler.net/zd.php?user=melisa33><img src=http://zd.gezginler.net/oku.png border=0 ></a>
    <a href=http://zd.gezginler.net/ekle.php?user=melisa33><img src=http://zd.gezginler.net/yaz.png border=0 ></a>

    <h3>Son yazılar</h3><br>
    <RecentEntry>
    » <%RecentEntryTitle%><br>
    </RecentEntry>
    </div>

    yazan yeri bulun.

    sonra bu kodu şu şekilde değiştirin...

    <div style='clear: both;'>

    <a href=http://zd.gezginler.net/zd.php?user=melisa33><img src=http://zd.gezginler.net/oku.png border=0 ></a>
    <a href=http://zd.gezginler.net/ekle.php?user=melisa33><img src=http://zd.gezginler.net/yaz.png border=0 ></a>

    <h3>Son yazılar</h3><br>

    <MARQUEE ID="rek" DIRECTION="up" WIDTH="150px" HEIGHT="250px" SCROLLAMOUNT="1" SCROLLDELAY="50" STYLE="border:0px none;" onmouseover="rek.scrollAmount=0" onmouseout="rek.scrollAmount=1"
    bgcolor="transparent">

    <RecentEntry>
    » <%RecentEntryTitle%><br>
    </RecentEntry>

    </MARQUEE>

    </div>


    yani kısacası marquee etiketleri arasına almanız gereken kodlar:

    <RecentEntry>
    » <%RecentEntryTitle%><br>
    </RecentEntry>

    kısmıdır.

    umarım yardımcı olabildim... bu arada bu kod dizimi sadece sizin kullandığınız şablona göredir. başka şablonlarda farklı kod kullanmak gerekebilir...

    Bağlantı »

  13. Yazan: melisa33 | Tarih: 2007-06-26 11:59:21
    Konu: Kayan Yazı
    Merhaba becereyinca yazmayı düşünmedim ama yapılan yorumlara kibar ve gercekden yardımcı oluşunuz beni mutlu etti yardımseverliğiniz için teşekkürler. O zaman benimde bir sorum veya yardıma ihtiyacım var. Şöyleki kodları ekledim son yazılara ama sadece son yazılar değilde diğerleride kategriler arkadaşlar ve diğerleride kayan yazıda oluşuyo. Ben sadece son yazılara yapmak istiyorum. Şimdiden teşekkür ederim Kolay gelsin selamlar

    Bağlantı »

  14. Yazan: denizliliki | Tarih: 2007-06-07 22:06:43
    Konu: evettttttttttt
    ben butun ince noktolari ogrendikten sonra basliyim su siteme:)))) Eline agzina aklina saglik ya :)) ben sevdim bu isi .. Allah razi olsun ;)

    Bağlantı »

  15. Yazan: meze1905 | Tarih: 2007-05-10 18:10:57
    Konu: MEZE1905
    Çok işime yaradı teşekkür ederim......

    Bağlantı »

  16. Yazan: letsgooo | Tarih: 2007-04-30 13:29:07
    Konu: slm
    çok sağol yaaa müthiş anlatmışsın. uğraşınca oluyooo. paylaştığın için çok teşekkür ederim::

    Bağlantı »

  17. Yazan: bayrank | Tarih: 2007-04-27 00:28:50
    Konu: ilgine teşekkür
    yardımcı olmana sevindim. teşekkür ederim.

    Bağlantı »

  18. Yazan: eklesene | Tarih: 2007-04-26 02:26:30
    Konu: Teşekkürler..
    Ne kadar hoş.. çok naziksiniz.. inanın çok mutlu oldum.. bunlar inanılmaz gaz veriyor insana.. herkes bildiklerini paylaşıyor nihayetinde benim de işim bu :) dolayısıyla paylaşımım da böyle.. ve inanın çok büyük zevk alıyorum. dün bütün gece o şablon aracını yapmakla geçti ve bittiğinde gerçekten çok mutlu oldum :) başlangıç belki ama yada herkes beğenmeyecek ama ne bileyim en azından bildiklerimi kullanıp ben de varım dedim :) maksat paylaşmak değil mi?.. tekrar gösterdiğiniz ilgi için teşekkürler.. bir sorununuz olursa yardımcı olmak isterim..

    Bağlantı »

  19. Yazan: sofraozlemi | Tarih: 2007-04-26 01:39:29
    Konu: merhaba
    bende kayan yazıyı şablonumda uyguladım oldu.. gerçekten kolaymış .
    sadece şablonu tanımanın gerekli olduğunu düşünüyorum,
    tabii sizden öğrenecek daha çok şey var belli..
    emeğinize sağlık çok teşekkürler..

    Bağlantı »

  20. Yazan: gonxia | Tarih: 2007-04-25 16:40:06
    Konu: ..
    gerçekten süpersin emeğine sağlık!

    Bağlantı »

  21. Yazan: eklesene | Tarih: 2007-04-25 05:30:44
    Konu: Re: Kayan Linkler
    sevgili bayrank; şöyle kullanırsanız yada şablonunuz nasıl bilmiyorum ama genelde şablonlar çok benziyor birbirine...

    <h2>Bağlantılarım</h2>
    <MARQUEE ID="rek" DIRECTION="up" WIDTH="150px" HEIGHT="50px" SCROLLAMOUNT="1" SCROLLDELAY="50" STYLE="border:0px none;" onmouseover="rek.scrollAmount=0" onmouseout="rek.scrollAmount=1"
    bgcolor="transparent">
    <Link>
    + <a href="<%LinkURL%>" title="<%LinkURL%>"><%LinkTitle%></a><br>
    </Link>
    </MARQUEE>


    kayan bir linkler (bağlantılarım) menüsü elde etmiş olursunuz. burda yaptığımız aslında nedir? <Link> ve </Link> arasını görünce blogcunun kodları sizin daha önceden eklediğiniz linkleri o araya yapıştırır. bunu için bir kılavuza ihtiyaç vardır. mesela <%LinkURL%> Linkin adresini belirten bir koddur. o kendine göre sizin daha önceden eklediğiniz linklerle yer değiştirecektir. <%LinkTitle%> diye geçen kılavuz sizin yine eklediğiniz linklerin adıdır. mesela benim sağ tarafta yazan ve kayan Google yazısı gibi. Google <%LinkTitle%> ile yer değiştirir. diğerleri de aynı şekilde. az önce bahsettiğim <Link> </Link> arasını Blogcu veri tabanını kullanarak çekmektedir. kısaca özetlemek gerekirse hiçbir ekleme yapmadan şablonunuzun sağ tarafında mutlaka bu komut vardır yani <Link> ve </Link>.. sizin tek yapmanız gereken bu kodun başına <MARQUEE ID="rek" DIRECTION="up" WIDTH="150px" HEIGHT="50px" SCROLLAMOUNT="1" SCROLLDELAY="50" STYLE="border:0px none;" onmouseover="rek.scrollAmount=0" onmouseout="rek.scrollAmount=1"
    bgcolor="transparent"> eklemek ve bitiminden hemen sonra da yani </Link> yazısından hemen sonra da açtığınız kayan yazı kodunu kapatmanız yeterli olacaktır. kapatma işlemini de </MARQUEE> ile yapıyoruz. umarım anlatabildim. olmaz ise hangi şablonu kullandığınızı belirtin ona göre bakayım ve yardımcı olmaya çalışayım.. kolay gelsin :) gösterdiğiniz ilgi için sağolun. şu an saat 05:33 ve şablon hazırlamayı kolaylaştıracak bir kod hazırlıyorum yetişirse sabaha ilk duyan siz olmuş olun bu hizmeti :)))

    Bağlantı »

  22. Yazan: bayrank | Tarih: 2007-04-25 00:20:35
    Konu: peki kayan linkler
    peki bu kayan yazıya link (linkler) eklemek istersek.? yardımcı olabilir misin?

    Bağlantı »

  23. Yazan: Aycak | Tarih: 2007-04-24 12:01:19
    Konu: :))
    Sevgili Onur, ellerine sağlık...
    Dur ben bir reklam daha yapayım:))

    Bağlantı »

« Önceki :: Sonraki »
Bloga ekle sitene ekle sohbet ekle avatar ekle radyo ekle ne bulursan ekle Sitene Ekle --- www.eklesene.net --- kayan yazı hazırlama aparatı ile hazırlanmıştır ---