CSS ile iframe görünüşleri hazırlamak

14 Aralık 2006, 00:37 tarihinde yazılmış olup, 5,083 kez okunmuş ve 6 yorum almış

Etiketler:

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.

3.63
Yazı ebatı büyüt Yazı ebatı küçült Arkadaşına yolla Bu yazıyı paylaş Yorum yap Yazının geri izleme adresi Yazıyı XML ile takip et


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;

PLAIN TEXT
CSS:
  1. #sarki_sozu {
  2.     height: 200px;
  3.     width: 580px;
  4.     overflow: auto;
  5.     border: 1px solid #666;
  6.     background-color: #ccc;
  7.     padding: 8px;
  8.     line-height:16px;
  9.     font-weight:bold;
  10. }

HTML kodları ile birlikte ise şu şekilde deneyebilirsiniz.

PLAIN TEXT
HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
  5. <title>CSS IFRAME</title>
  7. #sarki_sozu {
  8.     height: 200px;
  9.     width: 580px;
  10.     overflow: auto;
  11.     border: 1px solid #666;
  12.     background-color: #ccc;
  13.     padding: 8px;
  14.     line-height:16px;
  15.     font-weight:bold;
  16. }
  17. </style>
  18. </head>
  19.  
  21. <div id="sarki_sozu">
  22.   <p>Buralardan hemen gidesim var<br />
  23.     Yeniden başlamak hevesim var<br />
  24.     Ne varsa attığım içime <br />
  25.     Cart diye diyesim var</p>
  26.   <p>Katlanıyoruz herkes gibi malum<br />
  27.     E açıklarımız kaçıklarımız var<br />
  28.     Ama hem kel hem fodul takımını <br />
  29.     Hart diye yiyesim Var</p>
  30.   <p>Çat diye çatlamak üzereyim<br />
  31.     Neresinden tutup da düzeleyim?<br />
  32.     Ortağı olmuşum düzeneğin<br />
  33.     Kendimi boğasım Var</p>
  34.   <p>Çat diye çatlamak üzereyim<br />
  35.     Neresinden tutup da düzeleyim<br />
  36.     Ortağı olmuşum düzeneğin<br />
  37.     Herkesi oyasım Var</p>
  38.   <p>Aman be hadi kalk kaynaşalım kız<br />
  39.     Çakkıdı çakkıdı oynaşalım kız<br />
  40.     Azıcık alttan azıcık üstten <br />
  41.     Hoppidi hoppidi hoplatalım kız</p>
  42.   <p>Bunlar benim fikrim mi?<br />
  43.     Kısa matraj filmim mi?<br />
  44.     İrfanım mı ilmim mi?<br />
  45.     Yuh diye sövesim Var</p>
  46.   <p>Zihin oyunlarım mı?<br />
  47.     Resmi duyumlarım mı?<br />
  48.     Koyun oyunlarım mı? <br />
  49.     Kah kah gülesim Var</p>
  50.   <p>Çat diye çatlamak üzereyim <br />
  51.     Neresinden tutup da düzeleyim?<br />
  52.     Ortağı olmuşum düzeneğin<br />
  53.     Kendimi boğasım Var</p>
  54.   <p>Çat diye çatlamak üzereyim <br />
  55.     Neresinden tutup da düzeleyim?<br />
  56.     Ortağı olmuşum düzeneğin<br />
  57.     Herkesi öpesim Var</p>
  58.   <p>Aman be hadi kalk kaynaşalım kız<br />
  59.     Çakkıdı çakkıdı oynaşalım kız<br />
  60.     Azıcık alttan azıcık üstten <br />
  61.     Hoppidi hoppidi hoplatalım kız</p>
  62.   <p>Hiç umut yok mu?<br />
  63.     Herşey boş mu?<br />
  64.     Dünya alem <br />
  65.     Dut gibi sarhoş mu?</p>
  66.   <p>Aman be hadi kalk kaynaşalım kız<br />
  67.     Çakkıdı çakkıdı oynaşalım kız<br />
  68.     Azıcık alttan azıcık üstten <br />
  69.     Hoppidi hoppidi hoplatalım kız</p>
  70.   <p>Çat diye çatlamak üzereyim<br />
  71.     Neresinden tutup da düzeleyim?<br />
  72.     Ortağı olmuşum düzeneğin<br />
  73.     Kendimi boğasım Var</p>
  74.   <p>Çat diye çatlamak üzereyim<br />
  75.     Neresinden tutup da düzeleyim?<br />
  76.     Ortağı olmuşum düzeneğin<br />
  77.     Kendimi öpesim Var..hehe heehehe :) </p>
  78. </div>
  79. </body>
  80. </html>

Bunu okuyanlar, alttakileri de okudu

Bu yazılar da ilginizi çekebilir ;)

Wordpress.Org Lisans Kullanım Şartları Dmry.net Hakkında

Kullanım şartları yerine getirilmeden hiçbir şekilde kopyala-yapıştır yapılamaz.
Dmry.net Vital Teknoloji tarafından desteklenmektedir.
eXTReMe Tracker