Web tasarımına başlarken çoğu kez iframe etiketlerinden faylanmışızdır. Aslında faydanlanmaya da devam ediyor olabiliriz. Ama ben gerekmedikçe iframe kullanmamaya çalışıyorum çünkü masrafı fazla
Bu nedenle sizlere CSS ile iframe görünüşlerini nasıl kazandırabileceğinizi anlatacağım.
Aslında herşeyi normal şekilde tasarlıyorsunuz fakat uygulamaya can veren css’nin overflow etiketi oluyor.
Anlatmak istediğim şu şekilde;
Buralardan hemen gidesim var
Yeniden başlamak hevesim var
Ne varsa attığım içime
Cart diye diyesim var
Katlanıyoruz herkes gibi malum
E açıklarımız kaçıklarımız var
Ama hem kel hem fodul takımını
Hart diye yiyesim Var
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim?
Ortağı olmuşum düzeneğin
Kendimi boğasım Var
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim
Ortağı olmuşum düzeneğin
Herkesi oyasım Var
Aman be hadi kalk kaynaşalım kız
Çakkıdı çakkıdı oynaşalım kız
Azıcık alttan azıcık üstten
Hoppidi hoppidi hoplatalım kız
Bunlar benim fikrim mi?
Kısa matraj filmim mi?
İrfanım mı ilmim mi?
Yuh diye sövesim Var
Zihin oyunlarım mı?
Resmi duyumlarım mı?
Koyun oyunlarım mı?
Kah kah gülesim Var
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim?
Ortağı olmuşum düzeneğin
Kendimi boğasım Var
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim?
Ortağı olmuşum düzeneğin
Herkesi öpesim Var
Aman be hadi kalk kaynaşalım kız
Çakkıdı çakkıdı oynaşalım kız
Azıcık alttan azıcık üstten
Hoppidi hoppidi hoplatalım kız
Hiç umut yok mu?
Herşey boş mu?
Dünya alem
Dut gibi sarhoş mu?
Aman be hadi kalk kaynaşalım kız
Çakkıdı çakkıdı oynaşalım kız
Azıcık alttan azıcık üstten
Hoppidi hoppidi hoplatalım kız
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim?
Ortağı olmuşum düzeneğin
Kendimi boğasım Var
Çat diye çatlamak üzereyim
Neresinden tutup da düzeleyim?
Ortağı olmuşum düzeneğin
Kendimi öpesim Var..hehe heehehe
Yukarıdaki uygulamın css kodları şöyle;
#sarki_sozu {
height: 200px;
width: 580px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
line-height:16px;
font-weight:bold;
}
HTML kodları ile birlikte ise şu şekilde deneyebilirsiniz.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<title>CSS IFRAME</title>
<style>
#sarki_sozu {
height: 200px;
width: 580px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
line-height:16px;
font-weight:bold;
}
</style>
</head>
<body>
<div id="sarki_sozu">
<p>Buralardan hemen gidesim var<br />
Yeniden başlamak hevesim var<br />
Ne varsa attığım içime <br />
Cart diye diyesim var</p>
<p>Katlanıyoruz herkes gibi malum<br />
E açıklarımız kaçıklarımız var<br />
Ama hem kel hem fodul takımını <br />
Hart diye yiyesim Var</p>
<p>Çat diye çatlamak üzereyim<br />
Neresinden tutup da düzeleyim?<br />
Ortağı olmuşum düzeneğin<br />
Kendimi boğasım Var</p>
<p>Çat diye çatlamak üzereyim<br />
Neresinden tutup da düzeleyim<br />
Ortağı olmuşum düzeneğin<br />
Herkesi oyasım Var</p>
<p>Aman be hadi kalk kaynaşalım kız<br />
Çakkıdı çakkıdı oynaşalım kız<br />
Azıcık alttan azıcık üstten <br />
Hoppidi hoppidi hoplatalım kız</p>
<p>Bunlar benim fikrim mi?<br />
Kısa matraj filmim mi?<br />
İrfanım mı ilmim mi?<br />
Yuh diye sövesim Var</p>
<p>Zihin oyunlarım mı?<br />
Resmi duyumlarım mı?<br />
Koyun oyunlarım mı? <br />
Kah kah gülesim Var</p>
<p>Çat diye çatlamak üzereyim <br />
Neresinden tutup da düzeleyim?<br />
Ortağı olmuşum düzeneğin<br />
Kendimi boğasım Var</p>
<p>Çat diye çatlamak üzereyim <br />
Neresinden tutup da düzeleyim?<br />
Ortağı olmuşum düzeneğin<br />
Herkesi öpesim Var</p>
<p>Aman be hadi kalk kaynaşalım kız<br />
Çakkıdı çakkıdı oynaşalım kız<br />
Azıcık alttan azıcık üstten <br />
Hoppidi hoppidi hoplatalım kız</p>
<p>Hiç umut yok mu?<br />
Herşey boş mu?<br />
Dünya alem <br />
Dut gibi sarhoş mu?</p>
<p>Aman be hadi kalk kaynaşalım kız<br />
Çakkıdı çakkıdı oynaşalım kız<br />
Azıcık alttan azıcık üstten <br />
Hoppidi hoppidi hoplatalım kız</p>
<p>Çat diye çatlamak üzereyim<br />
Neresinden tutup da düzeleyim?<br />
Ortağı olmuşum düzeneğin<br />
Kendimi boğasım Var</p>
<p>Çat diye çatlamak üzereyim<br />
Neresinden tutup da düzeleyim?<br />
Ortağı olmuşum düzeneğin<br />
Kendimi öpesim Var..hehe heehehe
</p>
</div>
</body>
</html>
Sayfa içi linkleri verirken name belirtmiyoruz peki target da bunu nasıl kullanabiliriz.
Eyw kardeş çok faydalı bi bilgi
MaxTT Paylaşım İçin Çok Teşekkür Ederim Ama BirŞeY Anlamadım
Bilgi için teşekkürler
frame daha fazla bilgi
şu css ile yapılabilen şeyleri gördükçe orta düzeyde olan bilgimi en iyi düzeye getirmek için can atıyorum
Çok sağol bir zamanlar bu kodu arıyordum. Meğerse Css ile yapılıyomuş
eyyyy css sen nelere kadirsin
dmry iframe kullanmıyorum bende uzun zamandır ama çaresizdim
bu hızır acil servisinden yeni çıkmış gibi oldu