ASP VE HTML DERSLERİ
HAZIR HTML ASP KODLAR
Bu uygulama kullanacağınız renklerin uyumlu olmasına yardımcı olacaktır.
Seçtiğiniz renkle uyumlu 6 rengi aşağıda görebilirsiniz.
Ve kod değerleride altlarında yazmaktadır.
Seçtiğiniz renk:
6 uyumlu renginiz:
Aşağıdaki html kodları kopyala yapıştır yöntemiyle sitenize uygulayabilirsiniz.
Işıklı Tablo
Hover Table Color
| www.yerelma.com hoşgeldiniz> |
1.Site girişi için :
<body><SCRIPT>
var width=document.body.clientWidth;
var height=document.body.clientHeight;
function doClickText(who,type,step,timeOut) {
document.getElementById(who).style.display="none";
if(type==0) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);}
if(type==1) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3);}}
function reveal(who,step,timeOut,type) {
if(type==0)
var where="top";
if(type==1)
var where="bottom";
if(type==2)
var where="left";
if(type==3)
var where="right";
eval('var temp=document.getElementById(who).style.'+where);
temp=parseInt(temp);
if(type==0type==1)
var checkWith=height/2;
if(type==2type==3)
var checkWith=width/2;
if(-temp<checkWith) {
temp-=step;
eval('document.getElementById(who).style.'+where+'=temp;');
setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);}
else {
document.getElementById(who).style.display="none";
document.body.scroll="yes";}}
function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
if(type==0) {
var bWhere1="border-bottom";
var bWhere2="border-top";
var putZero1="top:0px; left:0px";
var putZero2="bottom:0px; left:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);}
else {
clickText(type,step,timeOut);}}
if(type==1) {
var bWhere1="border-right";
var bWhere2="border-left";
var putZero1="top:0px; left:0px";
var putZero2="top:0px; right:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3);}
else {
clickText(type,step,timeOut);}}
function clickText(type,step,timeOut) {
document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');}}
</SCRIPT>
<SCRIPT>
var clickw=170; // Width
var clickh=20; // Height
var clickb=2; // Border width
var clickc="#CCFFCC"; // Border color
var clickbg="#000000"; // Background color
var clickt="Siteye girmek icin tiklayin."; // Text to display
var clickFont="font-family:Tahoma,arial,helvetica; font-size:10pt; font-weight:bold; color:#FF0000"; // The font style of the text
new initReveal(0,'#CCFFCC','#CCFFCC',1,1,'#00FF00','#000000',3,10,true);
</SCRIPT><body>
<table style="filter:glow (color=#ff0000 strengs=2)"> Yazinizi Buraya Yaziniz !!!
</center></table></a>
3.Kayan Yazı:
<td width="246"><small><font face="Courier"><marquee border="0" width="232" height="16">WWW.YERELMA.COM A HOSGELDINIZ.. </marquee></font></small></td>
4.Durum Çubuğunda Yükleniyor Yazısı:<SCRIPT language=VBScript>
<!--
Dim Bar, Line, SP
Bar = 0
Line = ""
sP = 100
Function Window_onLoad()
Bar = 95
sP = 10
END Function
Function Count()
If Bar < 100 Then
Bar = Bar + 1
Window.Status = "Yükleniyor: " & Bar & "%" & " " & String(Bar, Line)
setTimeout "Count()", SP
Else
Window.Status = "Yükleme Bitti"
Document.Body.Style.Display = ""
End If
End Function
Call Count()
-->
<?php
$dosya = ""; // png dosyası olmalı :)
header("Content-type: image/png");
$metin = "Emrah Ülker";
$resim = imagecreatefrompng("$dosya");
$turuncu = imagecolorallocate($resim, 220, 210, 60);
$px = (imagesx($resim) - 7.5 * strlen($metin)) / 2;
imagestring($resim, 2, $px, 9, $metin, $turuncu);
imagejpeg($resim);
imagedestroy($resim);
?>
6. Hazır Template:kullanişli ve güzel bir temlate
<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Deneme yapıyoruz</title>
</head>
<body bgcolor="#474747">
<div align="center">
<table border="1" style="border-collapse: collapse" width="790" height="80" bordercolor="#000000" bordercolorlight="#800000" bordercolordark="#800000" bgcolor="#474747" id="table1">
<tr>
<td bgcolor="#808000">
<p align="center"><font face="Comic Sans MS" color="#FFFFFF"><b>
<span >MİXTURE DENEME TEMPLATESİ</span></b></font></td>
</tr>
</table>
<table border="2" style="border-collapse: collapse" width="790" height="347" bordercolor="#FF00FF" bordercolorlight="#474747" bordercolordark="#474747" bgcolor="#800000" id="table2">
<tr>
<td width="162" bordercolor="#FF0000" bgcolor="#CC3300" valign="top">
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table4" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link1</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table5" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link2</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table6" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left"><b>
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">-L</font></b><font face="Comic Sans MS" color="#FF9900"><b><font style="font-size: 10pt">ink3</font></b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table7" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link4</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="16" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table8" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link5</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table9" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left"><b>
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">-</font></b><font face="Comic Sans MS" color="#FF9900"><b><font style="font-size: 10pt">Link6</font></b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table10" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link7</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table11" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link8</b></font></td>
</tr>
</table>
</td>
<td>
<p align="left"><font face="Comic Sans MS" size="2" color="#00FF00">
<b>
<marquee behavior="alternate">SAYFANIN İÇERİĞİ BURAYA GELECEK !!</marquee></b></font></td>
<td width="148" bordercolor="#FF0000" bgcolor="#CC3300" valign="top">
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table20" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link1</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table21" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link2</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table22" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left"><b>
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">-L</font></b><font face="Comic Sans MS" color="#FF9900"><b><font style="font-size: 10pt">ink3</font></b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table23" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link4</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="16" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table24" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link5</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table25" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left"><b>
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">-</font></b><font face="Comic Sans MS" color="#FF9900"><b><font style="font-size: 10pt">Link6</font></b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table26" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link7</b></font></td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="162" height="10" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#FFFF00" bgcolor="#CC3300" id="table27" cellpadding="0">
<tr>
<td bgcolor="#CC3300">
<p align="left">
<font face="Comic Sans MS" color="#FF9900" style="font-size: 10pt">
<b>-Link8</b></font></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" style="border-collapse: collapse" width="790" height="29" bordercolor="#FF00FF" bordercolorlight="#474747" bordercolordark="#474747" bgcolor="#C0C0C0" id="table3">
<tr>
<td bgcolor="#008000">
<p align="center"><font face="Comic Sans MS">
<span style=" font-weight: 700">
<a href="http://www.blogger.com/ MİXTURE</a></span></font></p>
<p align="center"><font face="Comic Sans MS">
<span style=" font-weight: 700">Teşekkürler By
Mixture</span></font></td>
</tr>
</table>
</div>
</body>
</html>
Hiç yorum yok:
Yorum Gönder