mini-cafe.tr.gg deneme sayfası

kodfalanfilan

Tasarım üstü :

<script LANGUAGE="JavaScript">

<!--

function snapIn(jumpSpaces,position) {
        var msg = "YOUR MESSAGE GOES HERE!!!"
        var out = ""

        if (killScroll) {return false}
        for (var i=0; i<position; i++){
                out += msg.charAt(i)}
        for (i=1;i<jumpSpaces;i++) {
                out += " "}
        out += msg.charAt(position)
        window.status = out
        if (jumpSpaces <= 1) {
                position++
        if (msg.charAt(position) == ' ') {
                position++ }
                jumpSpaces = 100-position
        }
        else if (jumpSpaces > 3) {
                jumpSpaces *= .75}
        else {
                jumpSpaces--}
        if (position != msg.length) {
                var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
                scrollID = window.setTimeout(cmd,5);
        }
        else {
                scrolling = false
                return false
        }
        return true
}

function snapSetup() {
        if (scrolling)
        if (!confirm('Re-initialize snapIn?'))
        return false
        killScroll = true
        scrolling = true
        var killID = window.setTimeout('killScroll=false',6)
        scrollID = window.setTimeout('snapIn(100,0)',10)
        return true

}
        var scrollID = Object
        var scrolling = false
        var killScroll = false
// -->

</script><BODY onLoad="snapSetup()">

</body>
</html>

</div>

    <div id="header-arrow"></div>
</div>
<div class="menu">
<ul>
    <li><a href="http://www.istanbulife.tr.gg">Anasayfa</a>
    <ul>
        <li><a href="#">En İyi Site Yarısması</a></li>
        <li><a href="http://istanbulife.tr.gg/Admin.htm">Admin Hakkında</a></li>
        <li><a href="#">Yazdıgım Şiirler</a></li>
        <li><a href="http://istanbulife.tr.gg/ziyaretcidefteri.htm">Ziyaretçi Defteri</a></li>
        <li><a href="#">Resim Galerisi</a></li>
        <li><a href="http://istanbulife.tr.gg/iletisim.htm">İletişim</a></li>
    </ul>
    </li>
    <li><a id="current" href="#">İstanbul</a>
    <ul>
        <li><a href="http://istanbulife.tr.gg/istanbultarihi.htm">Tarihi</a></li>
        <li><a href="http://istanbulife.tr.gg/Gezilecek-Yerler.htm">Gezilecek Yerleri</a></li>
        <li><a href="http://istanbulife.tr.gg/dinimekanlar.htm">Mekanlar</a></li>
        <li><a href="http://istanbulife.tr.gg/cografi.htm">Coğrafi Bilgi</a></li>
    </ul>
    </li>
    <li><a href="/faq.php">Müzeler</a>
    <ul>
        <li><a href="http://istanbulife.tr.gg/dolmabahcesarayi.htm">Dolma Bahce Sarayı</a></li>
        <li><a href="http://istanbulife.tr.gg/yerebatansarnici.htm">Yerebatan Sarnıcı</a></li>
        <li><a href="http://istanbulife.tr.gg/topkapisarayi.htm">Topkapı Sarayı</a></li>
        <li><a href="http://istanbulife.tr.gg/beylerbeyisarayi.htm">Beylerbeyi Sarayı</a></li>
        <li><a href="http://istanbulife.tr.gg/sisli.htm">Şişli Bilgi</a></li>
        <li><a href="#">Karikatür ve Mizah Müzesi</a></li>
        <li><a href="http://istanbulife.tr.gg/anadoluhisari.htm">Anadolu Hisarı Müzesi</a></li>
        <li><a href="#">İnkilap ( Atatürk ) Müzesi</a></li>
        <li><a href="http://istanbulife.tr.gg/galatakulesi.htm">Galata Kulesi</a></li>
    </ul>
    </li>
    <li><a href="#">Manzalar</a>
    <ul>
        <li><a href="#">Adalardan Manzara</a></li>
        <li><a href="#">Kız Kulesi Manzarası</a></li>
        <li><a href="#">Müze Resimleri</a></li>
        <li><a href="#">Deniz Resimleri</a></li>
        <li><a href="#">Camii Resimleri</a></li>
        <li><a href="#">Park Resimleri</a></li>
        <li><a href="#">Kilise Resimleri</a></li>
        <li><a href="#">Vapur Resimleri</a></li>
    </ul>
    </li>
    <li><a href="/faq.php">Tiyatro & Sinema</a>
    <ul>
        <li><a href="#">İki Çarpı İki</a></li>
        <li><a href="#">Kuzguncuk Türküsü</a></li>
        <li><a href="#">Annemin Cesareti</a></li>
        <li><a href="#">Ölüleri Gömün</a></li>
        <li><a href="#">Ne Dersin Azizim ?</a></li>
        <li><a href="#">Kral Dairesi</a></li>
        <li><a href="#">Ful Yaprakları</a></li>
        <li><a href="#">Sokrates'in Son Gecesi</a></li>
    </ul>
    </li>

<li><a href="#">Haberdar Et</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">SSS</a></li>
</ul>
</div>
   <a href="http://istanbulife.tr.gg/#linkburaya"><img alt="" border="0" style="width: 950px; margin: 0; vertical-align: middle"src="https://img.webme.com/pic/i/istanbulife/mbacku.png" /></a>

   <div id="content-box">
    <div id="content-box-in"> <a name="skip-menu"></a>

<div class="content-box-right">
        <h4>İstanbuLife Menü</h4>
        <div class="content-box-right-in">
          <dl>

            <dd class="heading"><a href="#">Ana Sayfa</a></dd>

            <dd class="heading"><a href="#">İstek ve Şikayetleriniz</a></dd>

<dd class="heading"><a href="#">Z.Defteri</a></dd>

<dd class="heading"><a href="#">Radyo İstanbul</a></dd>

<dd class="heading"><a href="#">Hakkımızda</a></dd>

            <dd class="heading"><a href="#">İletişim</a></dd>

          </dl>
        </div>
        <h4>Gezilecek Yerler</h4>
        <div class="content-box-right-in">
           <dl>

            <dd class="heading"><a href="#">Ayasofya Camii</a></dd>

            <dd class="heading"><a href="#">Dolma Bahçe Sarayı</a></dd>

            <dd class="heading"><a href="#">Yere Batan Sarnıcı</a></dd>
<dd class="heading"><a href="#">Galata Kulesi</a></dd>
<dd class="heading"><a href="#">Çırağan Sarayı</a></dd>
<dd class="heading"><a href="#">Topkapı Sarayı</a></dd>
          </dl>
        </div>
   <h4>Site Servisleri</h4>
        <div class="content-box-right-in">
           <dl>

            <dd class="heading"><a href="#">Sihirli Servis</a></dd>
<dd class="heading"><a href="#">Flash Gezi</a></dd>
<dd class="heading"><a href="#">İstanbul Gezi Planı</a></dd>
<dd class="heading"><a href="#">İnteraktif İstanbul Haritası</a></dd>
<dd class="heading"><a href="#">Sinema ve Tiyatro</a></dd>

          </dl>
</div>

        <div class="content-box-right-in">
           <dl>


        </dl>
</div>

        <div class="content-box-right-in">
           <dl>





        </dl>
</div>
<div id="column-right-bottom"> </div>
      </div>

Tasarım altı :

<div id="footer">
   </div>
</div>

Css :

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
  float:left;
  padding:0px;
  }
.menu li a{
  background:#333333 url("https://img.webme.com/pic/i/istanbulife/seperator.gif") bottom right no-repeat;
  color:#cccccc;
  display:block;
  font-weight:normal;
  line-height:35px;
  margin:0px;
  padding:0px 25px;
  text-align:center;
  text-decoration:none;
  }
  .menu li a:hover, .menu ul li:hover a{
   background: #2580a2 url("https://img.webme.com/pic/i/istanbulife/hover.gif") bottom center no-repeat;
   color:#FFFFFF;
   text-decoration:none;
   }
.menu li ul{
  background:#333333;
  display:none;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  width:225px;
  z-index:200;
  /*top:1em;
  /*left:0;*/
  }
.menu li:hover ul{
  display:block;

  }
.menu li li {
  background:url('https://img.webme.com/pic/j/jettvel/nav_bg.png') bottom left no-repeat;
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  width:225px;
  }
.menu li:hover li a{
  background:none;

  }
.menu li ul a{
  display:block;
  height:35px;
  font-size:12px;
  font-style:normal;
  margin:0px;
  padding:0px 10px 0px 15px;
  text-align:left;
  }
  .menu li ul a:hover, .menu li ul li:hover a{
   background:#2580a2 url('https://img.webme.com/pic/i/istanbulife/hover_sub.gif') center left no-repeat;
   border:0px;
   color:#ffffff;
   text-decoration:none;
   }
.menu p{
  clear:left;
  }

#featured{
width:400px;
padding-right:250px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('https://img.webme.com/pic/i/istanbulife/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('https://img.webme.com/pic/i/istanbulife/transparent-bg.png');
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}

body { margin:0px; font-family:Arial, Helvetica, sans-serif; background:#000000; }

#container { width:600px; margin:0px auto 0px; background:#FFFFFF; padding:10px; font-size:12px; }
#container h1 { font-size:24px; color:#FFFFFF; font-weight:normal; text-align:center; background:#333333; padding:10px; }
#container p { text-align:justify; padding:5px 10px 5px; margin:0px; }
#container p ol, #container p ul { margin:0px auto 0px; }
#container p.notes { color:#999999; font-size:10px; }

/* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container { width:492px ; height:94px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:442px ; height:90px ; margin:0px auto 0px; }
/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }

#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }

/* DIV container slider example */
#gallery_container2 { width:492px ; height:134px ; margin:10px auto 10px; background:#EBE2E5 ; padding:7px 0px 0px; display:block; position:relative; }

/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; right:0px; background:url(../images/gallery_fwd2.jpg) no-repeat center; }
#gallery_container2 .addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:134px; top:0px; left:0px; background:url(../images/gallery_back2.jpg) no-repeat center; }

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{ position:relative ; overflow:hidden ; width:442px ; height:130px ; margin:0px auto 0px; }
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 { display:block; position:relative; width:6000px; }

#thumbs2 div.thumbnail { display:block; position:relative; float:left; margin-right:30px; font-size:11px; width:84px; text-align:center; }

#thumbs2 a { padding:0px; margin:0px; clear:both; display:block; }
#thumbs2 a img{ border:1px #333333 solid; }

/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(../images/gallery_fwd.jpg) no-repeat; }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(../images/gallery_back.jpg) no-repeat; }
/* thumbnail slider end */

/* banner rotator */
#banners_container { display:block; position:relative; width:557px; height:140px; margin:0px auto 0px; border:1px #CCCCCC solid; }
#banner_container { position:relative ; overflow:hidden ; width:557px ; height:134px ; margin:0px auto 0px; }
#banners { white-space:nowrap; display:block; position:relative; }
#banners a img { border:none; }

dl {
margin: 0;
padding: 0
}

h4 {
margin: 0;
padding: 0
}

#isim {
background: #fff;
position: absolute;
border-left: 5px solid black;
border-right: 5px solid black;
left: 0px;
top: 0px;
width: 940px;
height : 920px
}

.bsidex {
display: block !important
}
#reklamseysi {
display: none
}

A{text-decoration:none}

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* {
margin: auto;
padding: auto;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
background: url(https://img.webme.com/pic/i/istanbulife/kucukback.jpg) no-repeat #c4c7c7 ;
}

min-width: 850px;
padding-bottom: 80px; /* Simulates margin-bottom for wrapper in IE */
}

a:link, a:visited {
color: #000000;
text-decoration: none;
font-weight: ;
}

a:hover {
color: #890000;
text-decoration: none;
}

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}

.noscreen {
display: none;
}

/* Paragraphs, headings, ... */

p {
line-height: 1.9;
margin-bottom: 2px;
}

p.text-content:first-letter {
font-size: 1.4em;
font-weight: bold;
line-height: 0.9;
color: #202020;
font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
font: 2.6em Georgia, "Times New Roman", Times, serif;
margin: 0 0 10px 40px;
border-bottom: 1px solid #7F7F7F;
width: 55%;
padding: 15px 0 5px 0;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #000000;
}

h2 {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color: #FFFFFF;
border-left: 3px solid #FFAE20;
padding-left: 14px;
margin: 12px 0 0 40px;
}

h3 {
color: #3D3D3D;
font: 1.7em Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
background: none no-repeat 0 50%;
padding-left: 35px;
margin: 18px 0 10px 0;
}

h4 {
font-size: 1em;
background-color: #343434;
color: #FFFFFF;
letter-spacing: 1px;
border: 2px solid #FFFFFF;
margin-top: 7px;
padding: 6px 10px;
}

ul {
list-style-type: none;
}

/* Site wrapper */

#wrapper {
width: 910px;
margin: 0 auto 80px auto;
position: relative;

display: table; /* margin-bottom for FF (?) */
text-align: left;
}

/* Header */

#üstheader {
padding: 0 0 0 0;
margin: auto;
height: 50px;
background: url(http://i42.tinypic.com/e5miqq.jpg)no-repeat;

}

#header {
margin: 0 auto;
height: 210px;
position: inherit;
background: url(https://img.webme.com/pic/i/istanbulife/gew.png) repeat;

}

#header-arrow {
position: absolute;
top: 0;
right: 50px;
background: url() no-repeat 0 0;
width: 148px;
height: 105px;
}

/* Menu */

#menu {
width: 910px;
margin: 0 auto;
background: #000000 url(https://img.webme.com/pic/j/jettvel/nav_bg.png) repeat-x 0 0;
}

#menu li {
display: inline;
list-style-type: none;
}

#menu li.first a {
margin-left: 1.6em;
display: inline;
}

#menu li a {
float: left;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
font-size: 1.1em;
line-height: 33px;
margin: 0 0.5em;
padding: 0 1em;
}

#menu li a:hover {
color: #b1b0af;
text-decoration: ;
}

#menu li a.active {
font-weight: ;
color: #FFFFFF;
}

.cleaning-box {
min-height: 1px;
}

.cleaning-box:after {
display: block;
clear: both;
visibility: hidden;
height: 0;
font-size: 0;
content: ' ';
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

/* Content boxes */

#content {
width: 690px;
margin: 0;
}

#content-box {
width: 100%;
margin: 0 auto;
color: #151515;
position: relative;
}

#content-box-in {
width: 100%;
}

.content-box-left {
float: left;
width: 625px;
margin-bottom: 4em;
}

.content-box-right {
float: right;
width: 220px;
margin-bottom: 4em;
background-color: #EEEEEE;
}

#column-right-bottom {
background: #DBF3FF url(https://img.webme.com/pic/j/jettvel/n34rhs.gif) no-repeat 0 0;
width: 220px;
height: 20px;
}

#dt {
font-size: 0.9em;

}

#dd {
line-height: 0px;
margin-bottom: 0px;
}

#dd.heading, dd.heading a, dd.heading a:visited {
margin-bottom: 0px;
color: #000000;

}

/* Footer */

}

#footer a, #footer a:visited {
font-weight: normal;
color: white;
}

#footer p.left, #footer p.right {
width: 400px;
display: inline;
margin-bottom: 0;
line-height: 30px;
}

#footer a.b, #footer a.b a:visited {
font-weight: bold !important;
}

#footer p.left {
float: left;
text-align: left;
margin-left: 15px;
}

#footer p.right {
float: right;
text-align: right;
margin-right: 15px;
}