TamAlp.Tr.Gg

Html Kodlar 8

---------------------------------------------------------------------------

Başlık Çubuğunda Kayan Yazı

---------------------------------------------------------------------------
Site Arka Planını Ziyaretçi Belirlesin

Önizleme

KOD

<title> Color changer</title> <script language="JavaScript">  </script> </head> <body> <div align="center"> <form> <input type="button" value="" onclick="newbg('#ff0000');" style="color: #FF0000; border: 1px solid #FF0000; background-color: #FF0000"> <input type="button" onclick="newbg('#000000');" style="color: #000000; border: 1px solid #000000; background-color: #000000"> <font color="#003399"> <input type="button" onclick="newbg('5c6390');" style="border: 1px solid #5C6390; background-color: #5C6390"></font> <input type="button" onclick="newbg('#003399');" style="color: #003399; border: 1px solid #003399; background-color: #003399"> </form> </div>

---------------------------------------------------------------------------

Siteni çerçeve içine al

<STYLE>BODY { BORDER-RIGHT: #cc0000 15px ridge; BORDER-TOP: #cc0000 15px ridge; BORDER-LEFT: #cc0000 15px ridge; BORDER-BOTTOM: #cc0000 15px ridge } </STYLE>

---------------------------------------------------------------------------

Sitenin Arka Planını Ve Yazı Rengini Ziyaretçiler Belirlesin.

Önizleme

Please Enter a Color
Background:


Text:

KOD

<title> Background and font Color picker </title>     <script language="JavaScript">          </script>     </head>     <body>     <div align="center">     <form name="colc">     <table border="1">     <td colspan="2">     <b><center>Please Enter a Color</td><tr><td>     <b>Background:</td><td><select name="cc" size="1">     <option value="black">Black     <option value="blue">Blue     <option value="green">Green     <option value="skyblue">Light Blue     <option value="orange">Orange     <option value="purple">Purple     <option value="red">Red     <option value="silver">Silver     <option value="Yellow">Yellow     <option selected value="white">White     </select></td><tr><td>     <b>Text:</td><td>     <select name="tc" size="1">     <option selected value="black">Black     <option value="blue">Blue     <option value="green">Green     <option value="skyblue">Light Blue     <option value="orange">Orange     <option value="purple">Purple     <option value="red">Red     <option value="silver">Silver     <option value="Yellow">Yellow     <option value="white">White     </select>     </td><tr><td colspan="2">     <center><input type="button" name="button" value="Change Color!" onclick="color()">     </td>     </table>     </form>     </div>     </body>     </html>     <meta name="GENERATOR" content="Microsoft FrontPage 5.0">     <meta name="ProgId" content="FrontPage.Editor.Document">     <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">     <title>Nova pagina 1</title>

---------------------------------------------------------------------------

Sitene Değişik Bir Duyuru Panosu

<html><head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>FRAME</title> <STYLE type=text/css>#content {LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 0px}</STYLE> <SCRIPT language=javascript> var upH = 10; // Height of up-arrow var upW = 17; // Width of up-arrow var downH = 10; // Height of down-arrow var downW = 17; // Width of down-arrow var dragH = 206; // Height of scrollbar var dragW = 15; // Width of scrollbar var scrollH =305; // Height of scrollbar var speed =15; // Scroll speed // Browser detection var dom = document.getElementById ? true:false; var nn4 = document.layers ? true:false; var ie4 = document.all ? true:false; var mouseY; // Mouse Y position onclick var mouseX; // Mouse X position onclick var clickUp = false; // If click on up-arrow var clickDown = false; // If click on down-arrow var clickDrag = false; // If click on scrollbar var clickAbove = false; // If click above scrollbar var clickBelow = false; // If click below scrollbar var timer = setTimeout("",500); // Repeat variable var upL; // Up-arrow X var upT; // Up-arrow Y var downL; // Down-arrow X var downT; // Down-arrow Y var dragL; // Scrollbar X var dragT; // Scrollbar Y var rulerL; // Ruler X var rulerT; // Ruler Y var contentT; // Content layer Y; var contentH; // Content height var contentClipH; // Content clip height var scrollLength; // Number of pixels scrollbar should move var startY; // Keeps track of offset between mouse and span // Mousedown function down(e){ if((document.layers && e.which!=1) || (document.all && event.button!=1)) return true; // Enables the right mousebutton getMouse(e); startY = (mouseY - dragT); // If click on up-arrow if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){ clickUp = true; return scrollUp(); } // Else if click on down-arrow else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){ clickDown = true; return scrollDown(); } // Else if click on scrollbar else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){ clickDrag = true; return false; } else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){ // If click above drag if(mouseY < dragT){ clickAbove = true; clickUp = true; return scrollUp(); } // Else click below drag else{ clickBelow = true; clickDown = true; return scrollDown(); } } // If no scrolling is to take place else{ return true; } } // Drag function function move(e){ if(clickDrag && contentH > contentClipH){ getMouse(e); dragT = (mouseY - startY); if(dragT < (rulerT)) dragT = rulerT; if(dragT > (rulerT + scrollH - dragH)) dragT = (rulerT + scrollH - dragH); contentT = ((dragT - rulerT)*(1/scrollLength)); contentT = eval('-' + contentT); moveTo(); } // So ie-pc doesn't select gifs if(ie4) return false; } function up(){ clearTimeout(timer); // Resetting variables clickUp = false; clickDown = false; clickDrag = false; clickAbove = false; clickBelow = false; return true; } // Reads content layer top function getT(){ if(ie4) contentT = document.all.content.style.pixelTop; else if(nn4) contentT = document.contentClip.document.content.top; else if(dom) contentT = parseInt(document.getElementById("content").style.top); } // Reads mouse X and Y coordinates function getMouse(e){ if(ie4){ mouseY = event.clientY; mouseX = event.clientX; } else if(nn4 || dom){ mouseY = e.pageY; mouseX = e.pageX; } } // Moves the layer function moveTo(){ if(ie4){ document.all.content.style.top = contentT; document.all.ruler.style.top = dragT; document.all.drag.style.top = dragT; } else if(nn4){ document.contentClip.document.content.top = contentT; document.ruler.top = dragT; document.drag.top = dragT; } else if(dom){ document.getElementById("content").style.top = contentT + "px"; document.getElementById("drag").style.top = dragT + "px"; document.getElementById("ruler").style.top = dragT + "px"; } } // Scrolls up function scrollUp(){ getT(); if(clickAbove){ if(dragT <= (mouseY-(dragH/2))) return up(); } if(clickUp){ if(contentT < 0){ dragT = dragT - (speed*scrollLength); if(dragT < (rulerT)) dragT = rulerT; contentT = contentT + speed; if(contentT > 0) contentT = 0; moveTo(); timer = setTimeout("scrollUp()",25); } } return false; } // Scrolls down function scrollDown(){ getT(); if(clickBelow){ if(dragT >= (mouseY-(dragH/2))) return up(); } if(clickDown){ if(contentT > -(contentH - contentClipH)){ dragT = dragT + (speed*scrollLength); if(dragT > (rulerT + scrollH - dragH)) dragT = (rulerT + scrollH - dragH); contentT = contentT - speed; if(contentT < -(contentH - contentClipH)) contentT = -(contentH - contentClipH); moveTo(); timer = setTimeout("scrollDown()",25); } } return false; } // reloads page to position the layers again function reloadPage(){ location.reload(); } // Preload function eventLoader(){ if(ie4){ // Up-arrow X and Y variables upL = document.all.up.style.pixelLeft; upT = document.all.up.style.pixelTop; // Down-arrow X and Y variables downL = document.all.down.style.pixelLeft; downT = document.all.down.style.pixelTop; // Scrollbar X and Y variables dragL = document.all.drag.style.pixelLeft; dragT = document.all.drag.style.pixelTop; // Ruler Y variable rulerT = document.all.ruler.style.pixelTop; // Height of content layer and clip layer contentH = document.all.content.offsetHeight; contentClipH = document.all.contentClip.offsetHeight; } else if(nn4){ // Up-arrow X and Y variables upL = document.up.left; upT = document.up.top; // Down-arrow X and Y variables downL = document.down.left; downT = document.down.top; // Scrollbar X and Y variables dragL = document.drag.left; dragT = document.drag.top; // Ruler Y variable rulerT = document.ruler.top; // Height of content layer and clip layer contentH = document.contentClip.document.content.clip.bottom; contentClipH = document.contentClip.clip.bottom; } else if(dom){ // Up-arrow X and Y variables upL = parseInt(document.getElementById("up").style.left); upT = parseInt(document.getElementById("up").style.top); // Down-arrow X and Y variables downL = parseInt(document.getElementById("down").style.left); downT = parseInt(document.getElementById("down").style.top); // Scrollbar X and Y variables dragL = parseInt(document.getElementById("drag").style.left); dragT = parseInt(document.getElementById("drag").style.top); // Ruler Y variable rulerT = parseInt(document.getElementById("ruler").style.top); // Height of content layer and clip layer contentH = document.getElementById("content").offsetHeight; contentClipH = document.getElementById("contentClip").offsetHeight; document.getElementById("content").style.top = 0 + "px"; } // Number of pixels scrollbar should move scrollLength = ((scrollH-dragH)/(contentH-contentClipH)); // Initializes event capturing if(nn4){ document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP) window.onresize = reloadPage; } document.onmousedown = down; document.onmousemove = move; document.onmouseup = up; } </SCRIPT> </head> <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onload=eventLoader() bgcolor="#FFFFFF"> <DIV id=up style="Z-INDEX: 12; LEFT: 231px; VISIBILITY: visible; WIDTH: 9px; CURSOR: hand; POSITION: absolute; TOP: 5px; HEIGHT: 9px"> <IMG height=13 src="up_down101.gif" width=13></DIV> <DIV id=down style="Z-INDEX: 12; LEFT: 231px; VISIBILITY: visible; WIDTH: 9px; CURSOR: hand; POSITION: absolute; TOP: 150px; HEIGHT: 9px"> <IMG height=13 src="up_down101.gif" width=13></DIV> <DIV id=drag style="Z-INDEX: 15; LEFT: 231px; VISIBILITY: visible; WIDTH: 9px; CURSOR: hand; POSITION: absolute; TOP: 17px; HEIGHT: 1px"> <IMG height=34 src="scroll101.gif" width=13></DIV> <DIV id=ruler style="Z-INDEX: 16; LEFT: 13; VISIBILITY: visible; WIDTH: 204; CURSOR: hand; POSITION: absolute; TOP: 15; HEIGHT: 34"> <p align="center"></DIV> <DIV id=contentClip style="Z-INDEX: 17; LEFT: 10px; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 214px; CLIP: rect(0px 600px 150px 0px); POSITION: absolute; TOP: 26px; HEIGHT:120px"> <DIV id=content style="WIDTH: 204; HEIGHT: 834"> <p align="center"><font face="Tahoma" size="1">*** BLA BLA ***</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</font></p> <p align="center"><font face="Tahoma" size="1">*** *** *** *** *** *** *** *** *** *** *** ***</font></p> </DIV></DIV> </body></html>

---------------------------------------------------------------------------

TamAlp

Html Kodlar 8

Menu

Web

Üyelik

Reklam Alanı