CSS

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.

8 yorum Beğen Paylaş CSS ile iframe görünüşleri hazırlamak


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>
14 Aralık 2006, 00.37 tarihinde yayınlanmış
13 Aralık 2006, 20.38 tarihinde güncellenmiş
Bu yazı 8 adet yorum almıştır ve bunların 8 ile 0 arası görüntülenmektedir. Yorumları RSS ile takip edebilirsiniz.
| 26 Mart 2009 , 22:26
#8

Sayfa içi linkleri verirken name belirtmiyoruz peki target da bunu nasıl kullanabiliriz.

ali
| 08 Ekim 2008 , 15:55
#7

Eyw kardeş çok faydalı bi bilgi

| 05 Mart 2008 , 18:41
#6

MaxTT Paylaşım İçin Çok Teşekkür Ederim Ama BirŞeY Anlamadım :)

cyberboy
| 02 Ağustos 2007 , 05:58
#5

Bilgi için teşekkürler :|

eos
| 03 Mart 2007 , 14:03
#4

frame daha fazla bilgi

| 14 Aralık 2006 , 17:19
#3

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

| 14 Aralık 2006 , 01:28
#2

Çok sağol bir zamanlar bu kodu arıyordum. Meğerse Css ile yapılıyomuş

| 14 Aralık 2006 , 01:08
#1

eyyyy css sen nelere kadirsin :) dmry iframe kullanmıyorum bende uzun zamandır ama çaresizdim :D bu hızır acil servisinden yeni çıkmış gibi oldu :D

promosyon Oyunlar prefabrik Düşük fiyat listesi |Teknolojik Ürünler| promosyon promosyon
seo Ertan Dönmez Godaddy Promo Codes Reklam Ver! Reklam Ver! Reklam Ver! Reklam Ver!
© 2005 - 2010 Tüm hakları dmRy.net'e aittir.
Kullanım şartları yerine getirilmeden hiçbir şekilde kopyala-yapıştır yapılamaz, yazılar ve bilgiler kullanılamaz.
Dmry.net Vital Teknoloji tarafından desteklenmektedir
yukarı dön