GüLe SeVDaLi BiR GeNçLiK

WEBMASTER SAHASI => Webmaster Kaynaşma Yeri => Webmaster Sorunları => Konuyu başlatan: sevdaligul - 08 Nisan 2010, 22:31:21

Başlık: Sayfayı İkiye Bölme Kodu
Gönderen: sevdaligul - 08 Nisan 2010, 22:31:21
Kod: Linklerin Görülmesine İzin Verilmiyor. Üye Ol ya da Giriş Yap
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

<title>Bölünmüş Sayfa</title>

<style type="text/css">



body{

margin: 0;

padding: 0;

border: 0;

overflow: hidden;

height: 100%;

max-height: 100%;

}



#framecontentLeft, #framecontentRight{

position: absolute;

top: 0;

left: 0;

width: 200px; /*Width of left frame div*/

height: 100%;

overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

background-color: silver;

color: white;

}



#framecontentRight{

left: auto;

right: 0;

width: 150px; /*Width of right frame div*/

overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/

background-color: silver;

color: white;

}



#maincontent{

position: fixed;

top: 0;

left: 200px; /*sol frame en*/

right: 150px; /*sağ frame en*/

bottom: 0;

overflow: auto;

background: #fff;

}



.innertube{

margin: 15px; /*yazı karakteri (to provide padding)*/

}



* html body{ /*IE6 */

padding: 0 150px 0 200px;

}



* html #maincontent{ /*IE6 */

height: 100%;

width: 100%;

}



</style>



<script type="text/javascript">



<!--

var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"]

function filltext(words){

for (var i=0; i<words; i++)

document.write(gibberish[Math.floor(Math.random()*3)]+" ")

}

//-->

</script>



</head>



<body>



<div id="framecontentLeft">

<div class="innertube">



<h1>&nbsp;</h1>
<h3><font color="#000000">Buraya ;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Text yazabilirsiniz Resim koyabilirsiniz İframe olarak kullanabilirsiniz.</font></h3>

<p>&nbsp;</p>

<p>&nbsp;</div>

</div>



<div id="framecontentRight">

<div class="innertube">



<h3 align="center"><u><font face="Arial" size="3" color="#000000">2. Bölüm</font></u></h3>

<p>&nbsp;</div>

</div>





<div id="maincontent" style="width: 415px; height: 384px">

<div class="innertube">



<table height="100" cellSpacing="0" cellPadding="0" width="361" border="0" style="font-size: 11; color: black; font-family: tahoma; text-decoration: none" id="table1">

<tr>

<td vAlign="top" width="6" height="73">&nbsp;</td>

<td vAlign="top" width="354" height="73"><font face="Arial" size="5"><b>Kar aydınlığında </b>

</font><font face="Arial" size="4">

<p>Uyandım kar aydınlığında<br>

O küçük kasaba uykuda<br>

Uykusuz bir sıra kavak<br>

Hem gider hem dinlerim<br>

Düş önüme yol göster derem benim<br>

Kar mıhı atımın nallarında<br>

Cebimde bir şişe konyak<br>

<br>

Evlerinin avlusunda ayna nar<br>

Sedirinde acı biber rengi bir kilim<br>

Odan ıslak tahta kokar biraz da toprak<br>

Gözlerim sana değer ısınır<br>

Uzattım mı mangalına ellerimi<br>

Her yanım tane tane mısır<br>

Sanırdım patladı patlayacak<br>

<br>

Sen sıcaktın yataklar sıcak<br>

Pencerende aydınlık kar<br>

Ateşim kömürüm esmerim benim<br>

O günlerin tadı başka nerde var<br>

Gençtik âşıktık deliydik<br>

Seviştikçe ağardı karanlıklar<br>

Bunca dağın karlarını erittik</p>

<p>Necati Cumalı</font></p>

<p>&nbsp;<hr color="#ff0000"><font face="Arial" size="5"><b>Anneme Mektup</b></font></p>

<p><font face="Arial" size="4">Ben bu gurbet ile düştüm düşeli,<br>

Her gün biraz daha süzülmekteyim.<br>

Her gece, içinde mermer döşeli,<br>

Bir soğuk yatakta büzülmekteyim.<br>

<br>

Böylece bir lâhza kaldığım zaman,<br>

Geceyi koynuma aldığım zaman,<br>

Gözlerim kapanıp daldığım zaman,<br>

Yeniden yollara düzülmekteyim.<br>

<br>

Son günüm yaklaştı görünesiye,<br>

Kalmadı bir adım yol ileriye;<br>

Yüzünü görmeden ölürsem diye,<br>

Üzülmekteyim ben, üzülmekteyim</p>

<p>N. Fazıl Kısakürek</font><p>&nbsp;<hr color="#FF0000">

<p><b><font face="Arial" size="5">Kahveci Kız</font><font face="Arial" size="4">

</font> </b></p>

<font face="Arial" size="4">

<p>Allah beni çirkin yarattı, <br>

Cazibem yok yürürken. <br>

Kahveci kızına mı bakılır, <br>

Güzeller dururken. <br>

<br>

Fakir doğup büyüdüm, <br>

Annem evlerde çamaşır yıkar. <br>

Onlara git, <br>

Zenginler var. <br>

<br>

Okutmadılar orta’dan sonra, <br>

Tahsilim de kaldı yarım. <br>

Güzel olsam, zengin olsam <br>

Anlarım. </p>

<p>Behçet Necatigil</font><p></p><hr color="#ff0000"></td>

</tr>



</table>Türkçeleştirme

<p style="text-align: center">

<a target="_blank" href="http://www.saab.tr.cc">http://www.saab.tr.cc</a> <br>

<a [b][color=orange][Msn Ardesi Paylaşımı Yasak! Bir Problem Var İse Lütfen iletisim@osmanli-tr.org Adresine Mail Atın][/color][/b]">



<p style="text-align: center"><font size="4">Amacımız şiir yazmak değil sayfanın

ne işe yaradığını göstermek</font></p>

<p style="text-align: left"><font size="1pt">the original layout

<a target="_blank" href="http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/">

http://www.dynamicdrive.com/style/layouts/item/css-left-and-right-frames-layout/</a>

</font></p>



</div>

</div>





</body>

</html>

bu kodu kullanarak yaptığınız sayfaları ikiye böle bilirsiniz