Metro.press
  • You can't cross the sea merely by standing and staring at the water.

  • Darkness reigns at the foot of the lighthouse.

  • Round the cape of a sudden came the sea.

december-10-snowy_december__75-nocal-2560x1600

Lorem ipsum dolor sit amet. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

july-10-my-beach-nocal-2560x1600

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

august-10-summers-freedom-nocal-2560x1600

At vero eos et accusam et justo duo dolores et ea rebum. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Play with me

At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum.. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Read More ___

On a field in september

Integer adipiscing felis non quam pretium dignissim. Suspendisse id sapien massa, at tristique nisi. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat facilisis.

Read More ___

My chilly beach

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at. Consetetur elitr, eirmod tempor invidunt ut labore et dolore magna.

Read More ___

bilim kültür dergisi

akordiyon menü

Css Kodları

   <style type="text/css">
          html{font-size:62.5%}
          body{font-size:1.2em;color:#294f88}
          .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}
          h1{margin:0 0 20px 0;padding:0;font-size:2em;}
          h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
          .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
          p{font-size:1.2em;line-height:170%;margin-bottom:20px}
                   
         
        /* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
       
        .easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
        .easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
        .easy-accordion dt,.easy-accordion dd{position:absolute}
        .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
        .easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
        .easy-accordion dd.active{opacity:1;}
        .easy-accordion dd.no-more-active{z-index:2;opacity:1}
        .easy-accordion dd.active{z-index:3}
        .easy-accordion dd.plus{z-index:4}
        .easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
         
         
        /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
       
        dd p{line-height:120%}
       
        #accordion-1{width:700px;height:245px;padding:30px;background:#fff;border:1px solid #b5c9e8}
        #accordion-1 dl{width:700px;height:245px}   
        #accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(https://img.webme.com/pic/h/hazirkodlarvs/akormens1.jpg) 0 0 no-repeat;color:#26526c}
        #accordion-1 dt.active{cursor:pointer;color:#fff;background:#fff url(https://img.webme.com/pic/h/hazirkodlarvs/akormens2.jpg) 0 0 no-repeat}
        #accordion-1 dt.hover{color:#68889b;}
        #accordion-1 dt.active.hover{color:#fff}
        #accordion-1 dd{padding:25px;background:url(https://img.webme.com/pic/h/hazirkodlarvs/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
        #accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
        #accordion-1 .active .slide-number{color:#fff;}
        #accordion-1 a{color:#68889b}
        #accordion-1 dd img{float:right;margin:0 0 0 30px;}
        #accordion-1 h2{font-size:2.5em;margin-top:10px}
        #accordion-1 .more{padding-top:10px;display:block}
           
       

      </style>


Tasarım Üstü Kodları Yada Menüyü Nereye Ekleyecekseniz Oraya
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      <script type="text/javascript" src="http://hazirkodlarvsdeneme.clanteam.com/akarmen/jquery.easyAccordion.js"></script>
      <script type="text/javascript" src="http://hazirkodlarvsdeneme.clanteam.com/akarmen/utility.js"></script>

<div id="accordion-1">

            <dl>
                <dt>HazirkodlarVs</dt>
                <dd><h2>Başlık</h2><p><img src="https://img.webme.com/pic/h/hazirkodlarvs/img5.png" alt="Alt text to go here" />Buraya Yaz Bişiler İşde xD <br />
                  <a href="#" class="more">Devamı</a></p></dd>
                <dt>HazirkodlarVs</dt>
                <dd><h2>Başlık</h2><p>Burayada Bişiler Yaz Ama Menü Başlığın İle İlgili Bişey Olsun<br /><a href="#" class="more">Devamı</a></p></dd>

                <dt>HazırkodlarVs</dt>
                <dd><h2>Başlık Yaz</h2><p><img src="https://img.webme.com/pic/h/hazirkodlarvs/img5.png" alt="Alt text to go here" />Burayada Bişiler Yaz Ama Menü Başlığın İle İlgili Bişey Olsun.<br />
                  <a href="#" class="more">Devamı</a></p></dd>
                <dt>HazırkodlarVs</dt>
                <dd><h2>Another slide to go here</h2><p><img src="https://img.webme.com/pic/h/hazirkodlarvs/img5.png" alt="Alt text to go here" />Burayada Bişiler Yaz Ama Menü Başlığın İle İlgili Bişey Olsun<br />
                  <a href="#" class="more">Devamı</a></p></dd>
                <dt>HazırkodlarVs</dt>

                <dd><h2>HazırkodlarVs</h2><p><img src="https://img.webme.com/pic/h/hazirkodlarvs/img5.png" alt="Alt text to go here" />Burayada Bişiler Yaz Ama Menü Başlığın İle İlgili Bişey Olsun.<br />
                  <a href="#" class="more">Devamı</a></p></dd>
                <dt>Yaz Bişiler</dt>
                <dd><h2>Hazırkodlarvs</h2><p><img src="https://img.webme.com/pic/h/hazirkodlarvs/img5.png" alt="Alt text to go here" />Burayada Bişiler Yaz Ama Menü Başlığın İle İlgili Bişey Olsun<br />
                  <a href="#" class="more">Devamı</a></p></dd>
            </dl>
        </div>


        





Bu sayfa hakkında yorum ekle:
İsminiz:
E-mail adresiniz:
Siteniz:
Mesajın:
Bugün 155 ziyaretçi (746 klik) kişi burdaydı!
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=