var myString = "1500 otel için referans yazınız";
var htmlString=myString.link("http://www.otelreferans.com");
// htmlString = <A HREF="http://www.otelreferanscom">1500 otel için referans yazınız</A>
kaynak: ordan burdan
bundan önceki kod kelimenin ilk pozisyonunu buluyordu
var alpha = 'The brown fox was faster than the white fox.';
var beta = new String('The brown fox was faster than the white fox.');
document.writeln(alpha.lastIndexOf('fox')+'<br>'); // Outputs 40;
document.writeln(beta.lastIndexOf('fox')+'<br>'); // Outputs 40;
// Now we'll start looking after the first position and get the second.
document.writeln(alpha.lastIndexOf('fox',39)+'<br>'); // Outputs 10;
document.writeln(beta.lastIndexOf('fox',39)+'<br>'); // Outputs 10;
// Look for something which isn't there.
document.writeln(beta.lastIndexOf('bear')+'<br>'); // Outputs -1;
kaynak: ordan burdan
var alpha = 'The brown fox was faster than the white fox.';
var beta = new String('The brown fox was faster than the white fox.');
document.writeln(alpha.indexOf('fox')+'<br>'); // Outputs 10;
document.writeln(beta.indexOf('fox')+'<br>'); // Outputs 10;
// Now we'll start looking after the first position and get the second.
document.writeln(alpha.indexOf('fox',11)+'<br>'); // Outputs 40;
document.writeln(beta.indexOf('fox',11)+'<br>'); // Outputs 40;
// Look for something which isn't there.
document.writeln(beta.indexOf('bear')+'<br>'); // Outputs -1;
kaynak: ordan burdan
var alpha = " String 1 ";
var beta = " String 2 ";
var delta = " String 3 ";
newString1 = alpha + beta + delta;
newString2 = alpha.concat(beta, delta);
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.charAt(3)+'<br>'); // Outputs: 100
document.writeln(beta.charAt(3)+'<br>'); // Outputs: 100
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.charAt(3)+'<br>'); // Outputs: d
document.writeln(beta.charAt(3)+'<br>'); // Outputs: d
document.writeln(alpha[3]+'<br>'); // Outputs: d, undefined in IE
document.writeln(beta[3]+'<br>'); // Outputs: d, undefined in IE
// Position out of range return an empty string.
document.writeln(alpha.charAt(53)+'<br>'); // Outputs: ''
document.writeln(beta.charAt(53)+'<br>'); // Outputs: ''
kaynak: ordan burdan
alpha = "abcdefghijklmnopqrstuvwxyz";
beta = new String("abcdefghijklmnopqrstuvwxyz");
document.writeln(alpha.length+'<br>'); // Outputs: 26
document.writeln(beta.length+'<br>'); // Outputs: 26
kaynak: ordan burdan
var num=123.456789
document.writeln(num.toFixed()+'<br>'); // Outputs: 123
document.writeln(num.toFixed(0)+'<br>'); // Outputs: 123
document.writeln(num.toFixed(1)+'<br>'); // Outputs: 123.5
document.writeln(num.toFixed(2)+'<br>'); // Outputs: 123.46
document.writeln(num.toFixed(3)+'<br>'); // Outputs: 123.457
document.writeln(num.toFixed(4)+'<br>'); // Outputs: 123.4568
document.writeln(num.toFixed(5)+'<br>'); // Outputs: 123.45679
document.writeln(num.toFixed(6)+'<br>'); // Outputs: 123.456789
document.writeln(num.toFixed(7)+'<br>'); // Outputs: 123.4567890
document.writeln(num.toFixed(8)+'<br>'); // Outputs: 123.45678900
document.writeln(num.toFixed(25)+'<br>'); // Throws a range error exception.
kaynak: ordan burdan
///aşağıdaki kodu config1.php olarak kaydediniz
//////////////////////////////////////
<?php
$root="c:/romel/cuzon/"; //specify the directory you want to upload the files
$ext=array('jpg','gif','png','html','htm','jar','class','zip','mpg','mpeg','js','css','doc','txt');//allow to upload having this extension.
if (!is_dir($root))
{
$subdircount=substr_count("$root","/");
$rtext=explode("/",$root);
for ($i=0;$i<=intval($subdircount-1);$i++)
{
$rt.=$rtext[$i]."/";
if (!is_dir($rt))
{
mkdir($rt,0700);
}
}
}
?>
///////////////////////////////////////////
//buda çalışacağınız sayfanın kodu
/////////////////////////////////////////////
<?php
if(isset($HTTP_POST_VARS["submit"]))
{//3
switch($HTTP_POST_VARS["submit"])
{//4
case ("Upload"):
{//5
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}//5
break;
case("Display"):
{//5
echo"<table=border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=ccccff> <font face=arial><b>Easy Upload</b>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory with this simple upload tool. Click on <b>Browse.. </b>to select file, then click <b>Upload File</b>.<br>(The total upload can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">";
for ($n=1;$n<=$numfiles;$n++)
{//6
echo "<input type="file" name="file$n" size=40><br>";
} //6
echo"</font><p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value=Clear></center>
<input type=hidden name=numfiles value=$numfiles>
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to Upload:
<select name="numfiles">";
for ($n=1;$n<=20;$n++)
{//6
echo"<option value=$n"; if ($n==$numfiles){echo" selected";}echo">$n";
}//6
echo"</select>
<input type=submit id=submit name=submit value=Display>
</form>
</td></tr></table>";
}//5
break;
case("Upload File"):
{
include("config1.php");
for($n=1;$n<=$numfiles;$n++)
{
if(${"file".$n})
{
$dest=$root.${"file".$n."_name"};
for ($i=3;$i<=5;$i++)
{
if(in_array(strtolower(substr(${"file".$n."_name"},-$i)),$ext))
{
if(!copy(${"file".$n},$dest))
{
echo"Unable to create $dest - check permission<br>
";
exit;
}}}}}
}
}
}
else
{
echo"<table border=0 cellpadding=2 cellspacing=0 width=90% align=center>
<tr>
<td bgcolor=#ccccfc> <font face=arial><b>Easy Upload</b></font></td></tr></table>
<table align=center><tr><td>
<font face=arial size=-1>Move new file to a new directory to this simple upload tool. Click on <b>Browse..</b> to select file, then click<b>Upload file</b>.<br>(The total upload file can be up to 2MB)</font><br>
<form method=post enctype="multipart/form-data" action=$PHP_SELF>
<input type=hidden name="MAX_FILE_SIZE" value="2000000">
<input type="file" name="file1" size=40><br>
</font>
<p>
<center><input type="submit" name="submit" value="Upload File">
<input type=reset value="Clear"></center>
<input type="hidden" name="numfiles" value="1">
</form>";
echo"<form method=post action=$PHP_SELF>
<font face=arial size=-1>Number of files to upload:</font>
<select name="numfiles">";
for ($i=1;$i<=20;$i++)
{//6
echo"<option value=$i>$i</option>";
}//6
echo"</select>
<input type="submit" id="submit" name="submit" value="Display">
</form>
</td></tr></table>";
}
?>
kaynak: ordan burdan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script language="JavaScript" type="text/javascript">
<!–
var count1 = 0;
var count2 = 0;
function insertOptionBefore(num)
{
var elSel = document.getElementById('selectX');
if (elSel.selectedIndex >= 0) {
var elOptNew = document.createElement('option');
elOptNew.text = 'Insert' + num;
elOptNew.value = 'insert' + num;
var elOptOld = elSel.options[elSel.selectedIndex];
try {
elSel.add(elOptNew, elOptOld); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew, elSel.selectedIndex); // IE only
}
}
}
function removeOptionSelected()
{
var elSel = document.getElementById('selectX');
var i;
for (i = elSel.length - 1; i>=0; i–) {
if (elSel.options[i].selected) {
elSel.remove(i);
}
}
}
function appendOptionLast(num)
{
var elOptNew = document.createElement('option');
elOptNew.text = 'Append' + num;
elOptNew.value = 'append' + num;
var elSel = document.getElementById('selectX');
try {
elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
}
catch(ex) {
elSel.add(elOptNew); // IE only
}
}
function removeOptionLast()
{
var elSel = document.getElementById('selectX');
if (elSel.length > 0)
{
elSel.remove(elSel.length - 1);
}
}
//–>
</script>
</head>
<body>
<form>
<input type="button" value="o" onclick="insertOptionBefore(count1++);" />
Insert Before Selected<br />
<input type="button" value="o" onclick="removeOptionSelected();" />
Remove Selected<br />
<select id="selectX" size="10" multiple="multiple">
<option value="original1" selected="selected">Orig1</option>
<option value="original2">Orig2</option>
</select>
<br />
<input type="button" value="o" onclick="appendOptionLast(count2++);" />
Append Last<br />
<input type="button" value="o" onclick="removeOptionLast();" />
Remove Last
</form>
</body>
</html>
kaynak: ordan burdan
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<script type="text/javascript">
function addRow(content,morecontent)
{
if (!document.getElementsByTagName) return;
tabBody=document.getElementsByTagName("TBODY").item(0);
row=document.createElement("TR");
cell1 = document.createElement("TD");
cell2 = document.createElement("TD");
textnode1=document.createTextNode(content);
textnode2=document.createTextNode(morecontent);
cell1.appendChild(textnode1);
cell2.appendChild(textnode2);
row.appendChild(cell1);
row.appendChild(cell2);
tabBody.appendChild(row);
}
</script>
</head>
<body>
<table border='1' id='mytable'>
<tbody>
<tr><td>22</td><td>333</td></tr>
<tr><td>22</td><td>333</td></tr>
</tbody>
</table>
<button onClick='addRow("123","456");return false;'>
Add Row</button>
</body>
</html>
kaynak: ordan burdan
her MetaTagın ne kadar önemli olduğunu 5 yıldız üzerinden sizlere niteleyeyim.
Sıralama Kriterleri
Tek Yıldız (*) = Önemsiz
İki Yıldız (**) = Fayda Sağlamayan
Üç Yıldız (***) = Orta Derecede Etkili
Dört Yıldız (****) = Görsel Açıdan Etkili
Beş Yıldız(*****) = Sıralama Açısından Etkili
1) Abstract Meta Tagı (*)
Açıklama : Tek cümle ile sitenin açıklamasını içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Abstract" CONTENT="Sayfanın genel içeriği">
2) Author Meta Tagı (*)
Açıklama : Site tasarımcısının adını içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Author" CONTENT="Sayfayı Tasarlayan Kimsenin Adı ">
3) Copright Meta Tagı (*)
Açıklama : Sitenin telif hakkı ile ilgili bilgiler içerir.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Copyright" CONTENT="Bu sitenin şusu busu buna aittir geyiği">
4) Description Meta Tagı (****)
Açıklama : Sitenin açıklamasıdır.Eğer site DMOZ'da ekli değilse,Google arama sonuçlarında Site Adının hemen altında yazan yazıdır.Esasında buraya spam keyword doldurmak hiç ama hiç akıl kârı değildir.Kesinlikle saçmalıktır.3-4 cümle ile özetlenmiş,arama sonuçlarında okuduğu zaman kullanıcıyı çekecek,mümkünse içinde site içeriği ile ilgili kelimeler sıkça geçecek -abartmadan- bir Açıklama yazılmalıdır.
Önem : Google görsellikte önplana çıkartır,çok nadir olarak sonuçları etkileyebilir.
Kod :<META NAME="Description" CONTENT="Dediğim şekilde Açıklama içeren cümleler">
5) Keywords Meta Tagı (***)
Açıklama : Tecrübelerime dayanarak,etkisin oldukça zayıf olduğu söylenebilir.Ancak yine de her sitenin uygulaması webmaster menfaatinedir.En ufak olumlu tepki bile kârdır.Bu sebeple keywordler eklenmelidir.Dikkat edilmesi gereken husus ise en fazla 20-25 kelime sınırıdır.Kelimelerin tamamı SİTE İÇERİÐİ İLE ALAKALI olmalıdır.Saçma sapan adult keywordler doldurmanın kimseye faydası yoktur.Araya muhakkak virgül konmalıdır - tercihen virgül sonrası bir boşluk sonra kelime sonra tekrar aynı döngü-.Virgül konulmaz ise tüm yazılanlar tek kelime gibi algılanır
Önem : Ciddiye alındığı söylenir,ancak ben aşırı derecede olumlu hiçbir etkisini göremedim.Yine de deneyin
Kod :<META NAME="Keywords" CONTENT="seo teknikleri, ücretli arama motoru optimizasyonu,">
6) Language Meta Tagı (**)
Açıklama : Site dilini bota tanımlar.Google Botun ihtiyacı çokça yoktur.Ancak yönlendirme amaçlıdır,üşengeç botu üzmez,kalbini kazanır
Önem : Mümkünse düzenlenmelidir.
Kod :<META NAME="Language" CONTENT="Dil tanımı">
7) RefreshMeta Tagı (*)
Açıklama : Oldukça gereksiz,bir o kadar da tehlikelidir.Bu taga kızan botlar olup,gönül koyabilir.Nadir uğrar,geldi mi de pek indexleyesi gelmez.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Refresh" CONTENT="kaç saniyede bir yenilenecekse buraya yazılmalı,URL=http://www.seoteknikleri.com">
Revisit Meta Tagı (*)
Açıklama : Botu bir daha ne vakit çağıralım meta tagıdır.Bot fazla ilgi alaka sevmez.Yalaka adamla hiç uğraşamaz.Siz en iyisi ona hiç,şu vakitte gel bu vakitte gel demeyin.Emri-Vaki algılar,direk kızar.En iyisi bu tagı hiç kullanmamak
Önem : Hiçbir arama motoru ciddiye almaz.
Kod : <META NAME="Revisit-After" CONTETN="X Days">
9) Robot Meta Tagı (*)
Açıklama : Sayfanın indexlenip indexlenmemesi konusunda gerekli bir Koddur.Eğer botun ziyaret etmemesi için kullanacaksanız robots.txt dosyasından da disallow vermeniz önerilir.index komutu verip beni indexler misin diyebilirsiniz,ancak oldukça gereksizdir önerilmez.
Önem : Hiçbir arama motoru ciddiye almaz.
Kod :<META NAME="Robot" CONTETN="index,follow">
10) Akıllı Webmaster Meta Tagı (*****)
Açıklama : Descriptionu,Keywordu,bir de garanti olsun diye Language metasını ekler.Başka hiçbirşey yapmaz.Çünkü bilir ki arama motorları üstten indexlemeye başlar.Ve her satır kaybı site içerisindeki içeriğin önemini biraz daha arttırır.
kaynak: ordan burdan
scrollbar-face-color :Kaydırma çubuğunun yüzey rengi , aynı zamanda zemini de etkiliyor.
scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarını çizgi halinde kaplıyor.
scrollbar-shadow-color :Sağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color :Sol ve üst kenarlıkların gölge rengi,aynı zamanda zemini de etkiliyor.
scrollbar-arrow-color :Yön oklarının rengi
Kaydırma çubuğu, sadece Internet Explorer'da geçerlidir.
kaynak: ordan burdan
margin : Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler.
padding : Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler.
border : Tablonun kenarlarının şekillendirilmesini sağlar.
border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.
border-width : Tablonun kenarlarının kalınlığını belirler.
border-top-width : Tablonun üst kenarının kalınlığını belirler.
border-right-width : Tablonun sağ kenarının kalınlığını belirler.
border-bottom-width : Tablonun alt kenarının kalınlığını belirler.
border-left-width : Tablonun sol kenarının kalınlığını belirler.
border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.
border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.
color : Tabloda geçen metnin rengini belirler.
width : Tablonon genişliğini belirler.
height : Tablonun yüksekliğini belirler.
kaynak: ordan burdan
background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasını sağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağını belirler.
repeat : Resmin bütün zemine yayılmasını sağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasını sağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasını sağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasını sağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarı yerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağı yerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
…px : Resmin soldan istenilen ölçüde içerde olmasını sağlar.
kaynak: ordan burdan
crosshair:İmlecin artı işareti şeklinde olmasını sağlar.
auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasını sağlar.
default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasını sağlar.
hand:İmlecin linkte olduğu gibi el şeklinde olmasını sağlar.
move:İmlecin taşıma işareti şeklinde olmasını sağlar.
ne-resize:İmlecin sağa yatık normal ok olmasını sağlar.
nw-resize:İmlecin sola yatık normal ok olmasını sağlar.
se-resize:İmlecin yukardan aşağı doğru ve sağa yatık normal ok olmasını sağlar.
sw-resize:İmlecin yukardan aşağı doğru ve sola yatık normal ok olmasını sağlar.
n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasını sağlar.
s-resize:İmlecin yukardan aşağı doğru ince ok şeklinde olmasını sağlar.
w-resize:İmlecin sola doğru ince ok şeklinde olmasını sağlar.
e-resize:İmlecin sağa doğru ince ok şeklinde olmasını sağlar.
text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
help:İmlecin yardım-soru işaretine dönüşmesini sağlar
kaynak: ordan burdan
word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağını belirler.
underline : Kelimenin altının (Satır altından) çizili olmasını sağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar.
line-through : Kelimenin ortasından çizili olmasını sağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağını belirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasını sağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasını sağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasını sağlar.
none : Kelimelerin orjinal metindeki gibi olmasını sağlar.
text-align: Metnin dikey olarak nasıl hizalanacağını belirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.
kaynak: ordan burdan
font-family:Yazı türünü belirler.(Arial , Verdana gibi.)
font-style:Yazının normal veya sağa eğik olmasını sağlar.
font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar.
font-weight:Yazının kalınlık-inceliğini belirler.
font-size:Yazının büyüklüğünü belirler.
kaynak: ordan burdan
position:Katmanın yerinin belirlenmesini sağlar.
absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top:Katmanın üstten ne kadar aşağıda olması gerektiğini belirler.
left:Katmanın soldan ne kadar içeride olması gerektiğini belirler.
width:Katmanın genişliğinin ne kadar olacağını belirler.
height:Katmanın yüksekliğinin ne kadar olacağını belirler.
overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler.
auto:Otomatik olarak belirlenir.
scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden:Sığmayan yerleri gizler.
visibility:Katmanın görünebilirlik ayarını yapar.
visible : Katmanın görünür olmasını sağlar.
hidden:Katmanı gizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.
kaynak: ordan burdan
disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar.
circle : Liste biçiminin çember şeklinde olmasını sağlar.
square : Liste biçiminin kare olmasını sağlar.
decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar.
none : Listenin simgesiz olmasını sağlar.
inside : Listenin ikinci satırının en soldan başlamasını sağlar.
Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar.
list-style-image : Liste biçiminin resim olmasını sağlar.
kaynak: ordan burdan
a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover :Linkin imleç üzerine getirildiğindeki durumudur.
a:active :Linkin tıklandığı andaki durumudur.
a:visited :Linkin tıklandıktan sonraki durumudur.
BİÇİMLENDİRME:
color:Linkin rengini belirler.
background-color:Linkin zemin rengini belirler.
background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight:Yazının kalınlık veya inceliğini belirler.
border:Linkin etrafına kenarlık ekler.
display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.
kaynak: ordan burdan
<?php
$text = '8,8';
$imgfile="antalya.jpg";
$font = 'arial.ttf';
$ext=substr($imgfile,-3);
$ext=strtolower($ext);
if($ext=="jpg" || $ext=="jpe") $im=@imagecreatefromjpeg("$imgfile");
elseif ($ext=="gif") $im=@imagecreatefromgif("$imgfile");
else {print "Unknown image format"; exit;}
if (!$im) { /* See if it failed */
$im = ImageCreate (150, 30); /* Create a blank image */
$bgc = ImageColorAllocate ($im, 255, 255, 255);
$tc = ImageColorAllocate ($im, 0, 0, 0);
ImageFilledRectangle ($im, 0, 0, 150, 30, $bgc);
/* Output an errmsg */
ImageString($im, 1, 5, 5, "Error loading $imgfile", $tc);
return $im;
}
$x=imagesx($im);
$y=imagesy($im);
$fontsize=$x/20;
$fontsize=floor($fontsize);
if($fontsize<10) $fontsize=10;
$white = imagecolorallocate($im, 255, 255, 255);
$black = imagecolorallocate($im, 0, 0, 0);
imagettftext($im, $fontsize, 0, 12, $fontsize+8, $black, $font, $text);
imagettftext($im, $fontsize, 0, 10, $fontsize+6, $white, $font, $text);
if($ext=="gif")
{
header("Content-type: image/gif");
imagegif($im);
}
else
{
header("Content-type: image/jpeg");
imagejpeg($im);
}
imagedetroy($im);
?>
kaynak: ordan burdan
<?
Header("Content-type: image/gif");
class textGIF {
function draw() {
$width = 0;
$height = 0;
$offset_x = 0;
$offset_y = 0;
$bounds = array();
$image = "";
$bounds = ImageTTFBBox($this->size, $this->rot, $this->font, "W");
if ($this->rot < 0) {
$font_height = abs($bounds[7]-$bounds[1]);
} else if ($this->rot > 0) {
$font_height = abs($bounds[1]-$bounds[7]);
} else {
$font_height = abs($bounds[7]-$bounds[1]);
}
$bounds = ImageTTFBBox($this->size, $this->rot, $this->font, $this->msg);
if ($this->rot < 0) {
$width = abs($bounds[4]-$bounds[0]);
$height = abs($bounds[3]-$bounds[7]);
$offset_y = $font_height;
$offset_x = 0;
} else if ($this->rot > 0) {
$width = abs($bounds[2]-$bounds[6]);
$height = abs($bounds[1]-$bounds[5]);
$offset_y = abs($bounds[7]-$bounds[5])+$font_height;
$offset_x = abs($bounds[0]-$bounds[6]);
} else {
$width = abs($bounds[4]-$bounds[6]);
$height = abs($bounds[7]-$bounds[1]);
$offset_y = $font_height;;
$offset_x = 0;
}
$image = imagecreate($width+($this->pad*2)+1,$height+($this->pad*2)+1);
$background = ImageColorAllocate($image, $this->bg_red, $this->bg_grn, $this->bg_blu);
$foreground = ImageColorAllocate($image, $this->red, $this->grn, $this->blu);
if ($this->transparent) ImageColorTransparent($image, $background);
ImageInterlace($image, false);
ImageTTFText($image, $this->size, $this->rot, $offset_x+$this->pad, $offset_y+$this->pad, $foreground, $this->font, $this->msg);
imageGIF($image);
}
}
$text = new textGIF;
$text->msg = "www.otelreferans.com"; // resimi yapılacak yazı
$text->font = 'arial.ttf'; // font tipi ve yolu
$text->size = 14; // yazı boyut
$text->rot = 0; // resimi döndürme oranı
$text->pad = 20; // yazının resim kenarlarından uzaklığı
$text->red =46; // rgb red
$text->grn =48; // rgb green
$text->blu =142; // rgb blue
$text->bg_red =229; // background color. rgb red
$text->bg_grn =229; // background color. rgb green
$text->bg_blu =243; //background color. rgb blue
$text->transparent = 0; // transparency
$text->draw();
?>
kaynak: ordan burdan
<?php
//www.codekodu.com tarafından düzenlenmiştir
class gradient {
var $yukseklik = 100;
var $genislik = 100;
var $ilkrenk = '000000';
var $ikincirenk = 'ffffff';
function cizim() {
$im = imagecreate ($this->genislik, $this->yukseklik);
$b = hexdec($this->ilkrenk);
$c = hexdec($this->ikincirenk);
$sr = ($b & 0xFF0000) >> 16;
$sg = ($b & 0xFF00) >> 8;
$sb = ($b & 0xFF);
$er = ($c & 0xFF0000) >> 16;
$eg = ($c & 0xFF00) >> 8;
$eb = ($c & 0xFF);
$r = $er - $sr;
$g = $eg - $sg;
$b = $eb - $sb;
for ($satir = 0; $satir < $this->yukseklik; $satir++)
{
$cRed = (($sr += ($r / $this->yukseklik)) < 0) ? (int)0: (int)$sr;
$cGreen = (($sg += ($g / $this->yukseklik)) < 0) ? (int)0: (int)$sg;
$cBlue = (($sb += ($b / $this->yukseklik)) < 0) ? (int)0: (int)$sb;
$clr[$satir] = imagecolorallocate($im, $cRed, $cGreen, $cBlue);
imageline($im, 0, $satir, ($this->genislik - 1), $satir, $clr[$satir]);
}
imagejpeg($im);
}
}
Header("Content-type: image/jpg");
$gradient = new gradient;
$gradient->yukseklik = 100;
$gradient->genislik = 500;
$gradient->ilkrenk = "ff6600";
$gradient->ikincirenk = "FFFF40";
$gradient->cizim();
?>
kaynak: ordan burdan
<?php
class xmlreader {
var $_data;
var $_white;
var $_xml_url;
function xmlreader ($xml_url = "")
{
$this->_white = 1;
if (trim($xml_url) != "") $this->set_xml_url ($xml_url);
}
function set_xml_url ($url)
{
$this->_xml_url = $url;
}
function read ()
{
if (!$this->_xml_url) $this->error ("XML File is not assigned.");
$fp = fopen ($this->_xml_url, "r");
while (!feof ($fp)) $this->_data .= fgets($fp, 4096);
fclose ($fp);
$this->_data = trim ($this->_data);
}
function parse ()
{
$this->read();
if (trim ($this->_data) == "") $this->error ("Data not ready.");
$vals = $index = $array = array();
$parser = xml_parser_create();
xml_parser_set_option($parser, XML_OPTION_CASE_FOLDING, 0);
xml_parser_set_option($parser, XML_OPTION_SKIP_WHITE, $this->_white);
xml_parse_into_struct($parser, $this->_data, $vals, $index);
xml_parser_free($parser);
$i = 0;
$tagname = $vals[$i]['tag'];
if ( isset ($vals[$i]['attributes'] ) )
{
$array[$tagname]['@'] = $vals[$i]['attributes'];
}
else
{
$array[$tagname]['@'] = array();
}
$array[$tagname]["#"] = $this->xml_depth($vals, $i);
return $array;
}
function xml_depth($vals, &$i) {
$children = array();
if ( isset($vals[$i]['value']) )
{
array_push($children, $vals[$i]['value']);
}
while (++$i < count($vals)) {
switch ($vals[$i]['type']) {
case 'open':
if ( isset ( $vals[$i]['tag'] ) )
{
$tagname = $vals[$i]['tag'];
}
else
{
$tagname = '';
}
if ( isset ( $children[$tagname] ) )
{
$size = sizeof($children[$tagname]);
}
else
{
$size = 0;
}
if ( isset ( $vals[$i]['attributes'] ) )
{
$children[$tagname][$size]['@'] = $vals[$i]["attributes"];
}
$children[$tagname][$size]['#'] = $this->xml_depth($vals, $i);
break;
case 'cdata':
array_push($children, $vals[$i]['value']);
break;
case 'complete':
$tagname = $vals[$i]['tag'];
if( isset ($children[$tagname]) )
{
$size = sizeof($children[$tagname]);
}
else
{
$size = 0;
}
if( isset ( $vals[$i]['value'] ) )
{
$children[$tagname][$size]["#"] = $vals[$i]['value'];
}
else
{
$children[$tagname][$size]["#"] = '';
}
if ( isset ($vals[$i]['attributes']) )
{
$children[$tagname][$size]['@'] = $vals[$i]['attributes'];
}
break;
case 'close':
return $children;
break;
}
}
return $children;
}
function traverse_xmlize($array, $arrName = "array", $level = 0) {
foreach($array as $key=>$val)
{
if ( is_array($val) )
{
traverse_xmlize($val, $arrName . "[" . $key . "]", $level + 1);
}
else
{
$GLOBALS['traverse_array'][] = '$' . $arrName . '[' . $key . '] = "' . $val . ""
";
}
}
return 1;
}
function error ($str)
{
print get_class ($this)." ".$this->version()." => $str";
exit();
}
function version ()
{
return "1.0";
}
};
?>
kaynak: ordan burdan
