--------------------------------------------------------------------------
Arkaplan Müzik
Bölünmüş Sayfa
Css Uzantılı Dosyalar yÜKLEMEK
Giriş Sayfası Yapma
Fare üzerine gelince renk değiştiren menü
Özel İmleç
Arkaplan Müzik
- <embed src="muzik.mid" autostart="true" loop="true"></embed>
- <noembed>
- <bgsound src="muzik.mid" loop="infinite">
- </noembed>
Bölünmüş Sayfa
- <html>
- <head>
- <**** 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++)
- ********.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.cx">http://www.saab.tr.cx</a> <br>
- <a href="mailto:[email protected]">
- [email protected]</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>
- </div>
- </div>
- </body>
- </html>
Css Uzantılı Dosyalar yÜKLEMEK
- '' Bu kodu html, asp, php ve diğer web programlama dillerinde kullanabilirsiniz.
- Hazırlamış olduğunuz Css dosyasını bu kodla sayfaya yükleyebilirsiniz. (include)
- <link href="style.css" rel="stylesheet" type="text/css">
Giriş Sayfası Yapma
- <a onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.turkhackteam.org);" style="cursor:hand">Giriş Sayfası Yap</a>
Fare üzerine gelince renk değiştiren menü
- body {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- color: #999999;
- margin: 0px; }
- ul {
- float: left;
- position: fixed;
- margin-left: 20px; }
- li {
- width: 150px;
- height: 15px;
- margin-top: 3px;
- border-style: solid;
- border-width: 1px;
- border-color: #64acd8;
- font-weight: bold;
- font-size: 120%;
- background-color: #ffffff;
- list-style: none;
- padding: 3px; }
- li:hover {
- background-color: #faffd8;
- border-color: #004f7b; }
- a:link{
- text-decoration: none;
- color: #999999;}
- a:hover {
- text-decoration: none;
- color: #333333; }
- a:visited {
- text-decoration: none;
- color: #999999;}
- a:active {
- text-decoration: none;
- color: #FF0000; }
Özel İmleç
- <html>
- <head>
- *********
- <!--
- BODY{
- cursor:url("mycursor.cur");
- }
- -->
- </style>
- </head>
