|
|||||||
| Web Tasarım İnternet sitesi ile ilgili kodlar, kaynaklar, ipuçları, uygulamalar ve diğer herşey. |
 |
|
|
Konu Araçları |
29.03.2006
|
#1 (permalink) |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Karışık HTML Kodlar. İşinize Kesinlikle Yarar.
Sayfayı kapatma butonu
" Diyelimki web sitenize gelen ziyaterçilerinizin isteğine göre kapanması gereken bir sayfanız var, bu ufak script sanırım işinizi görür. örnek ve html kodları aşağıda. ..." <form> <p><input type="button" value="Kapat" onClick="window.close()"> </p> </form> <a href="javascript:window.close()"> <p>Tıklayın Kapatın</a> </p> </body> </html> --------------------------------------------------------------------- Hesap makinesi" * çarpma / bölmedir biliyorsunuzdur zaten html de diyebiliriz jscript de son derece kullanişli web e atmak zorunda degilsiniz masaüstünüzde size yardimi olabilir ..." kod : <body><table border="2" width="200" cellspacing="0" cellpadding="0" bgcolor="#000000" style="border-color:black" onClick="previouskey=event.srcElement.innerText"> <tr> <td width="100%" bgcolor="#FFFFFF" id="result" style="font:bold 20px Verdana;color:black;text-align='right'">0</td> </tr> <tr> <td width="100%" valign="middle" align="center"><table border="0" width="100%" cellspacing="0" cellpadding="0" style="font:bold 20px Verdana;color:white"> <tr> <td width="80%" align="center"><table border="1" width="100%" cellspacing="0" cellpadding="0" style="cursor:hand;font:bold 20px Verdana;color:white" onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.s tyle.color='yellow'" onMouseout="event.srcElement.style.color='white'" onselectStart="return false" onClick="calculate()" height="82"> <tr> <td width="25%" align="center" height="17">7</td> <td width="25%" align="center" height="17">8</td> <td width="25%" align="center" height="17">9</td> <td width="25%" align="center" height="17">/</td> </tr> <tr> <td width="25%" align="center" height="19">4</td> <td width="25%" align="center" height="19">5</td> <td width="25%" align="center" height="19">6</td> <td width="25%" align="center" height="19">*</td> </tr> <tr> <td width="25%" align="center" height="19">1</td> <td width="25%" align="center" height="19">2</td> <td width="25%" align="center" height="19">3</td> <td width="25%" align="center" height="19">-</td> </tr> <tr> <td width="25%" align="center" height="19">0</td> <td width="25%" align="center" height="19" onClick="pn();previouskey=1;event.cancelBubble=tru e">+/-</td> <td width="25%" align="center" height="19">.</td> <td width="25%" align="center" height="19">+</td> </tr> </table></td> <td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" style="cursor:hand;font:bold 20px Verdana;color:white;text-align:center" onClick="result.innerText=0;results=''">C</td> </tr> </table> </div><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0" height="81"> <tr> <td width="100%" style="cursor:hand;font:bold 32px Verdana;color:white;text-align:center" onMouseover="event.srcElement.style.color='yellow' " onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td> </tr> </table> </div></td> </tr> </table></td> </tr> </table> <script language="JavaScript1.2">/* 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ var results='' var previouskey='' var re=/(\/|\*|\+|-)/ var re2=/(\/|\*|\+|-){2}$/ var re3=/.+(\/|\*|\+|-).+/ var re4=/\d|\./ var re5=/^[^\/\*\+].+\d$/ var re6=/\./ function calculate(){ if (event.srcElement.tagName=="TD"){ if (event.srcElement.innerText.match(re4)&&previouske y=="=") results='' if (result.innerText.match(re3)&&event.srcElement.inn erText.match(re)){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString() .match(re6)) results=results.toString().substring(0,12) result.innerText=results } results+=event.srcElement.innerText if (results.match(re2)) results=results.substring(0,results.length-2)+results.charAt(results.length-1) result.innerText=results } } function calculateresult(){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString() .match(re6)) results=results.toString().substring(0,12) result.innerText=results } function pn(){ if (result.innerText.charAt(0)!='-') result.innerText=results='-'+result.innerText else if (result.innerText.charAt(0)=='-') result.innerText=results=result.innerText*(-1) }</script> </body> -------------------------------------------------------------------- |
|
|
|
29.03.2006
|
#2 (permalink) |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Html ses......
" Eğer web sayfanızda geri planda (sayfanız açıldığı zaman) bir ses dosyası çalıştırmak istiyorsanız bgsound tagını kullanabilirsiniz...... ..." kod: <html> <head></head> <body> <bgsound src="ses dosyasının yoluyla beraber adı" loop="kaç kez çalıştırılacağı"> </body> </html> ------------------------------- Örnek: <html> <head></head> <body> <bgsound src="./sesler/hayvanlar/at1.wav" loop="4"> </body> </html> ------------------------------- Eğer ses dosyası kendi server ınızda değilse örnek: <html> <head></head> <body> <bgsound src="http://www.sesdeposu.com/sesler/hayvanlar/at1.wav" loop="4"> </body> </html> şeklinde dosya adını ve yolunu tam olarak yazmalısınız ---------------------------------------------------------------------------------------------- Sağdan ortaya kayan ana başlık...... " Kodu html olarak kayit eden ve gorunen yazilari bulup degistirin...... ..." Kod: <META content="MSHTML 5.00.2920.0" name=GENERATOR><!-- Created with AOLpress/2.0 --> <SCRIPT language=JavaScript FPTYPE="dynamicanimation"> <!-- // If you want to change this script, you must also make the following // changes so that FrontPage will not overwrite your new script. // In the script tag, change type="dynamicanimation" to type="mydynamicanimation" // In the first script statement, change "dynamicanimation" to "mydynamicanimation" // Throughout the HTML content, change dynamicanimation= to mydynamicanimation= // Change function dynAnimation to function mydynAnimation // In the body tag, change onload="dynAnimation()" to onload="mydynAnimation()" dynamicanimAttr = "dynamicanimation" animateElements = new Array() currentElement = 0 speed = 0 stepsZoom = 8 stepsWord = 8 stepsFly = 12 stepsSpiral = 16 steps = stepsZoom step = 0 outString = "" function dynAnimation() { var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) { if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) { for (index=document.layers.length-1; index >= 0; index--) { layer=document.layers[index] if (layer.left==10000) layer.left=0 } } return } for (index=document.all.length-1; index >= document.body.sourceIndex; index--) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if(null != animation) { if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") { ih = el.innerHTML outString = "" i1 = 0 iend = ih.length while(true) { i2 = startWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, false, "") if(i2 == iend) break i1 = i2 i2 = endWord(ih, i1) if(i2 == -1) i2 = iend outWord(ih, i1, i2, true, animation) if(i2 == iend) break i1 = i2 } document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } if(animation == "zoomIn" || animation == "zoomOut") { ih = el.innerHTML outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">" outString += ih outString += "</SPAN>" document.all[index].innerHTML = outString document.all[index].style.posLeft = 0 document.all[index].setAttribute(dynamicanimAttr, null) } } } i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) { el = document.all[index] animation = el.getAttribute(dynamicanimAttr, false) if (null != animation) { if(animation == "flyLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } else if(animation == "flyRight") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = 0 } else if(animation == "flyTop" || animation == "dropWord") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottom") { el.style.posLeft = 0 el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyTopLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyTopRight" || animation == "flyTopRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "flyBottomLeft") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "flyBottomRight" || animation == "flyBottomRightWord") { el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight } else if(animation == "spiral") { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight } else if(animation == "zoomIn") { el.style.posLeft = 10000 el.style.posTop = 0 } else if(animation == "zoomOut") { el.style.posLeft = 10000 el.style.posTop = 0 } else { el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0 } el.initLeft = el.style.posLeft el.initTop = el.style.posTop animateElements[i++] = el } } window.setTimeout("animate();", speed) } function offsetLeft(el) { x = el.offsetLeft for (e = el.offsetParent; e; e = e.offsetParent) x += e.offsetLeft; return x } function offsetTop(el) { y = el.offsetTop for (e = el.offsetParent; e; e = e.offsetParent) y += e.offsetTop; return y } function startWord(ih, i) { for(tag = false; i < ih.length; i++) { c = ih.charAt(i) if(c == '<') tag = true if(!tag) return i if(c == '>') tag = false } return -1 } function endWord(ih, i) { nonSpace = false space = false while(i < ih.length) { c = ih.charAt(i) if(c != ' ') nonSpace = true if(nonSpace && c == ' ') space = true if(c == '<') return i if(space && c != ' ') return i i++ } return -1 } function outWord(ih, i1, i2, dyn, anim) { if(dyn) outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">" outString += ih.substring(i1, i2) if(dyn) outString += "</SPAN>" } function animate() { el = animateElements[currentElement] animation = el.getAttribute(dynamicanimAttr, false) step++ if(animation == "spiral") { steps = stepsSpiral v = step/steps rf = 1.0 - v t = v * 2.0*Math.PI rx = Math.max(Math.abs(el.initLeft), 200) ry = Math.max(Math.abs(el.initTop), 200) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry) } else if(animation == "zoomIn") { steps = stepsZoom el.style.fontSize = Math.ceil(50+50*step/steps) + "%" el.style.posLeft = 0 } else if(animation == "zoomOut") { steps = stepsZoom el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" el.style.posLeft = 0 } else { steps = stepsFly if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") steps = stepsWord dl = el.initLeft / steps dt = el.initTop / steps el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt } if (step >= steps) { el.style.posLeft = 0 el.style.posTop = 0 currentElement++ step = 0 } if(currentElement < animateElements.length) window.setTimeout("animate();", speed) } //--> </SCRIPT> </HEAD> <BODY onload=dynAnimation()> <P align=center style="LEFT: 10000px! important; POSITION: relative! important" dynamicanimation="flyBottomRightWord"><STRONG><FON T face=Arial size=5><EM><font face="Verdana, Arial, Helvetica, sans-serif" size="3"><big><font face="Verdana"><big><strong><em><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Cerrahi Hasta Takip 1.0 Açılıyor...</font></em></strong></big></font></big><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><BR> <big><big><strong><em>Lütfen Bekleyiniz...</em></strong></big></big></font></font></EM></FONT></STRONG></P> <P align=center></P> <P align=center><FONT face=Arial></FONT></P> <P align=center></P><!-- this page was created by Robert Schmid, Landshut, Germany --><!-- Original place of this page is --><!-- the old ugly URL http://www.bnla.baynet.de/bnla01/members/robsch19/ --></BODY></HTML> |
|
|
|
|
29.03.2006
|
#3 (permalink) |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Takvim ve saat
Site değilde daha cok html tabanlı ajanda gibi programlar olusturmanızda kullanabileceğiniz güzel bir takvim scripti...... ..." kod : <script language="JavaScript"> <!-- Hide this script from old browsers -- /* This script came from the 24 hour JavaScripts Site located at http://www.javascripts.com. It is brought to you by Eric Jarvies, Lewis Sellers, Giuseppe Lombardo, Kurt Anderson, and David Medinets. */ setCal() function getTime() { // initialize time-related variables with current time settings var now = new Date() var hour = now.getHours() var minute = now.getMinutes() now = null var ampm = "" // validate hour values and set value of ampm if (hour >= 12) { hour -= 12 ampm = "PM" } else ampm = "**" hour = (hour == 0) ? 12 : hour // add zero digit to a one digit minute if (minute < 10) minute = "0" + minute // do not parse this number! // return time string return hour + ":" + minute + " " + ampm } function leapYear(year) { if (year % 4 == 0) // basic rule return true // is leap year /* else */ // else not needed when statement is "return" return false // is not leap year } function getDays(month, year) { // create array to hold number of days in each month var ar = new Array(12) ar[0] = 31 // Ocak ar[1] = (leapYear(year)) ? 29 : 28 // Şubat ar[2] = 31 // Mart ar[3] = 30 // Nisan ar[4] = 31 // Mayıs ar[5] = 30 // Haziran ar[6] = 31 // Temmuz ar[7] = 31 // Ağustos ar[8] = 30 // Eylül ar[9] = 31 // Ekim ar[10] = 30 // Kasım ar[11] = 31 // Aralık // return number of days in the specified month (parameter) return ar[month] } function getMonthName(month) { // create array to hold name of each month var ar = new Array(12) ar[0] = "Ocak" ar[1] = "Şubat" ar[2] = "Mart" ar[3] = "Nisan" ar[4] = "Mayıs" ar[5] = "Haziran" ar[6] = "Temmuz" ar[7] = "Ağustos" ar[8] = "Eylül" ar[9] = "Ekim" ar[10] = "Kasım" ar[11] = "Aralık" // return name of specified month (parameter) return ar[month] } function setCal() { // standard time attributes var now = new Date() var year = now.getYear() var month = now.getMonth() var monthName = getMonthName(month) var date = now.getDate() now = null // create instance of first day of month, and extract the day on which it occurs var firstDayInstance = new Date(year, month, 1) var firstDay = firstDayInstance.getDay() firstDayInstance = null // number of days in current month var days = getDays(month, year) // call function to draw calendar drawCal(firstDay + 1, days, date, monthName, 1900 + year) } function drawCal(firstDay, lastDate, date, monthName, year) { // constant table settings var headerHeight = 50 // height of the table's header cell var border = 2 // 3D height of table's border var cellspacing = 4 // width of table's border var headerColor = "midnightblue" // color of table's header var headerSize = "+3" // size of tables header font var colWidth = 60 // width of columns in table var dayCellHeight = 25 // height of cells containing days of the week var dayColor = "darkblue" // color of font representing week days var cellHeight = 40 // height of cells representing dates in the calendar var todayColor = "red" // color specifying today's date in the calendar var timeColor = "purple" // color of font representing current time // create basic table structure var text = "" // initialize accumulative variable to empty string text += '<CENTER>' text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>' // table settings text += '<CAPTION></CAPTION>' // Table Title text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>' // create table header cell text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>' // set font for table header text += monthName + ' ' + year text += '</FONT>' // close table header's font settings text += '</TH>' // close header cell // variables to hold constant settings var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>' openCol += '<FONT COLOR="' + dayColor + '">' var closeCol = '</FONT></TD>' // create array of abbreviated day names var weekDay = new Array(7) weekDay[0] = "Pazar" weekDay[1] = "Pazartesi" weekDay[2] = "Salı" weekDay[3] = "Çarşamba" weekDay[4] = "Perşembe" weekDay[5] = "Cuma" weekDay[6] = "Cumartesi" // create first row of table to set column width and specify week day text += '<TR ALIGN="center" VALIGN="center">' for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol } text += '</TR>' var digit = 1 var curCell = 1 for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">' for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break if (curCell < firstDay) { text += '<TD></TD>'; curCell++ } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>' text += '<FONT COLOR="' + todayColor + '">' text += digit text += '</FONT><BR>' text += '<FONT COLOR="' + timeColor + '" SIZE=2>' text += '<CENTER>' + getTime() + '</CENTER>' text += '</FONT>' text += '</TD>' } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>' digit++ } } text += '</TR>' } text += '</TABLE>' text += '</CENTER>' document.write(text) } // -- End Hiding Here --> </script><!-- END OF SCRIPT --> </p> <p align="center"> </p> </body> </html> ------------------------------------------------------------------------ |
|
|
|
|
29.03.2006
|
#4 (permalink) |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Html mail yollama
" Html mail yollamanız için gerekli kod..... ..." kod : <? // deneme.html dosyasI gondermek istediginiz html dosyasI $fp = fopen("deneme.html","r"); while(!feof($fp)){ $x = fgets($fp,2048); $y.=$x; } $header .= "From: Webadmin <kimden@gidicekse.com>\n"; $header .= "Content-Type: text/html; charset=iso-8859-1\n"; mail("kime@gidecekse.com", "buraya baslik gelecek", "$y", $header); ?> __________________________________________________ _______________ Sayfa yonlendirme Basit bir html kod ile, tek satırda... ..." "<head>/</head>" arasında kalan bölüme bu kodu ekleyiniz... <META HTTP-EQUIV="Refresh" CONTENT="1; url=http://www.forumti.com/"> |
|
|
|
|
29.03.2006
|
#5 (permalink) |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Belli bir konumdaki video dosyasını çalma
" Bu kodu sitenize eklediğiniz takdirde görünecek alanda bir video dosyasını izletebilirsiniz! ..." kod : ************************************************** *************************************** <center> <OBJECT ID="mediaPlayer" WIDTH="384" HEIGHT="355" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" STANDBY="Die Microsoft Windows Media Player components werden geladen! Bitte warten..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="video.avi"> <PARAM NAME="AnimationAtStart" VALUE="1"> <PARAM NAME="ShowControls" VALUE="1"> <PARAM NAME="ShowTracker" VALUE="1"> <PARAM NAME="ShowDisplay" VALUE="1"> <PARAM NAME="ShowStatusBar" VALUE="1"> <PARAM NAME="AutoSize" VALUE="0"> <EMBED TYPE="application/x-mplayer2" PLUGINSPAGE="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" FILENAME="video.avi" SRC="video.avi" NAME="mediaPlayer" SHOWCONTROLS="1" SHOWDISPLAY="0" SHOWSTATUSBAR="1" WIDTH="384" HEIGHT="355"> </embed> </object> </center> ************************************************** *************************************** Bu Kod üzerindeki "video.avi" yazan tüm yerlere dosya ad ve uzantısını yazmanız gerekmektedir. Altavista was here. |
|
|
|
|
29.03.2006
|
#6 (permalink) | |
|
Kovuldu
Katılma Tarihi: Mar 2006
Mesajlar: 88
|
Alıntı:
 |
|
|
|
|
|
| Şu Anda Konuyu İnceleyen Aktif Kullanıcılar: 1 (0 üye ve 1 misafir) | |
| Konu Araçları | |
|
|
Benzer Konular
|
||||
| Konu | Konuyu Başlatan | Forum | Cevaplar | Son Mesaj |
| Adım adım HTML kodlari arsivi html sitenizi kurun | staticiation | Web Tasarım | 54 | 14.05.2008 15:08 |
| azrail den karışık :) | maChaRa | Geyik resim | 10 | 06.02.2008 01:16 |
| Çok İşinize Yarayacak Register Ayarları | gamze_dmr | Yazılım | 8 | 05.03.2006 14:04 |
| XP'de işe yarar Kodlar... | Selcioo | Yazılım | 9 | 18.02.2006 23:26 |
.jpg)
.jpg)
