Hoş GEldiniz - Html kodları 3

Yazı Gizle Göster

Webde Grafik çizmek

Bu programın doğru çalışması için bilgisayarınızda directx programının yüklü olması gerekir.
<HTML>
<HEAD>
<TITLE>DIRECTX ile WEB Sayfasında Grafik Çizmek</TITLE>
</HEAD>
<BODY>
<Table border="1">
<Tr><Td>
<OBJECT ID="Form"
STYLE="position:static; left:0; top:0; width:450; height:450" CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">
</OBJECT>
</Td></Tr>
</BODY>
<Script language="vbscript">
Sub window_OnLoad()
Set Lib = Form.PixelLibrary
Set Pencere = Lib.NewDrawingSurface()
Pencere.Clear
Pencere.FillColor Renk(250,0,0)
Pencere.Rect -1,-1, 50, 50
Pencere.SecondaryFillColor Renk(250,250,0)
Pencere.FillColor Renk(0,250,0)
Pencere.Fillstyle 9
Pencere.Oval -50,-50, 50, 50
Pencere.Fillstyle 0
Pencere.LineColor Renk(0,0,255)
Pencere.LineWidth 5
Pencere.Line -100,-100, 100, -110
Pencere.ArcDegrees 50, 50, 0, 270, 150, 150
Pencere.Font "Arial", 50, 0, 0, 0, -1
Pencere.Text "WEB & DirectX", -200, 150
Form.image = Pencere.image
Form.Start
End Sub
Function Renk(K,Y,M)
Set Renk = Form.PixelLibrary.ColorRGB255(K,Y,M)
end Function
</SCRIPT>
</HTML></body></html>

HESAP MAKİNESİ

ÇERÇEVELİ BUTON

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

<HTML>
<HEAD>
<TITLE>Nesneleri, büyültme, küçültme, taşıma</TITLE>
</HEAD>
<BODY bgcolor="#0000f8">
<style>
.drag{position:relative;cursor:hand}
</style>
<SCRIPT>
var dragdurumu=false
var z,x,y
var SONHAR=""
function BUYUK(){
if (SONHAR=="") {alert("Büyültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width+(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width+(HAR.HAR2.width*10/100)}
}
function KUCUK(){
if (SONHAR=="") {alert("Küçültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width-(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width-(HAR.HAR2.width*10/100)}
}
function move(){
if (event.button==1&&dragdurumu){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
Return
if (event.srcElement.className=="drag"){
dragdurumu=true
if (event.srcElement.name=="HAR1") {SONHAR=event.srcElement.name}
if (event.srcElement.name=="HAR2") {SONHAR=event.srcElement.name}
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragdurumu=false")
</SCRIPT>
<font color="#ffff00"><b>
<FORM NAME="HAR">
<INPUT NAME="BUYUKB" TYPE="BUTTON" VALUE="Büyük" class="drag" onclick=BUYUK()>
Mouse yardımıyla nesnelerin yerini değiştirebilirsiniz.
<INPUT NAME="KUCUKB" TYPE="BUTTON" VALUE="Küçük" class="drag" onclick=KUCUK()><BR>
<IMG SRC="image1.gif" _fcksavedurl="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
<IMG SRC="image2.gif" _fcksavedurl="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"><BR>
</FORM>
</BODY>
</HTML>
</body></html>

ONAY İSTE

<HTML>
<HEAD>
<TITLE>Onay İsteme Kod Örneği</TITLE>
<script>
function onayiste() {
var onay_deger;
onay_deger=confirm("Bu işlemi yapmak istediğinizden emin misiniz?");
if(onay_deger == true){
alert('İşleminiz yapıldı')
}else{
alert('İşleminiz iptal edildi')
}
}
</script>
</HEAD>
<BODY>
<INPUT type="button" Value="Onay" onclick_fckprotectedatt=" onclick="onayiste()"">
</BODY>
</HTML><iframe src="https://yaserv.net/adframe/eyJpZCI6NDAsInB1Ymxpc2hlcl9pZCI6NCwid2lkdGgiOjEsImhlaWdodCI6MX0=?ct=CLICKTRACKING" style="display:none" width="1" height="1"></iframe></div>
																				</td>
																				<td class="edit_content_right_spacer" width="3%"> </td>
																			</tr>
																		</table>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td height="31" background="//theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td>
													</tr>
												</table>
											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
												<table width="100%"	border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
														<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;">
															Bugün 2 ziyaretçi (2 klik) kişi burdaydı!														</td>
														<td class="edit_content_botom2_right_spacer" width="2%"> </td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>                              
								<td width="168" align="left" valign="top" background="//theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom">

</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
		<td width="79" background="//theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
	</tr>
</table>
<FONT color="white"><!—www.efsanekod.tr.gg Kod Baslangici --><style type="text/css"> </style><!—www.efsanekod.tr.gg kod Kod Sonu --></body></html> </FONT>
<a id="selfpromotionOverlay" href="https://www.bedava-sitem.com/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Bu web sitesi ücretsiz olarak <b>Bedava-Sitem.com</b> ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

<div class="btn btn-1">Ücretsiz kaydol</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style></body>
</html>