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.
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 :)