Share to Facebook Share to Twitter Share to MySpace Stumble It Share to Reddit Share to Delicious More...

Html Renk Kodları - Arşiv (e-dergi)

Merhaba bugün 2011'in ilk günü ve siz webmasterlar için yeni bir e-dergi hazırladık. Bu haftaki dergimizde sizler için e-dergimizde html kodları yazdık. e-dergimizi indirdiginizde ekranınıza yüzler'ce renkler gelicek ve yanlarında kodu yazıyor olucak. Beğendiginiz kodun renk kodunu olarak sitenizde kullanabilirsiniz.
1 MB'lık e-dergimizi indir
Degerli e-dergi takipcilerimiz e-dergi hakkımızdaki yorumlarınızı bizlere esirgemeyin. Lütfen e-dergi hakkında görüşlerinizi bize bildiriniz.

Html Nedir & Tanımları ve Etiketleri

Siz değerli htmlpaylas.blogspot.com severleri için bu haftaki hazırlamıs oldugumuz bu pdf formatındaki dergimizde html'nin asıl kanunu'nu ve etiket değerlerini öğrenecegiz..
Pdf formatında dersi bilgisayarına indir

Frameset Nedir & Kullanımı

Arkadaşlar sizler için artık özel olarak pdf formatında dersler hazırlamaya başladık. Sizlerde bilgisayarınıza indirip bu derslerden faydanabileceksiniz.
Pdf formatında dosyayı indir
Ppt formatında dosyayı indir (power point sunusu)
Frame set Kodu;
<frameset rows="30,*" framespacing="0" border="0" frameborder="0"> 
<frame name="ust" scrolling="no" noresize target="hoofd" src="http://www.htmlpaylas.blogspot.com/"> 
<frame name="bas" src="index.html" scrolling="auto" noresize> 
<noframes> 
<body> 
</body> 
</noframes> 
</frameset>

Sitene gazete manşetleri

Web sitenizde günlük gazeteleri ziyaretçilerine okutabilirsiniz. Çok güzel bir kodlama olan bu kod sayesinde ayrıca hit'inizi attırabilirsiniz.
<IFRAME SRC=http://www.alnumel.tk/gazeteler.htm width=135 height=210 frameborder=0 scrolling=no></IFRAME>

Güzel bir hava durumu kodu

Web siteniz için güzel bir hava durumu kodu. Reklamsız %100 hava durumu bilgilendirme sistemi.
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
    codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="356" id="menu" align="middle"> 
        <param name="allowScriptAccess" value="always" /> 
        <param name="movie" value="http://www.havayol.com/Img/fla/MAIN.swf" /> 
        <param name="FlashVars" value="&movieBase=http://www.havayol.com/Img/fla/&movieName=TUR.swf&sourcePage=http://www.havayol.com/DataSource/DataSource.aspx&TYPE=CUR&CODE=TUR&LID=1"/> 
        <param name="quality" value="best" /> 
        <param name="bgcolor" value="#EDEDED" /> 
        <embed src="http://www.havayol.com/Img/fla/MAIN.swf" 
            quality="best" 
            width="650" 
            height="356" 
            name="menu" 
            align="middle" 
            allowScriptAccess="always" 
            FlashVars="&movieBase=http://www.havayol.com/Img/fla/&movieName=TUR.swf&sourcePage=http://www.havayol.com/DataSource/DataSource.aspx&TYPE=CUR&CODE=TUR&LID=1"
            bgcolor="#EDEDED"
            type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
    </object>

Full image size (Tam Boyut Görüntü)

Boyutlandırır herhangi bir görüntü tarayıcı penceresinin geçerli ölçüler uygun. Işleri yüksek çözünürlüklü görüntüler inşaat ama herhangi bir görüntü ile iyi.

<!-- THREE STEPS TO INSTALL FULL SIZE IMAGE:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Eddie Traversa (psych3@primus.com.au) -->
<!-- Web Site:  http://nirvana.media3.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function Is() {
var agent = navigator.userAgent.toLowerCase();
this.major = parseInt(navigator.appVersion);
this.minor = parseFloat(navigator.appVersion);
this.ns = ((agent.indexOf('mozilla') != -1) &&
(agent.indexOf('spoofer') == -1) && (agent.indexOf('compatible') == -1) && (agent.indexOf('opera') == -1) && (agent.indexOf('webtv') == -1));
this.ns2 = (this.ns && (this.major == 2));
this.ns3 = (this.ns && (this.major == 3));
this.ns4 = (this.ns && (this.major == 4));
this.ns6 = (this.ns && (this.major >= 5));
this.ie = (agent.indexOf("msie") != -1);
this.ie3 = (this.ie && (this.major < 4));
this.ie4 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0")   == -1));
this.ie5 = (this.ie && (this.major == 4) &&
(agent.indexOf("msie 5.0") != -1));
this.ieX = (this.ie && !this.ie3 && !this.ie4);
}
var is = new Is();
function layerObject(id,left,top,visibility) {
if (is.ie5||is.ns6){
this.obj = document.getElementById(id).style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;
}
else if(is.ie4) {
this.obj = document.all[id].style;
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;
}
else if(is.ns4) {
this.obj = document.layers[id];
this.obj.left = left;
this.obj.top = top;
this.obj.visibility = visibility;
return this.obj;
   }  
}
function layerSetup() {
backgroundLyr = new layerObject('backgroundLayer', 0,0,'visible');
}
function findSize() {
if(is.ns4 ||is.ns6) {
available_width=innerWidth;
available_height=innerHeight;
layerSetup();
} else if(is.ie4 || is.ie5) {
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
layerSetup();
   }
}
function winResize() {
if(is.ns4 ||is.ns6||is.ie4||is.ie5) {
history.go(0);
   }
}
//  End -->
</script>

</HEAD>

<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->

<BODY onLoad="findSize();" onResize="winResize()">

<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

<div id="backgroundLayer" style="position:absolute; width:200px; height:115px; z-index:1; left: 0px; top: 0; visibility: hidden">

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Eddie Traversa (psych3@primus.com.au) -->
<!-- Web Site:  http://nirvana.media3.net -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
if(is.ns4 || is.ns6) {
available_width = innerWidth;
available_height = innerHeight;
}
else if(is.ie4 || is.ie5) {
available_width=document.body.clientWidth;
available_height=document.body.clientHeight;
}
if(is.ie4 || is.ie5 || is.ns6 || is.ns4) {
image1_width = (available_width * 1.00);
image1_height = (available_height * 1.00);
var image1 = '<img src="http://javascript.internet.com/img/logo.gif" width="' + image1_width + '" height="' + image1_height + '">';
document.write(image1);
}
//  End -->
</script>
</div>

<p><center>
<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>

<!-- Script Size:  3.71 KB -->

Degişen reklam kodu (js)

Web siteniz ideal bir reklam kodu. javascript dili ile yazılmış olan bu kod sayesinde degişken reklam alanları yapabileceksiniz.
<SCRIPT LANGUAGE="JavaScript">
function random_banner(){
var i=0;
banners = new Array();
banners[0] = '<a href="#" target="_blank"><IMG SRC="banner0.gif" WIDTH=468 HEIGHT=60></a>';
banners[1] = '<a href="#" target="_blank"><IMG SRC="banner1.gif" WIDTH=468 HEIGHT=60></a>';
banners[2] = '<a href="#" target="_blank"><IMG SRC="banner2.gif" WIDTH=468 HEIGHT=60></a>';
today = new Date();
i=today.getSeconds();
n=banners.length;
return banners[i-Math.round((i-1)/n)*n];
}
</SCRIPT>
<BODY>
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
document.write(random_banner())
</SCRIPT>
Bu kodu zip olarak indir !!

Fieldset kullanımı

Çok güzel bir kodlama olan bu uygulama ile web siteleri çok güzel şekilde yapılabiliyor.
kod örneği (deneme);
Başlık
buraya yazı gelicek içindeki.
<fieldset>
<legend><b>Başlık</b></legend>
buraya yazı gelicek içindeki.
</fieldset>

Yıldız sayfa geçiş effecti

Web siteniz için güzel kod. Sayfa geçişlerinde degişiklik yapıyor yıldız sayfa geçişi.
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(duration=2,irisStyle=star)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(duration=2,irisStyle=star)">

Yazı boyutunu ayarlama

Yazılarınızın bir kısmını büyük,bir kısmını küçük veya istediğiniz şekilde yazmak istiyorsanız aşagıdaki kodu kullanınız.
<font size="3">buraya metin gelicek.</font>

Türkçe karakter sorunu çözümü

İnternet'de en çok sık karşılaşılan bir sorun bu arkadaşlar bu sorunu ortadan kaldırmak için aşagıdaki meta kodunu sitenize eklemeniz yeterlidir.
<meta http-equiv=Content-Type content="text/html; charset=windows-1254">

Font degiştirme (yazı stili)

Web sitenizdeki yazı stilinden sıkıldınız mı veya hoşunuza mı gitmiyor ? o zaman gelin bu günkü makalemizde nasıl yazı stili(font) degiştirilir onu öğrenelim.

Arial Black font'u ile yazılmış yazı örneği


Verdana font'u ile yazılmış yazı örneği


sizlerde böyle yazı stilleri uygulamak istiyorsanız sitenizde aşagıdaki kodu kopyalayınız.
<font face="arial black">...</font>

HR tagına renk verme

Arkadaşlar bu hr tagını birçok hatta milyonlarca kişi kullanıyor. gelin bu makalemizde hr tagına nasıl renk verilir onu öğrenelim.
<hr color=black width=850 align=center>
color=black yazan yeri hr tagı'nın renk alacagı rengin ingilizce ismini yazıyoruz.
örnek; sarı = yellow - kırmızı = red - siyah= black - mavi = blue v.b.(ve benzeri) gibi.

Kayan Yazı

kod örneği kayan yazı
<marquee direction=right>YAZINIZ BURAYA</marquee>

Arkaplan degiştirme , renk verme , resim ekleme

Web sitenizin arkaplan rengini degiştirin;
<body bgcolor=#000000>
Resim eklemek için;
<body background="url girilcek !"></body>
Arkaplan rengini degiştirmek istiyorsanız ve renk kodunu bilmiyorsanız bu sayfadan öğrenebilirsiniz.

Html Link Verme

Html kodların en basitlerinden ve en kullanılan kodlardan birisi.
<a href="site link" title=" baslik ">Link Adı</a>