1. Ana Sayfa
  2. Webmaster
  3. Örnek HTML KodLarı...

Örnek HTML KodLarı...

Son güncelleme: 16.10.2009 21:47
FreddyKrueger FreddyKrueger foto
  • Durum Çubuğunda Yanıp Sönen Yazı

    <script language="JavaScript"><!---
    var yazi = "Yanip sönen yazilarla dikkat cekebilirsiniz...";
    var hiz = 150;
    var control = 1;
    function flash()
    {if (control == 1)
    {window.status=yazi; control=0;}
    else
    {window.status=""; control=1;}
    setTimeout("flash();",hiz);}
    // --></script>

    <BODY OnLoad="flash();">




    Güle Güle Mesajı

    <BODY onUnload="window.alert('Sitemize Yine Bekleriz. Cithiz.com)" bgcolor="white" text="white">




    Sayfada Kalma Süresi

    <!--- --->
    <form name="redirect">
    <center>
    <font face="Arial">Bu Sayfada Durabilece?iniz Süre:
    <form>
    <input type="text" size="3" name="redirect2">
    Saniye
    </form><font face="Arial">
    <br>
    <script>
    <!--

    //change below target URL to your own
    var targetURL="Yönlendirileceği adres"
    //change the second to start counting down from
    var countdownfrom=600

    var currentsecond=document.redirect.redirect2.value=countdownfrom+1
    function countredirect(){
    if (currentsecond!=2){
    currentsecond-=1
    document.redirect.redirect2.value=currentsecond
    }
    else{
    window.location=targetURL
    return
    }
    setTimeout("countredirect()",1000)
    }
    countredirect()
    //-->
    </script></font></font></center>




    Sayfaya Kilit Koyma

    <!--- --->
    <script language="Javascript">

    var password = "ŞİFREYİ BURAYA YAZ"
    var x = prompt("Lütfen Şifreyi Giriniz"," ")
    if (x.toLowerCase() == password) {
    alert("Şifre Doğru \n \n Sayfaya Girmek İçin Tamam'a Tıklayın..")
    location = "dogru.htm"
    }
    else {
    location = "yanlis.html"
    }
    //-->
    </script>




    Yanıp Sönen Kutu Scripti

    <!--- --->

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    //enter the message you wish to be shown, including html tags
    var message='<b><font color=000000 size=5>Bedava Text</font></b>'
    //enter a color name to be used as the background color of the message
    var backgroundcolor="yellow"
    //enter 0 for always display, 1 for a set period, 2 for random display mode
    var displaymode=0
    //if displaymode is set to display for a set period, enter the period below (1000=1 sec)
    var displayduration=10000
    //enter 0 for non-flashing message, 1 for flashing
    var flashmode=1
    //if above is set to flashing, enter the flash-to color below
    var flashtocolor="lightgreen"
    function regenerate(){
    window.location.reload()
    }
    var which=0
    function regenerate2(){
    if (document.layers)
    setTimeout("window.onresize=regenerate",400)
    }

    function display2(){
    if (document.layers){
    if (topmsg.visibility=="show")
    topmsg.visibility="hide"
    else
    topmsg.visibility="show"
    }
    else if (document.all){
    if (topmsg.style.visibility=="visible")
    topmsg.style.visibility="hidden"
    else
    topmsg.style.visibility="visible"
    setTimeout("display2()",Math.round(Math.random()*10000)+10000)
    }
    }
    function flash(){
    if (which==0){
    if (document.layers)
    topmsg.bgColor=flashtocolor
    else
    topmsg.style.backgroundColor=flashtocolor
    which=1
    }
    else{
    if (document.layers)
    topmsg.bgColor=backgroundcolor
    else
    topmsg.style.backgroundColor=backgroundcolor
    which=0
    }
    }

    if (document.all){
    document.write('<span id="topmsg" style="position:absolute;visibility:hidden">'+message+'</span>')
    }

    function logoit(){
    document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2
    document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4
    }

    function logoit2(){
    topmsg.left=pageXOffset+window.innerWidth/2-topmsg.document.width/2
    topmsg.top=pageYOffset+window.innerHeight-topmsg.document.height-5
    setTimeout("logoit2()",90)
    }
    function setmessage(){
    document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2
    document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4
    document.all.topmsg.style.backgroundColor=backgroundcolor
    document.all.topmsg.style.visibility="visible"
    if (displaymode==1)
    setTimeout("topmsg.style.visibility='hidden'",displayduration)
    else if (displaymode==2)
    display2()
    if (flashmode==1)
    setInterval("flash()",1000)
    window.onscroll=logoit
    window.onresize=new Function("window.location.reload()")
    }

    function setmessage2(){
    topmsg=new Layer(window.innerWidth)
    topmsg.bgColor=backgroundcolor
    regenerate2()
    topmsg.document.write(message)
    topmsg.document.close()
    logoit2()
    topmsg.visibility="show"
    if (displaymode==1)
    setTimeout("topmsg.visibility='hide'",displayduration)
    else if (displaymode==2)
    display2()
    if (flashmode==1)
    setInterval("flash()",1000)
    }

    if (document.layers)
    window.onload=setmessage2
    else if (document.all)
    window.onload=setmessage
    //-->
    </SCRIPT>



#12.07.2007 08:56 0 0 0
FreddyKrueger FreddyKrueger foto
  • Flash mp3 player

    <center><embed src="http://filelodge.bolt.com/player/mp3.swf" flashvars="&config=http://filelodge.bolt.com/player/config-200x100-nostart.xml&file=http://download.mp3indirt.com/Mp3Arsivi/Baris_Manco/Baris_Manco_-_Can_Bedenden_Cikmayinca.MP3" allowScriptAccess="always" name="player" width="200" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"><center>



    ImaGeShaCk EkLentiSi

    <iframe

    src="http://imageshack.us/iframe.php?txtcolo

    r=111111&type=blank&size=30"

    scrolling="no" allowtransparency="true"

    frameborder="0" width="280"

    height="70">Update your browser for

    ImageShack.us!</iframe>




    Google Arama Motoru

    <form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
    <div align="right"><span class="">Aramak İstediğiniz Kelime(ler) </span>
    <input name="q" type="hidden" />
    <input name="qfront" type="text" style="width: 120px" />
    <input name="" type="submit" value=" Ara " />
    </div>
    </form>




    Video İzletmek İçin

    <embed name="RAOCXplayer" src="buraya Video nun url Yazyyorsunuz" type="application/x-mplayer2" ShowStatusBar="0" AutoSize="true" DisplaySize="0" AutoStart="true"></embed>



    Takvim

    [php]<script language="JavaScript">
    //This Java Script is free to the domain. All I ask is you send me an
    //email to
    // to let me know that you will be using it. This
    //message must be included with the script if you copy it.
    <!-- for sucky browsers
    Months = new Array(12);
    Months[0] = "January";
    Months[1] = "February";
    Months[2] = "March";
    Months[3] = "April";
    Months[4] = "May";
    Months[5] = "June";
    Months[6] = "July";
    Months[7] = "August";
    Months[8] = "September";
    Months[9] = "October";
    Months[10] = "November";
    Months[11] = "December";
    function PadSpaces(TheString)
    {
    var Spaces = " ";
    len = Math.round((9 - TheString.length)/2);
    return Spaces.substring(0,len) + TheString;
    }
    function NumLeapYears(StartYear, EndYear)
    {
    var LeapYears, i;
    if (EndYear >= StartYear){
    for(LeapYears = 0; StartYear <= EndYear; StartYear++)
    if (IsLeapYear(StartYear)) LeapYears++;
    }else{
    for(LeapYears = 0; EndYear <= StartYear; EndYear++)
    if (IsLeapYear(EndYear)) LeapYears++;
    }
    return LeapYears;
    }
    function IsLeapYear(Year)
    {
    if(Math.round(Year/4) == Year/4){
    if(Math.round(Year/100) == Year/100){
    if(Math.round(Year/400) == Year/400)
    return true;
    else return false;
    }else return true;
    }
    return false;
    }
    function Trim(TheString)
    {
    var len;
    len = TheString.length;
    while(TheString.substring(0,1) == " "){ //trim left
    TheString = TheString.substring(1, len);
    len = TheString.length;
    }
    while(TheString.substring(len-1, len) == " "){ //trim right
    TheString = TheString.substring(0, len-1);
    len = TheString.length;
    }
    return TheString;
    }
    function DetermineMonthIdx()
    {
    var i, month, month_s, len;
    month = Trim(document.calform.elements[4].value);
    len = month.length;
    for( i = 0; i <12; i++){
    month_s = Months.substring(0,len);
    if (month_s.toUpperCase() == month.toUpperCase())
    return (i);
    }
    return -1;
    }
    function FindNewYearStartingDay(Year)
    {
    var LeapYears, Years, Day;
    LeapYears = NumLeapYears(1995, Year);
    if (Year >=1995)
    Years = (Year -1995)+LeapYears;
    else Years = (Year -1995)-LeapYears;
    if (Year >=1995)
    Day = Math.round(((Years/7 - Math.floor(Years/7))*7)+.1);
    else Day = Math.round(((Years/7 - Math.ceil(Years/7))*7)-.1);
    if (Year >=1995){
    if(IsLeapYear(Year)) Day--;
    }else Day += 7;
    if(Day < 0) Day = 6;
    if(Day > 6) Day = 0;
    return Day;
    }
    function FindNumDaysInMonth(Year, Month)
    {
    if(Month == 1){
    if(IsLeapYear(Year)) return 29;
    else return 28;
    }else{
    if(Month >6) Month++;
    if(Month/2 == Math.round(Month/2)) return 31;
    }
    return 30;
    }
    function FindMonthStartDay(NewYearDay, Year, Month)
    {
    var MonthStartDay;
    AddArray = new Array(12);
    AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6;
    AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2;
    AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5;
    MonthStartDay = NewYearDay + AddArray[Month];
    if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++;
    if (MonthStartDay > 6) MonthStartDay -= 7;
    return MonthStartDay;
    }
    function FillCalendar()
    {
    var Year, Month, Midx, NewYearDay, MonthStartDay;
    var NumDaysInMonth, i, t;
    Year = parseFloat(document.calform.elements[1].value);
    Month = document.calform.elements[4].value;
    Midx = DetermineMonthIdx();
    if (Midx == -1){
    alert ("Can't recognize that month");
    return;
    }
    NewYearDay = FindNewYearStartingDay(Year);
    MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx);
    NumDaysInMonth = FindNumDaysInMonth(Year, Midx);
    for(i = 6; i < 43; i++){
    t = i-5-MonthStartDay;
    if ( t >= 1 && t <= NumDaysInMonth)
    document.calform.elements.value =t;
    else document.calform.elements.value = "";
    }
    }
    function IncDecYear(val)
    {
    var valNum = parseInt(val);
    var valNum2 = parseInt(document.calform.elements[1].value)
    document.calform.elements[1].value = valNum2 + valNum;
    FillCalendar()
    }
    function IncDecMonth(val)
    {
    var valNum = parseInt(val);
    var Midx = DetermineMonthIdx();
    Midx += valNum;
    if(Midx > 11) Midx = 0;
    if(Midx < 0) Midx = 11;
    document.calform.elements[4].value = PadSpaces(Months[Midx]);
    FillCalendar()
    }
    // -->
    </script>
    </HEAD><BODY><table border=1 bgcolor="#000000"><tr><td align=center>
    <table border=0 cellspacing=0>
    <form name="calform">
    <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecYear(-1)"></td>
    <th bgcolor="#aaaaaa" colspan=5 align=center><input size=4 type=text value="1993"></th>
    <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecYear(1)"></td></tr>
    <tr><td align=center bgcolor="#000000"><input type=button value="<<" onClick="IncDecMonth(-1)"></td>
    <th bgcolor="#aaaaaa" colspan=5 align=center><input size=9 type=text value=" January "></th>
    <td align=center bgcolor="#000000"><input type=button value=">>" onClick="IncDecMonth(1)"></td></tr>
    <tr><th bgcolor="#ffcccc">Sun</td>
    <th bgcolor="#ccccff">Mon</td>
    <th bgcolor="#ccccff">Tue</td>
    <th bgcolor="#ccccff">Wed</td>
    <th bgcolor="#ccccff">Thu</td>
    <th bgcolor="#ccccff">Fri</td>
    <th bgcolor="#ccccff">Sat</td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#ccccff" ><input type=text size=2></td></tr>
    <tr><td bgcolor="#ffcccc"><input type=text size=2></td>
    <td bgcolor="#ccccff"><input type=text size=2></td>
    <td bgcolor="#aaaaaa" colspan=5><input type=text></td></tr>
    </form>
    </table>
    </td></tr></table>
    <script language="JavaScript">
    <!--
    //include this script segment if you want to set the calendar to today's date.
    //this MUST come after the tabled form which contains the calendar
    //set calendar to today's date
    myDate = new Date();
    var Month = parseInt(myDate.getMonth());
    document.calform.elements[1].value = myDate.getYear();
    document.calform.elements[4].value = PadSpaces(Months[Month]);
    document.calform.elements[43].value = "Today is: " +
    myDate.getDate() + " " + Months[Month].substring(0,3)
    + ", " + (myDate.getYear());
    FillCalendar();
    // -->
    </script>[/php]
#12.07.2007 09:01 0 0 0
FreddyKrueger FreddyKrueger foto
  • Sitene Radyo Ekle.

    <object id="WMPlay0" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Microsoft Windows Media Player bileşenleri yükleniyor..." type="application/x-oleobject" align="right" height="53" width="850">

    <param name="FileName" value="Http://66.90.90.187:8910/">

    <param name="ShowControls" value="-1">

    <param name="AutoStart" value="-1">

    <param name="ShowDisplay" value="0">

    <param name="ShowStatusBar" value="-1">

    <param name="ShowGotoBar" value="0">

    <param name="AutoSize" value="-1">



    <param name="EnableContextMenu" value="0">

    <param name="AudioStream" value="-1">

    <param name="AnimationAtStart" value="-1">

    <param name="AllowScan" value="-1">

    <param name="AllowChangeDisplaySize" value="-1">

    <param name="AutoRewind" value="0">

    <param name="Balance" value="0">

    <param name="BaseURL" value="">

    <param name="BufferingTime" value="5">

    <param name="CaptioningID" value="">

    <param name="ClickToPlay" value="-1">

    <param name="CursorType" value="0">

    <param name="CurrentPosition" value="-1">

    <param name="CurrentMarker" value="0">

    <param name="DefaultFrame" value="">

    <param name="DisplayBackColor" value="0">

    <param name="DisplayForeColor" value="16777215">

    <param name="DisplayMode" value="0">

    <param name="DisplaySize" value="0">

    <param name="Enabled" value="-1">

    <param name="EnablePositionControls" value="-1">

    <param name="EnableFullScreenControls" value="0">

    <param name="EnableTracker" value="-1">

    <param name="InvokeURLs" value="-1">

    <param name="Language" value="-1">

    <param name="Mute" value="0">

    <param name="PlayCount" value="1">

    <param name="PreviewMode" value="0">

    <param name="Rate" value="1">

    <param name="SAMILang" value="">

    <param name="SAMIStyle" value="">

    <param name="SAMIFileName" value="">

    <param name="SelectionStart" value="-1">

    <param name="SelectionEnd" value="-1">

    <param name="SendOpenStateChangeEvents" value="-1">

    <param name="SendWarningEvents" value="-1">

    <param name="SendErrorEvents" value="-1">

    <param name="SendKeyboardEvents" value="0">

    <param name="SendMouseClickEvents" value="0">

    <param name="SendMouseMoveEvents" value="0">

    <param name="SendPlayStateChangeEvents" value="-1">

    <param name="ShowCaptioning" value="0">

    <param name="ShowAudioControls" value="-1">

    <param name="ShowPositionControls" value="-1">

    <param name="ShowTracker" value="-1">

    <param name="TransparentAtStart" value="0">

    <param name="VideoBorderWidth" value="0">

    <param name="VideoBorderColor" value="0">

    <param name="VideoBorder3D" value="0">

    <param name="Volume" value="0">

    <param name="WindowlessVideo" value="0">

    <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" filename="Http://66.90.90.187:8910/" src="sohbet.asp_dateien/a" autostart="1" showcontrols="1" showdisplay="0" showgotobar="0" enablecontextmenu="false" showstatusbar="1" height="53" width="850"></object>

    <p></p>




    Status Bar'da Değişen Yazılar

    <script language="JavaScript">
    <!--
    // please keep these lines on when you copy the source
    // made by: Bodrumlee for www.cithiz.com
    var MsgTime = 2000
    var MsgEndTime = 4000
    function initArray(n) {
    this.length = n;
    for (var i =1; i <= n; i++) {
    this = ' '
    }
    }
    msg = new initArray(4)
    msg[0]="This is Message 1"
    msg[1]="Now it is Message 2"
    msg[2]="No, do not say I have to do 3 messages"
    msg[3]="Yeah, this message, 4, is the last"
    function msgrotator() {
    window.status = msg[currentmsg]
    if (currentmsg > msg.length - 1) {
    currentmsg = 0
    setTimeout("msgrotator()", MsgEndTime)
    }
    else {
    currentmsg = currentmsg + 1
    setTimeout("msgrotator()", MsgTime)
    }
    }
    msgrotator();
    //-->
    </script>



    Ziyaretçiyi Selamlama

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function GetCookie(name) {
    var arg=name+"=";
    var alen=arg.length;
    var clen=document.cookie.length;
    var i=0;
    while (i<clen) {
    var j=i+alen;
    if
    (document.cookie.substring(i,j)==arg)
    return "here";
    i=document.cookie.indexOf(" ",i)+1;
    if (i==0) break;
    }
    return null;
    }
    var visit=GetCookie("shant");
    if (visit==null){
    alert("Hoşgeldiniz...");
    var expire=new Date();
    expire=new
    Date(expire.getTime()+7776000000);
    document.cookie="shant=here; expires="+expire;
    }
    // -->
    </SCRIPT>



    Yönlendirme...

    <SCRIPT LANGUAGE="JavaScript">
    //If you are going to use this code, you MUST leave these
    //lines of script UNEDITED!
    var shant="YONLENDİRECCEĞİN ADRES"
    document.write('Please wait while you are forwarded to ' + shant)
    function forPage()
    {
    location.href=shant
    }
    setTimeout ("forPage()", 1000);
    </SCRIPT>




    Buton Şeklinde Saat

    <SCRIPT LANGUAGE="JavaScript">

    <!-- Begin
    day = new Date();
    miVisit = day.getTime();
    function clock() {
    dayTwo = new Date();
    hrNow = dayTwo.getHours();
    mnNow = dayTwo.getMinutes();
    scNow = dayTwo.getSeconds();
    miNow = dayTwo.getTime();
    if (hrNow == 0) {
    hour = 12;
    ap = " AM";
    } else if(hrNow <= 11) {
    ap = " AM";
    hour = hrNow;
    } else if(hrNow == 12) {
    ap = " PM";
    hour = 12;
    } else if (hrNow >= 13) {
    hour = (hrNow - 12);
    ap = " PM";
    }
    if (hrNow >= 13) {
    hour = hrNow - 12;
    }
    if (mnNow <= 9) {
    min = "0" + mnNow;
    }
    else (min = mnNow)
    if (scNow <= 9) {
    secs = "0" + scNow;
    } else {
    secs = scNow;
    }
    time = hour + ":" + min + ":" + secs + ap;
    document.form.button.value = time;
    self.status = time;
    setTimeout('clock()', 1000);
    }
    function timeInfo() {
    milliSince = miNow;
    milliNow = miNow - miVisit;
    secsVisit = Math.round(milliNow / 1000);
    minsVisit = Math.round((milliNow / 1000) / 60);
    alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. "
    + "You have spent " + milliNow + " of those milliseconds on this page. "
    + ".... About " + minsVisit + " minutes, and "
    + secsVisit + " seconds.");
    }
    document.write("<form name=\"form\">"
    + "<input type=button value=\"Click for info!\""
    + " name=button onClick=\"timeInfo()\"></form>");
    onError = null;
    clock();
    // End -->
    </SCRIPT>
#12.07.2007 09:02 0 0 0
FreddyKrueger FreddyKrueger foto
  • Güzel Bir Yazı Efekti

    <SCRIPT LANGUAGE="JavaScript1.2">
    <!--
    ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4))
    var count=0, count2=0, add1 = 3, add2 = 10, timerID
    function show()
    {
    if (ie4) {
    count +=add1
    count2+=add2
    delay=30
    if(count2>100) count2=100
    if(count>100) {
    count=100
    add1 =-10
    add2 =-3
    delay=350
    }

    if(count<0) count=0
    if(count2<0) {
    count2=0
    add1 =3
    add2 =10
    delay=200
    }

    napis.style.filter="Alpha(Opacity="+count2+",Finis hOpacity="+count+",style=2)"
    timerID=setTimeout("show()",delay);
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY><CENTER>
    <DIV id="napis" style="width:480; font-family: Arial; font-size: 40pt; color: #0066CC; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)">
    Dynamic HTML<BR>in<BR>CS Scribbler 2000
    </DIV>
    </CENTER>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    setTimeout('show()',10);
    //-->
    </SCRIPT>




    Kar yağdıran script ( ie4, ie5, ie6, ns4)

    Bu scripti çalıştırmak için yapmanız gereken kodları aynı şekilde <body>...</body> tagları arasına kopyalamak. Hemen body tagından sonra scripti sayfanıza yerleştirin. Ayrıca yandaki resmi de scriptin olduğu sayfaya kopyalamalısınız. Şunu hatırlatayım resmin adının snow şeklinde olması gerekir. Farklı bir isim olursa script resmi göstermeyecektir. Ayrıca resim olarak farklı bir resim de kullanabilirsiniz.

    <html>
    <head>
    </head>
    <body>
    <SCRIPT LANGUAGE="JavaScript1.2">
    <!-- Original: Altan (snow@altan.hr) -->
    <!-- Web Site: http://www.altan.hr/snow -->
    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->
    <!-- Begin
    var no = 25; // snow number
    var speed = 10; // smaller number moves the snow faster
    var snowflake = "snow.gif";
    var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    var ie4up = (document.all) ? 1 : 0;
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 600;
    if (ns4up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    for (i = 0; i < no; ++ i) {
    dx = 0; // set coordinate variables
    xp = Math.random()*(doc_width-50); // set position variables
    yp = Math.random()*doc_height;
    am = Math.random()*20; // set amplitude variables
    stx = 0.02 + Math.random()/10; // set step variables
    sty = 0.7 + Math.random(); // set step variables
    if (ns4up) { // set layers
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
    document.write("top=\"15\" visibility=\"show\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></layer>");
    }
    } else if (ie4up) {
    if (i == 0) {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
    document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
    document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
    document.write(snowflake + "\" border=\"0\"></div>");
    }
    }
    }
    function snowNS() { // Netscape main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp += sty;
    if (yp > doc_height-50) {
    xp = Math.random()*(doc_width-am-30);
    yp = 0;
    stx = 0.02 + Math.random()/10;
    sty = 0.7 + Math.random();
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    }
    dx += stx;
    document.layers["dot"+i].top = yp;
    document.layers["dot"+i].left = xp + am*Math.sin(dx);
    }
    setTimeout("snowNS()", speed);
    }
    function snowIE() { // IE main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp += sty;
    if (yp > doc_height-50) {
    xp = Math.random()*(doc_width-am-30);
    yp = 0;
    stx = 0.02 + Math.random()/10;
    sty = 0.7 + Math.random();
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx += stx;
    document.all["dot"+i].style.pixelTop = yp;
    document.all["dot"+i].style.pixelLeft = xp + am*Math.sin(dx);
    }
    setTimeout("snowIE()", speed);
    }
    if (ns4up) {
    snowNS();
    } else if (ie4up) {
    snowIE();
    }
    // End -->
    </script>
    </body>
    </html>




    Açılış efekti 2

    Bu scripte değiştirmeniz gereken tek yer yönlendirme adresi. Efekt scriptti başlı başına bir web sayfası. Bu sayfayı sitenizin girişine koymayı düşünürseniz index.html olarak kayıt edin. Yönlendirilecek sayfayı da anasayfa.html şeklinde başka bir isimle belirleyin. Yönlendirme işlemini var url=" " bölümüne kendi sayfanızın adresini yazarak yapabilirsiniz.

    <html>
    <head>
    </head>
    <body>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Original: Jenny Lam (tabiko@sprint.ca) -->
    <!-- Web Site: http://www.geocities.com/Tokyo/Ginza/3379 -->
    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->
    <!-- Begin
    var url="http://www.gidilecekadres.com/"; // bu bölümde http://www.gidilecekadres.com/ yerine kendi yönlendirilecek sayfanızın adresini yazın.
    var hexChars="0123456789ABCDEF";
    function Dec2Hex (Dec) {
    var a=Dec % 16;
    var b=(Dec - a)/16;
    hex="" + hexChars.charAt(b) + hexChars.charAt(a);
    return hex;
    }
    function bgChanger (begin, end, steps) {
    steps=steps-1 ;
    redA=begin.charAt(0) + begin.charAt(1);
    red_valA=parseInt(redA,'16');
    redB=end.charAt(0) + end.charAt(1);
    red_valB=parseInt(redB,'16');
    red_int=((red_valB - red_valA) / steps) * -1;
    grnA=begin.charAt(2) + begin.charAt(3);
    grn_valA=parseInt(grnA,'16');
    grnB=end.charAt(2) + end.charAt(3);
    grn_valB=parseInt(grnB,'16');
    grn_int=((grn_valB - grn_valA) / steps) * -1;
    bluA=begin.charAt(4) + begin.charAt(5);
    blu_valA=parseInt(bluA,'16');
    bluB=end.charAt(4) + end.charAt(5);
    blu_valB=parseInt(bluB,'16');
    blu_int=((blu_valB - blu_valA) / steps) * -1;
    step=2;
    red=red_valA;
    grn=grn_valA;
    blu=blu_valA;
    while ( steps >= step ) {
    red-=red_int;
    red_round=Math.round(red);
    red_hex=Dec2Hex(red);
    grn-=grn_int;
    grn_round=Math.round(grn);
    grn_hex=Dec2Hex(grn);
    blu-=blu_int;
    blu_round=Math.round(blu);
    blu_hex=Dec2Hex(blu);
    document.bgColor=red_hex + grn_hex + blu_hex;
    step++;
    }
    }
    bgChanger("000000","000000",60);
    bgChanger("000000","FF0000",60);
    bgChanger("FF0000","000000",60);
    bgChanger("000000","AA00EE",60);
    bgChanger("AA00EE","000000",60);
    bgChanger("000000","0000FF",60);
    bgChanger("0000FF","000000",60);
    bgChanger("000000","000000",60);
    window.location=url;
    // End -->
    </script>
    </body>
    </html>



    Açılış efekti 3

    Scripti kullanmak isterseniz direkt olarak <head>...</head> tagları arasına kopyalayın. renkler dizisine dilediğiniz renk değerlerini girebilirsiniz. Ayrıca bu dizinin son elemanı sayfanın rengini belirliyor. Yine scriptin çalışması için body tagına <body onLoad="gozkirp()"> şeklinde bir ekleme yapmanız gerekiyor.

    <html>
    <head>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- gizle
    basla=0;
    var renkler=new Array("000000",
    "ffffff",
    "ff0000",
    "ffff00",
    "ffffff",
    "000000",
    "0000ff",
    "00fdff",
    "fffddf",
    "fadafa",
    "f8f8f8",
    "000000",
    "00f0ff",
    "50fdff",
    "fffd9f",
    "fadafa",
    "00ccdf");
    var uzunluk=renkler.length;
    function gozkirp(){
    if(basla<uzunluk-1){
    document.bgColor=renkler[basla];
    basla++;
    setTimeout("gozkirp()",300);
    }
    }
    // gizleme sonu -->
    </SCRIPT>
    </head>
    <body onLoad="gozkirp()">
    sayfa içeriği
    </body>
    </html>



    Yanıp sönen menu

    Menüyü umarım beğendiniz. Bu tip menülerde ister butonları ışıklandırabilir, isterseniz yukarı aşağı hareket ettirebilirsiniz. Bu sizin tercihinize kalmış bir iş. Bu hareketin oluşması şu şekilde oluyor. Link bir resim. Mouse bu resmin üzerine geldiğinde yeni bir resim gözüküyor. Mouse linkin üzerinden ayrıldığında ise tekrar eski resme dönülüyor. Bu ise sanki bir hareket var imajı veriyor.

    Bu scripti kullanmak istediğinizde kaç link verecekseniz iki katı kadar resim yapmanız gerekiyor. Mesela biz 6 link için 12 resim hazırladık.
    Script içerisinde resimleri tanımlıyoruz. Her resim için
    var resmin_adi=new Image(); şeklinde javascripte bir resim yeri açmasını sağlıyoruz.
    Yine resmin_adi.src="resim.gif"; şeklinde birtanımlama ile her resim browsere yükletilir.
    Link tanımlamaları yapılırken her resim gösterilirken resme bir isim veriliyor. Mesela
    <img name="yeni_resim" src="resim.gif"> gibi. Yine link verilirken şu şekilde veriyoruz.
    <a href="gidilecek_adres.html" onMouseOver="yeni_resim.src=resim2.src" onMouseOut="yeni_resim.src=resim1.src">
    Burada yeni_resim.src resme verilen isimdir. resim2.src ise mouse linkin üzerine geldiğinde gösterilecek resmin script bölümünde tanımladığımız adıdır. resim1.src ise resim1'in script bölümünde tanımlanan adıdır.

    <html>
    <head>
    <script>
    <!-- gizle
    var but1a=new Image();
    var but1b=new Image();
    var but2a=new Image();
    var but2b=new Image();
    var but3a=new Image();
    var but3b=new Image();
    var but4a=new Image();
    var but4b=new Image();
    var but5a=new Image();
    var but5b=new Image();
    var but6a=new Image();
    var but6b=new Image();
    but1a.src="buton1a.gif";
    but1b.src="buton1b.gif";
    but2a.src="buton2a.gif";
    but2b.src="buton2b.gif";
    but3a.src="buton3a.gif";
    but3b.src="buton3b.gif";
    but4a.src="buton4a.gif";
    but4b.src="buton4b.gif";
    but5a.src="buton5a.gif";
    but5b.src="buton5b.gif";
    but6a.src="buton6a.gif";
    but6b.src="buton6b.gif";
    // gizleme sonu -->
    </script>
    </head>
    <body>
    <table border=0 align=left><tr><td>
    <a href="#" onMouseOver="b1.src=but1b.src" onMouseOut="b1.src=but1a.src"><img name=b1 width=130 height=30 src="buton1a.gif" alt="Programlar"></a><br>
    <a href="#" onMouseOver="b2.src=but2b.src" onMouseOut="b2.src=but2a.src"><img name=b2 width=130 height=30 src="buton2a.gif" alt="Javascript"></a><br>
    <a href="#" onMouseOver="b3.src=but3b.src" onMouseOut="b3.src=but3a.src"><img name=b3 width=130 height=30 src="buton3a.gif" alt="Html kursu"></a><br>
    <a href="#" onMouseOver="b4.src=but4b.src" onMouseOut="b4.src=but4a.src"><img name=b4 width=130 height=30 src="buton4a.gif" alt="Bedava servisler"></a><br>
    <a href="#" onMouseOver="b5.src=but5b.src" onMouseOut="b5.src=but5a.src"><img name=b5 width=130 height=30 src="buton5a.gif" alt="Background"></a><br>
    <a href="#" onMouseOver="b6.src=but6b.src" onMouseOut="b6.src=but6a.src"><img name=b6 width=130 height=30 src="buton6a.gif" alt="E-Mail"></a><br>
    </td></tr></table>
    </body>
    </html>

#12.07.2007 09:03 0 0 0
FreddyKrueger FreddyKrueger foto
  • Büyülüp küçülen yazılar

    Bu script browserlerin 4.0 ve üzeri versiyonlarında çalışıyor. Netscapenin scripti göstermesi çok daha hoş. Mesajların yazıldığı bölüme kendi mesajlarınızı yazmanız gerekiyor. Ayrıca scripti body tagları arasına kopyalayın.
    Kod:

    <html>
    <head>
    </head>
    <body>
    <script language="Javascript">
    <!--
    // please keep these lines on when you copy the source
    // made by: Nicolas - http://www.javascript-page.com
    var tags_before_clock = "<center>";
    var tags_after_clock = "</center>";
    var speed = 100;
    var speed2 = 2000;
    var biggest_text = 28;
    var x = 0;
    var y = 0;
    var themessage, size;
    var esize = "</font>";
    function initArray() {
    this.length = initArray.arguments.length;
    for (var i = 0; i < this.length; i++) {
    this = initArray.arguments;
    }
    }
    var themessage2 = new initArray(
    "Sayfama hos geldiniz",
    "Bu sayfada sizlere bir çok ",
    "Java scritp örneği veriyorum",
    "Kopyalayın ve web sayfanızda kullanın"
    );
    if(navigator.appName == "Netscape") {
    document.write('<layer id="wds"></layer><br>');
    }
    if (navigator.appVersion.indexOf("MSIE") != -1){
    document.write('<span id="wds"></span><br>');
    }
    function upwords(){
    themessage = themessage2[y];
    if (x < biggest_text) {
    x++;
    setTimeout("upwords()",speed);
    }
    else {
    setTimeout("downwords()",speed2);
    }
    if(navigator.appName == "Netscape") {
    size = "<font point-size='"+x+"pt'>";
    document.wds.document.write(size+tags_before_clock+themessage
    +tags_after_clock+esize);
    document.wds.document.close();
    }
    if (navigator.appVersion.indexOf("MSIE") != -1){
    wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
    wds.style.fontSize=x+'px'
    }
    }
    function downwords(){
    if (x > 1) {
    x--;
    setTimeout("downwords()",speed);
    }
    else {
    setTimeout("upwords()",speed2);
    y++;
    if (y > themessage2.length - 1) y = 0;
    }
    if(navigator.appName == "Netscape") {
    size = "<font point-size='"+x+"pt'>";
    document.wds.document.write(size+tags_before_clock+themessage
    +tags_after_clock+esize);
    document.wds.document.close();
    }
    if (navigator.appVersion.indexOf("MSIE") != -1){
    wds.innerHTML = tags_before_clock+themessage+tags_after_clock;
    wds.style.fontSize=x+'px'
    }
    }
    setTimeout("upwords()",speed);
    //-->
    </script>
    Sayfa içeriği
    </body>
    <html>



    Kayan yazılar

    Form kutusu içerisinde görülen yazıya bakın. Oradaki yazıya benzer bir şekilde yazılar yazmaya ihtiyaç duyduğunuzda kullanabileceğiniz bir script. Scripti <HEAD>...</HEAD> tagları arasına yerleştiriyorsunuz. Sonra <BODY onLoad="yazdir()"> şeklinde body tagına onLoad="yazdir()" parametresini ekliyorsunuz.
    Ayrıca yazıyı yazdırmak istediğiniz formu sayfanın dilediğiniz yerine
    <form name=yazi><input type=text name=yaz size=30></form>şeklinde yerleştiriyorsunuz. Yazınız uzunsa size parametresini yazınızın boyuna göre ayarlayın.
    yazi değişkenine istediğiniz yazıyı yazarak istediğiniz mesajı geçebilirsiniz.
    hiz değişkeninin değerinin değiştirerek yazının hızını kontrol edebilirsiniz.

    <html>
    <head>
    <script>
    <!-- gizle
    var yazi=" Bizim yazımızdır bu yazı ";
    var uzunluk=yazi.length;
    var a=0;
    var hiz=100;
    function yazdir()
    {
    yazilacakYazi1=yazi.substring(0,a);
    yazilacakYazi2=yazi.substring(a,uzunluk);
    document.yazi.yaz.value=yazilacakYazi2+yazilacakYazi1;
    if(a>uzunluk){
    a=0;
    }
    else a++;
    setTimeout("yazdir()",hiz);
    }
    // gizleme sonu -->
    </script>
    </head>
    <body>
    <form name=yazi>
    <input type=text name=yaz size=30>
    </form>
    Sayfa içeriği
    </body>
    <html>



    Hareketli Daktilo Yazısı

    Form kutusu içerisinde görülen yazıya bakın. Oradaki yazıya benzer bir şekilde yazılar yazmaya ihtiyaç duyduğunuzda kullanabileceğiniz bir script. Scripti <HEAD>...</HEAD> tagları arasına yerleştiriyorsunuz. Sonra <BODY onLoad="yazdir()"> şeklinde body tagına onLoad="yazdir()" parametresini ekliyorsunuz.
    Ayrıca yazıyı yazdırmak istediğiniz formu sayfanın dilediğiniz yerine
    <form name=yazim><input type=text name=t size=30></form>şeklinde yerleştiriyorsunuz. Yazınız uzunsa size parametresini yazınızın boyuna göre ayarlayın.
    yazi değişkenine istediğiniz yazıyı yazarak istediğiniz mesajı geçebilirsiniz.
    hiz değişkeninin değerinin değiştirerek yazının hızını kontrol edebilirsiniz.

    <html>
    <head>
    <script>
    <!-- gizle

    var yazi=" Bizim yazımızdır bu yazı ";
    var uzunluk=yazi.length;
    var a=0;
    var hiz=100;
    function yazdir()
    {
    yazilacakYazi=yazi.substring(a,0);
    document.yazim.t.value=yazilacakYazi;
    if(a>uzunluk) a=0;
    else a++;
    setTimeout("yazdir()",hiz);
    }
    // gizleme sonu -->
    </script>
    </head>
    <body>
    <form name=yazim>
    <input type=text name=t size=30>
    </form>
    Sayfa içeriği
    </body>
    <html>



    Durum çubuğunda kayan yazılar 1

    Durum çubuğunda görülen yazıya bakın. Oradaki yazıya benzer bir şekilde yazılar yazmaya ihtiyaç duyduğunuzda kullanabileceğiniz bir script. Scripti <HEAD>...</HEAD> tagları arasına yerleştiriyorsunuz. Sonra <BODY onLoad="yazdir()"> şeklinde body tagına onLoad="yazdir()" parametresini ekliyorsunuz.
    yazi değişkenine istediğiniz yazıyı yazarak istediğiniz mesajı geçebilirsiniz.
    hiz değişkeninin değerinin değiştirerek yazının hızını kontrol edebilirsiniz.

    <html>
    <head>
    <script>
    <!-- gizle
    var yazi=" Bizim yazımızdır bu yazı ";
    var uzunluk=yazi.length;
    var a=0;
    var hiz=100;
    function yazdir()
    {
    yazilacakYazi1=yazi.substring(0,a);
    yazilacakYazi2=yazi.substring(a,uzunluk);
    window.status=yazilacakYazi2+yazilacakYazi1;
    if(a>uzunluk){
    a=0;
    }
    else a++;
    setTimeout("yazdir()",hiz);
    }
    // gizleme sonu -->
    </script>
    </head>
    <body onLoad="yazdir()">
    Sayfa içeriği
    </body>
    <html>



    Durum çubuğunda kayan metinler 2

    Status çubuğunda görülen yazıya bakın. Oradaki yazıya benzer bir şekilde yazılar yazmaya ihtiyaç duyduğunuzda kullanabileceğiniz bir script. Scripti <HEAD>...</HEAD> tagları arasına yerleştiriyorsunuz. Sonra <BODY onLoad="yazdir()"> şeklinde body tagına onLoad="yazdir()" parametresini ekliyorsunuz.
    yazi değişkenine istediğiniz yazıyı yazarak istediğiniz mesajı geçebilirsiniz.
    hiz değişkeninin değerinin değiştirerek yazının hızını kontrol edebilirsiniz.

    <html>
    <head>
    <script>
    <!-- gizle
    var yazi="Bizim yazımızdır bu yazı";
    var sil="";
    var a=true;
    var b=0;
    var hiz=700;
    function yazdir()
    {
    if(b==2) a=true;
    if(a){ window.status=yazi; a=false; b=0;}
    else window.status=sil;
    b++;
    setTimeout("yazdir()",hiz);
    }
    // gizleme sonu -->
    </script>
    </head>
    <body onLoad="yazdir()">
    Sayfa içeriği
    </body>
    <html>
#12.07.2007 09:03 0 0 0
FreddyKrueger FreddyKrueger foto
  • LiSte Gördüqünüz Gibi aLıntıdır, OrjinaL YazarLarını BiLmediqim Için Not Dü$emedim...

    HazırLayan Arkada$Lara Te$ekkürLer...
#12.07.2007 09:03 0 0 0
Firari159 Firari159 foto
  • Teşekkürler
#05.08.2008 16:04 0 0 0
tasci76 tasci76 foto
  • tesekkürler
#08.08.2008 10:01 0 0 0
kipkip kipkip foto
  • çok teşekkürler gayet iyi
#29.08.2008 06:17 0 0 0
tiridinho tiridinho foto
  • Güzel kodlar eline sağlık
#29.08.2008 19:52 0 0 0
yesildagc yesildagc foto
  • teşekkürler
#16.10.2009 21:47 0 0 0