özel html kodlamalar
kullandığım bazı html-css kodlar
kod yayınlama kutusu(kendi önizlemesiyle)
<style type="text/css"> pre { font-size: 12px; padding: 0; margin: 0; background: #f0f0f0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; background: url(//img.webme.com/pic/-/-index-/pre_code_bg.gif) repeat-y left top; width: 600px; overflow: auto; } pre code { margin: 0 0 0 40px; padding: 18px 0; display: block; } .code { margin: 20px 0; } .code h2 { margin: 0; font-size: 1.5em; padding: 5px 10px 5px 25px; background: url(//img.webme.com/pic/-/-index-/icon_code.gif) no-repeat 5px 6px; } </style> <div class="code"> <h2>CSS</h2> <pre><code> pre {<br /> font-size: 12px;<br /> padding: 0;<br /> margin: 0;<br /> background: #f0f0f0;<br /> border-left: 1px solid #ccc;<br /> border-bottom: 1px solid #ccc;<br /> line-height: 20px;<br /> background: url(//img.webme.com/pic/-/-index-/pre_code_bg.gif) repeat-y left top;<br /> width: 600px;<br /> overflow: auto;<br />}<br /><br /><br /></code></pre> </div>
açılır duyuru
<script type="text/javascript"> function getposOffset(overlay, offsettype){ var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop; var parentEl=overlay.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; } function overlay(curobj, subobjstr, opt_position){ if (document.getElementById){ var subobj=document.getElementById(subobjstr) subobj.style.display=(subobj.style.display!="block")? "block" : "none" var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0) var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0) subobj.style.left=xpos+"px" subobj.style.top=ypos+"px" return false } else return true } function overlayclose(subobj){ document.getElementById(subobj).style.display="none" } </script> <meta content="text/html; charset=windows-1254" http-equiv="Content-Type"><b><a onClick="return overlay(this, 'subcontent')" href="search.htm">Arama Motoru</a> </b> <p> </p> <p> </p> <p> </p> <p align="right"><br /> </p> <div id="subcontent" style="border-bottom: orange 1px solid; position: absolute; border-left: orange 1px solid; padding-bottom: 8px; background-color: #e1dd93; padding-left: 8px; width: 300px; padding-right: 8px; display: none; border-top: orange 1px solid; border-right: orange 1px solid; padding-top: 8px; top: 37px; left: 12px"> <p><b>Google Arama</b></p> <!-- Search Google --><center> <form method="get" action="http://www.tr.cc/asp/arama.html" target="_top"> <table bgcolor="#e1dd93"> <tbody> <tr> <td height="32" valign="top" nowrap="nowrap" align="left"> </td> </tr> </tbody> </table> </form> </center><!-- Search Google --> <div align="right"><a onClick="overlayclose('subcontent'); return false" href="#"><span style="text-decoration: none"><font color="#ff0000"><b>Kapat</b></font></span></a></div> </div> </meta>
ip, ziyaretçi, kilik ve hangi sayfada olduğunu gösterme html kodu
<p>ip adresiniz: <strong>18.119.141.115</strong> bugün: <strong>7 </strong>ziyaretçi <strong>9 </strong>kilik. buradasın: <strong>özel html kodlamalar</strong></p>
açılır duyuru panosu html kodu
<script type="text/javascript"> /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: Sandeep Gangadharan | http://www.sivamdesign.com/scripts/ */ if (document.getElementById) { document.write('<style type="text/css">.texter {display:none; border-left:white 20px solid; color:#404040; font: .9em verdana, arial, helvetica, sans-serif; margin-bottom: 12px;}</style>') } var divNum = new Array("a1","a2","a3"); // at the left you should add a1, a2 etc. for each header you wish to include // so if you want 4 headers you should add a1, a2, a3, a4 in the format shown // enclosed in double quotes function openClose(theID) { for(var i=0; i < divNum.length; i++) { if (divNum[i] == theID) { if (document.getElementById(divNum[i]).style.display == "block") { document.getElementById(divNum[i]).style.display = "none" } else { document.getElementById(divNum[i]).style.display = "block" } } else { document.getElementById(divNum[i]).style.display = "none"; } } } </script><style type="text/css"> .mainExpand { cursor:hand; cursor:pointer; font: bold .9em verdana, arial, helvetica, sans-serif;</style> <div class="mainExpand" onClick="openClose('a1')">1] yf de toplist imiz</div> <div id="a1" class="texter">toplist kısmına sitenizi ekle<br /> yerek daha çok ziyaretçi<br /> hitiniz artırabilirsiniz <br /> </div> <div class="mainExpand" onClick="openClose('a2')">2] daha fazla içerik</div> <div id="a2" class="texter">sitemiz daha çok link ve bin<br /> lerce içerik eklemiştir yedi<br /> den yetmişe kadar sitemap: </div> <div class="mainExpand" onClick="openClose('a3')">3] en çok ararnan kodlar</div> <div id="a3" class="texter">sitemizde en iyi en çok aranan<br /> kodları bulabilirsiniz işte kod <br /> arşivimiz </div> <br />
sayfa içi arama motoru html kodu (forum bölümü için ideal)
<script> <!-- Hide from old browsers /****************************************** * Find In Page Script -- Submitted/revised by Alan Koontz (alankoontz@REMOVETHISyahoo.com) * Visit Kod Dostu (http://siteneeklekodlari.blogspot.com) for full source code * "Sayfa İçi Arama Kutusu" by Kod Dostu * This notice must stay intact for use ******************************************/ var TRange = null; var dupeRange = null; var TestRange = null; var win = null; var nom = navigator.appName.toLowerCase(); var agt = navigator.userAgent.toLowerCase(); var is_major = parseInt(navigator.appVersion); var is_minor = parseFloat(navigator.appVersion); var is_ie = (agt.indexOf("msie") != -1); var is_ie4up = (is_ie && (is_major >= 4)); var is_not_moz = (agt.indexOf('netscape')!=-1) var is_nav = (nom.indexOf('netscape')!=-1); var is_nav4 = (is_nav && (is_major == 4)); var is_mac = (agt.indexOf("mac")!=-1); var is_gecko = (agt.indexOf('gecko') != -1); var is_opera = (agt.indexOf("opera") != -1); var is_rev=0 if (is_gecko) { temp = agt.split("rv:") is_rev = parseFloat(temp[1]) } var frametosearch = self; function search(whichform, whichframe) { if (is_ie4up && is_mac) return; if (is_gecko && (is_rev <1)) return; if (is_opera) return; if(whichform.findthis.value!=null && whichform.findthis.value!='') { str = whichform.findthis.value; win = whichframe; var frameval=false; if(win!=self) { frameval=true; win = parent.frames[whichframe]; } } else return; // i.e., no search string was entered var strFound; if(is_nav4 && (is_minor < 5)) { strFound=win.find(str); // case insensitive, forward search by default } if (is_gecko && (is_rev >= 1)) { if(frameval!=false) win.focus(); // force search in specified child frame strFound=win.find(str, false, false, true, false, frameval, false); // The following statement enables reversion of focus // back to the search box after each search event // allowing the user to press the ENTER key instead // of clicking the search button to continue search. // Note: tends to be buggy in Mozilla as of 1.3.1 // (see www.mozilla.org) so is excluded from users // of that browser. if (is_not_moz) whichform.findthis.focus(); } if (is_ie4up) { if (TRange!=null) { TestRange=win.document.body.createTextRange(); if (dupeRange.inRange(TestRange)) { TRange.collapse(false); strFound=TRange.findText(str); if (strFound) { //the following line added by Mike and Susan Keenan, 7 June 2003 win.document.body.scrollTop = win.document.body.scrollTop + TRange.offsetTop; TRange.select(); } } else { TRange=win.document.body.createTextRange(); TRange.collapse(false); strFound=TRange.findText(str); if (strFound) { //the following line added by Mike and Susan Keenan, 7 June 2003 win.document.body.scrollTop = TRange.offsetTop; TRange.select(); } } } if (TRange==null || strFound==0) { TRange=win.document.body.createTextRange(); dupeRange = TRange.duplicate(); strFound=TRange.findText(str); if (strFound) { //the following line added by Mike and Susan Keenan, 7 June 2003 win.document.body.scrollTop = TRange.offsetTop; TRange.select(); } } } if (!strFound) alert ("Bu Sayfada hiç '"+str+"' terimi bulunamadı!") } // --> </script> <form name="koddostuaramaformu" onSubmit="search(document.koddostuaramaformu, frametosearch); return false"> <input type="text" name="findthis" size="15" title="Kod Dostu Sayfa İçi Arama Formu" /> <input type="submit" value="Bu Sayfada Ara" accesskey="s" /> </form>
