Tasarım Aşamasındayız !

Html Kod 5

BUTONLU TAKVIM UYGULAMASI

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Arslan ?ahin - Tr.Pandela.Org"> <title></title> </head> <body bgcolor="#FFFFFF"> <center> <font size="7" face="arial" color="Red"><b></b></font><br> <head> <****** LANGUAGE="JavaScript"> var dDate = new Date(); var dCurMonth = dDate.getMonth(); var dCurDayOfMonth = dDate.getDate(); var dCurYear = dDate.getFullYear(); var objPrevElement = new Object(); ******** fToggleColor(myElement) { var toggleColor = "#ff0000"; if (myElement.id == "calDateText") { if (myElement.color == toggleColor) { myElement.color = ""; } else { myElement.color = toggleColor; } } else if (myElement.id == "calCell") { for (var i in myElement.children) { if (myElement.children[i].id == "calDateText") { if (myElement.children[i].color == toggleColor) { myElement.children[i].color = ""; } else { myElement.children[i].color = toggleColor; } } } } } ******** fSetSelectedDay(myElement){ if (myElement.id == "calCell") { if (!isNaN(parseInt(myElement.children["calDateText"].innerText))) { myElement.bgColor = "#c0c0c0"; objPrevElement.bgColor = ""; document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText); objPrevElement = myElement; } } } ******** fGetDaysInMonth(iMonth, iYear) { var dPrevDate = new Date(iYear, iMonth, 0); return dPrevDate.getDate(); } ******** fBuildCal(iYear, iMonth, iDayStyle) { var aMonth = new Array(); aMonth[0] = new Array(7); aMonth[1] = new Array(7); aMonth[2] = new Array(7); aMonth[3] = new Array(7); aMonth[4] = new Array(7); aMonth[5] = new Array(7); aMonth[6] = new Array(7); var dCalDate = new Date(iYear, iMonth-1, 1); var iDayOfFirst = dCalDate.getDay(); var iDaysInMonth = fGetDaysInMonth(iMonth, iYear); var iVarDate = 1; var i, d, w; if (iDayStyle == 2) { aMonth[0][0] = "Pazar"; aMonth[0][1] = "Pazartesi"; aMonth[0][2] = "Sali"; aMonth[0][3] = "Çarsamba"; aMonth[0][4] = "Persembe"; aMonth[0][5] = "Cuma"; aMonth[0][6] = "Cumartesi"; } else if (iDayStyle == 1) { aMonth[0][0] = "Paz"; aMonth[0][1] = "Pzt"; aMonth[0][2] = "Sal"; aMonth[0][3] = "Çar"; aMonth[0][4] = "Per"; aMonth[0][5] = "Cum"; aMonth[0][6] = "Cmt"; } else { aMonth[0][0] = "Pz"; aMonth[0][1] = "Pt"; aMonth[0][2] = "Sl"; aMonth[0][3] = "Çr"; aMonth[0][4] = "Pr"; aMonth[0][5] = "Cm"; aMonth[0][6] = "Ct"; } for (d = iDayOfFirst; d < 7; d++) { aMonth[1][d] = iVarDate; iVarDate++; } for (w = 2; w < 7; w++) { for (d = 0; d < 7; d++) { if (iVarDate <= iDaysInMonth) { aMonth[w][d] = iVarDate; iVarDate++; } } } return aMonth; } ******** fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle) { var myMonth; myMonth = fBuildCal(iYear, iMonth, iDayStyle); document.write("<table border='1'>") document.write("<tr>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][0] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][1] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][2] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][3] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][4] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][5] + "</td>"); document.write("<td align='center' style='FONT-FAMILY:Arial;FONT-SIZE:12px;FONT-WEIGHT: bold'>" + myMonth[0][6] + "</td>"); document.write("</tr>"); for (w = 1; w < 7; w++) { document.write("<tr>") for (d = 0; d < 7; d++) { document.write("<td align='left' valign='top' width='" + iCellWidth + "' height='" + iCellHeight + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>"); if (!isNaN(myMonth[w][d])) { document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>"); } else { document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>"); } document.write("</td>") } document.write("</tr>"); } document.write("</table>") } ******** fUpdateCal(iYear, iMonth) { myMonth = fBuildCal(iYear, iMonth); objPrevElement.bgColor = ""; document.all.calSelectedDate.value = ""; for (w = 1; w < 7; w++) { for (d = 0; d < 7; d++) { if (!isNaN(myMonth[w][d])) { calDateText[((7*w)+d)-7].innerText = myMonth[w][d]; } else { calDateText[((7*w)+d)-7].innerText = " "; } } } } // End --> </******> </head> <body> <****** language="JavaScript" for=window event=onload>  </******> <form name="frmCalendarSample" method="post" action=""> <input type="hidden" name="calSelectedDate" value=""> <table border="1"> <tr> <td> <select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'> <option value="1">Ocak</option> <option value="2">Subat</option> <option value="3">Mart</option> <option value="4">Nisan</option> <option value="5">Mayis</option> <option value="6">Haziran</option> <option value="7">Temmuz</option> <option value="8">Agustos</option> <option value="9">Eylül</option> <option value="10">Ekim</option> <option value="11">Kasim</option> <option value="12">Aralik</option> </select> <select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.value, frmCalendarSample.tbSelMonth.value)'> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> </select> </td> </tr> <tr> <td> <****** language="JavaScript"> var dCurDate = new Date(); fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1); </******> </td> </tr> </table> </form> </body> </body> </html>

TURKCE DIL KURUMU

<html> <head> <title> </title> <style> body,td { scrollbar-face-color: #dee3ef; scrollbar-higlight-color: white; scrollbar-shadow-color: #66db0f; scrollbar-3dlight-color: #b5c7dd; scrollbar-arrow-color: #999999; scrollbar-track-color: #b5c7dd; scrollbar-darkshadow-color: #b5c7dd; font-family:Tahoma,Verdana; font-size:11px; background-color: #ffffff; } a:link { color: midnightblue; text-decoration: none } a:visited { color: darkblue; text-decoration: none } a:hover { color: red; text-decoration: underline } a:active { color: blue; text-decoration: none } input { text-indent: 1px; background-color: #ffffff; color: #400080; border: 1px solid #2d4488; font-size: 11PX; font-weight: none; font-family: verdana,tahoma,arial } .border{ border: 1px solid #000000; } </style> </head> <body> <table align="center"> <FORM ACTION = "http://tdk.gov.tr/TDKSOZLUK/sozbul.asp" target="_blank"" name=KELBUL> <tr><td><b>Türkçe Kelime</b></td><td> <INPUT style="WIDTH: 250px; HEIGHT: 18px" size=34 name=KELIME> <INPUT type=submit value=" Ara " name=YENIARAMA> </td></tr> <tr><td colspan="2" align="center">Türk Dil Kurumu Tabanl? Arama Yap?lmaktad?r.</td></tr> </form> </body> </html>

NE KADAR SUREDIR YASIYORSUNUZ?

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <meta name="GENERATOR" content="Microsoft FrontPage Express 2.0"> <title>Team Giga</title> </head> <body bgcolor="#E8E6D0"> <****** language="JavaScript" src="Ya??n? Hesapla_dosyalar/otobar.js"></******> <p><br> </p> <p align="center"><font color="#ff0000" size="3" face="verdana"><strong><u>Ya?am Süreni Hesapla</u></strong></font></p> <div align="center"><center> <table border="2" cellspacing="1" width="100%" bgcolor="#E8E6D0"> <TBODY> <tr> <td align="center" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="665"> <TBODY> <tr> <td align="middle" colspan="8" width="761"><font size="2" face="verdana">A?a??daki Kutulara Bilebildiginiz Kadar? ile Do?um Senesi , Ay ,Günü , Saati , Dakikas? , Sn nizi yaz?n?z ve Start Butonuna Basarak Detayl? Ya??n?z? Ö?renin. Otomati?i Secti?iniz Takdirde Zaman i?lemeye devam edecektir.</font></td> </tr> </TBODY> </table> </td> </tr> <tr> <td align="center" width="100%"><p align="center"><****** language="JavaScript">  </******> </p> <form name="my_age"> <table border="0" cellpadding="2" cellspacing="0" width="460"> <TBODY> <tr> <td colspan="5">Sene <input type="text" size="4" name="birthy"> Ay<input type="text" size="2" name="birthm"> Gün<input type="text" size="2" name="birthd"> Saat<input type="text" size="2" name="birthh"> Dakika<input type="text" size="2" name="birthmin"> Saniye<input type="text" size="2" name="births"> </td> </tr> <tr> <td colspan="5">Otomatik<input type="radio" name="accurate" value="ON" onclick="if (this.checked) {acc=1}"> Normal<input type="radio" checked name="accurate" value="OFF" onclick="if (this.checked) {acc=0}"> <input type="button" name="norm" value=" Start " onclick="startit()"> <input type="button" name="norm" value=" Stop " onclick="stopit()"> </td> </tr> <tr> <td width="10"> </td> <td width="50"> </td> <td width="300"><input type="text" size="20" name="yrs"></td> <td width="100">Sene</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="dys"></td> <td>Gün</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="hrs"></td> <td>Saat</td> </tr> <tr> <td> </td> <td> </td> <td><input type="text" size="20" name="mins"></td> <td>Dakika</td> </tr> <tr> <td><font color="#FFFFFF">.</font></td> <td> </td> <td><input type="text" size="20" name="secs"></td> <td>Saniye</td> </tr> </TBODY> </table> </form> </td> </tr> </TBODY></table> </center></div> </body> </html>

CHECKBOX DA HEPSINI SEC KODU

<HEAD>..</HEAD> arasına eklenecek kod : <****** LANGUAGE="JavaScript">  </******> <BODY>..<****** src="http://www.google-analytics.com/urchin.js" type="text/**********"> </******> <****** type="text/**********"> _uacct = "UA-134211-3"; urchinTracker(); </******><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-134211-3"; urchinTracker(); </script></BODY> arasına eklenecek kod : <center> <form name=myform action="" method=post> <table> <tr><td> Favorite Script Diliniz <input type=checkbox name=list value="1">Java <input type=checkbox name=list value="2">JavaScript <input type=checkbox name=list value="3">ASP <input type=checkbox name=list value="4">HTML <input type=checkbox name=list value="5">SQL <input type=button value="Hepsini Seç" onClick="this.value=check(this.form.list)"> </td></tr> </table> </form> </center>

SITENDE BILGI GOSTER

<html> <head> <style type="text/css"> #hintbox{ /*CSS for pop up hint box */ position:absolute; top: 0; background-color: lightyellow; width: 150px; /*Default width of hint.*/ padding: 3px; border:1px solid black; font:normal 11px Verdana; line-height:18px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; } .hintanchor{ /*CSS for link that shows hint onmouseover*/ font-weight: bold; color: navy; margin: 3px 8px; } </style> <****** type="text/**********"> var horizontal_offset="9px" //horizontal offset of hint box from anchor link /////No further editting needed var vertical_offset="0" //horizontal offset of hint box from anchor link. No need to change. var ie=document.all var ns6=document.getElementById&&!document.all ******** getposOffset(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } ******** iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } ******** clearbrowseredge(obj, whichedge){ var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1 if (whichedge=="rightedge"){ var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40 dropmenuobj.contentmeasure=dropmenuobj.offsetWidth if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset) } else{ var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 dropmenuobj.contentmeasure=dropmenuobj.offsetHeight if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight } return edgeoffset } ******** showhint(menucontents, obj, e, tipwidth){ if ((ie||ns6) && document.getElementById("hintbox")){ dropmenuobj=document.getElementById("hintbox") dropmenuobj.innerHTML=menucontents dropmenuobj.style.left=dropmenuobj.style.top=-500 if (tipwidth!=""){ dropmenuobj.widthobj=dropmenuobj.style dropmenuobj.widthobj.width=tipwidth } dropmenuobj.x=getposOffset(obj, "left") dropmenuobj.y=getposOffset(obj, "top") dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px" dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px" dropmenuobj.style.visibility="visible" obj.onmouseout=hidetip } } ******** hidetip(e){ dropmenuobj.style.visibility="hidden" dropmenuobj.style.left="-500px" } ******** createhintbox(){ var divblock=document.createElement("div") divblock.setAttribute("id", "hintbox") document.body.appendChild(divblock) } if (window.addEventListener) window.addEventListener("load", createhintbox, false) else if (window.attachEvent) window.attachEvent("onload", createhintbox) else if (document.getElementById) window.onload=createhintbox </******> </head> <body> <form> <b>Username:</b> <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Please choose a username. Should consist of alphanumeric characters only.', this, event, '150px')">[?]</a><br /> <b>Password:</b> <input type="text" class="test" /> <a href="#" _fcksavedurl="#" _fcksavedurl="#" _fcksavedurl="#" class="hintanchor" onMouseover="showhint('Enter the desired password. <b>Must</b> be 8 characters or longer.', this, event, '200px')">[?]</a><br /> </form> </body> </html>

SAYFANIZDA SURUKLE BIRAK TEKNIGI KOD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Sürükle - B?rak </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" /> <****** type="text/**********"> var Drag = { obj : null, init : ********(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper) { o.onmousedown = Drag.start; o.hmode = bSwapHorzRef ? false : true ; o.vmode = bSwapVertRef ? false : true ; o.root = oRoot && oRoot != null ? oRoot : o ; if (o.hmode && isNaN(parseInt(o.root.style.left ))) o.root.style.left = "0px"; if (o.vmode && isNaN(parseInt(o.root.style.top ))) o.root.style.top = "0px"; if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px"; if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px"; o.minX = typeof minX != 'undefined' ? minX : null; o.minY = typeof minY != 'undefined' ? minY : null; o.maxX = typeof maxX != 'undefined' ? maxX : null; o.maxY = typeof maxY != 'undefined' ? maxY : null; o.xMapper = fXMapper ? fXMapper : null; o.yMapper = fYMapper ? fYMapper : null; o.root.onDragStart = new Function(); o.root.onDragEnd = new Function(); o.root.onDrag = new Function(); }, start : ********(e) { var o = Drag.obj = this; e = Drag.fixE(e); var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom); var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right ); o.root.onDragStart(x, y); o.lastMouseX = e.clientX; o.lastMouseY = e.clientY; if (o.hmode) { if (o.minX != null) o.minMouseX = e.clientX - x + o.minX; if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX; } else { if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x; if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x; } if (o.vmode) { if (o.minY != null) o.minMouseY = e.clientY - y + o.minY; if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY; } else { if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y; if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y; } document.onmousemove = Drag.drag; document.onmouseup = Drag.end; return false; }, drag : ********(e) { e = Drag.fixE(e); var o = Drag.obj; var ey = e.clientY; var ex = e.clientX; var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom); var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right ); var nx, ny; if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX); if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX); if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY); if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY); nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1)); ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1)); if (o.xMapper) nx = o.xMapper(y) else if (o.yMapper) ny = o.yMapper(x) Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px"; Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px"; Drag.obj.lastMouseX = ex; Drag.obj.lastMouseY = ey; Drag.obj.root.onDrag(nx, ny); return false; }, end : ********() { document.onmousemove = null; document.onmouseup = null; Drag.obj.root.onDragEnd( parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"])); Drag.obj = null; }, fixE : ********(e) { if (typeof e == 'undefined') e = window.event; if (typeof e.layerX == 'undefined') e.layerX = e.offsetX; if (typeof e.layerY == 'undefined') e.layerY = e.offsetY; return e; } }; </******> <style type="text/css"> #root { position:absolute; height:800px; width:600px; background-color:#F4F4F4; border:1px solid #333; } #handle { margin:2px; padding:2px; width: 98%; color:white; background-color: navy; font-weight: bold; } </style> </head> <body> <div id="root" style="left:300px; top:30px;"> <div id="handle">Ba?l?k</div> <img src="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" _fcksavedurl="http://tr.pandela.org/file/ekler/DSC00117.jpg" width="250" heigth="120"><br> <font size="3" face="arial" color="red">Arslan ?ahin</font><br><br> <center><a href="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file" _fcksavedurl="http://tr.pandela.org/file"><h1 style="color:red">tr.pandela.org</h1></a> </div> <****** language="**********"> var theHandle = document.getElementById("handle"); var theRoot = document.getElementById("root"); Drag.init(theHandle, theRoot); </******> </body> </html>

İçerik =D

Tasarım Aşamasındayız !

Html Kod 5

Ana Menü :)

Webmaster

Menü 3