NoMercy
08-11-2007, 01:05 PM
Frame olarak sayfayı üçe böler
<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> </h1>
<h3><font color="#000000">Buraya ;
Text yazabilirsiniz Resim koyabilirsiniz İframe olarak kullanabilirsiniz.</font></h3>
<p> </p>
<p> </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> </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"> </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> <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> <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 href="mailto:ksabitk@hotmail.com">
ksabitk@hotmail.com</a> </p>
<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>
By ReMix
ahmet@trcafem.com
<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> </h1>
<h3><font color="#000000">Buraya ;
Text yazabilirsiniz Resim koyabilirsiniz İframe olarak kullanabilirsiniz.</font></h3>
<p> </p>
<p> </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> </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"> </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> <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> <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 href="mailto:ksabitk@hotmail.com">
ksabitk@hotmail.com</a> </p>
<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>
By ReMix
ahmet@trcafem.com