Forum'da ara:
Ara


Yazar Mesaj
Mesaj22.01.2012, 16:23 (UTC)    
Mesaj konusu: CSS TASARIM-7 (suleymanseyidoglu.tr.gg)
Alıntıyla Cevap Gönder
ÖNİZLEME:

http://cdn.templatemo.com/screenshots/templatemo_088_design_gallery.jpg


TASARIM ÜZERİ
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Design Gallery, CSS Template, Free Download</title>
<meta name="keywords" content="HTML, CSS, Design Gallery, CSS Template, Free Download, Website Layout" />
<meta name="description" content="Beautiful Design Gallery, CSS Template, Free Download" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--  Free CSS Templates from www.templatemo.com -->
   <div id="templatemo_background_top">
   
      <div class="templatemo_container">
       
           <div id="templatemo_header">
            </div>
           
            <div class="templatemo_content">
               <div id="templatemo_content_white_top">
                   <div id="templatemo_menu">
                    <ul>
                            <li><a href="index.html"  class="current">HOME</a></li>
                            <li><a href="subpage.html">PROJECTS</a></li>
                            <li><a href="subpage.html">CLIENTS</a></li>
                            <li><a href="subpage.html">ABOUT US</a></li>             
                            <li><a href="#" class="lastmenu">CONTACT</a></li>           
                        </ul>
            </div>
                </div>
                <div id="templatemo_content_white_middle">
                   <div class="templatemo_post_area">
                   
                       <h1>Limitsiz-Paylasim Template 03</h1>



TASARIM ALTI
Kod:
                  <div class="cleaner_with_height"></div>
                    </div><!-- End Of Post Area -->
                </div><!-- End Of Content Middle -->
            </div><!-- End Of Content -->
        </div><!-- End Of Container -->
    </div><!-- End Of Background Top -->
   <div id="templatemo_background_middle">
       <div class="templatemo_container">
           <div class="templatemo_content">
                <div id="templatemo_content_white_blue_joint">
                </div>
               
                <div id="templatemo_content_blue_middle">
                   <div class="templatemo_post_area">
                       <h1>Kafana Göre</h1>
                        <p>Kafana Göre DOldur İşte Ne bilem </p>
                      <div class="cleaner_with_height"></div>
                    </div>
                </div><!-- End Of Content Middle -->
               
                <div id="templatemo_content_blue_two_col_joint">
                </div>
               
                <div id="templatemo_content_two_col_middle">
                   <div class="templatemo_post_area_left">
                       <h1>Who We Are</h1>
                    <img alt="Design Blog" src="images/templatemo_thumb_2.jpg" />
                        <ul>
                           <li><a href="#">Nulla enim nibh, consectetuer sed</a></li>
                     <li><a href="#">Vestibulum elementum, sagittis nec</a></li>
                     <li><a href="#">Diam. Mauris blandit vehicula neque</a></li>
                     <li><a href="#">Proin consectetuer. Donec venenatis</a></li>
                     <li><a href="#">Cras urna metus, feugiat non</a></li>
                            <li><a href="#">Lorem ipsum dolor sit amet</a></li>
                            <li><a href="#">Nulla et nunc commodo ante ornare</a></li>
                        </ul>
                    </div><!-- End Of Post Area left -->
                   
                    <div class="templatemo_post_area_right">
                       <h1>Testimonials</h1>
                        <div class="post_area">
                           <img alt="Design Gallery" src="images/templatemo_thumb_3.jpg" />
                           <h2>Praesent vel diam </h2>
                     <p>Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa.</p>
                           
                          <h2>Curabitur nec odio</h2>
                     <p>Mae cenas vulps utate, arcue idm ferm entum elei fend, tortor enim tinc idunt mau ris, frin gilla tincidunt purus urna vel risus.</p>
                 </div>         <!-- End Of Post Area t -->               
                    </div><!-- End Of Post Area Right -->
                    <div class="cleaner_with_height"></div>
                </div>
               
                <div id="templatemo_content_two_col_bottom">
                </div>
                <div class="templatemo_copyright">           
                   Copyright © 2024 Your Company Name | Designed by <a href="http://limitsiz-paylasim.tr.gg" target="_parent" title="CSS Templates">Limitsiz-Paylasim.tr.gg</a>
                </div>
               
            </div>
        </div><!-- End Of Container -->
    <!--  Download CSS Templates from www.templatemo.com --> 
   </div><!-- End Of Background Middle -->
</body>
</html>



CSS KODU
Kod:
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;}

/*

CSS Credit: http://www.templatemo.com/

*/

html {

   background: #000d0d;

}

body {

   margin: 0;
   padding:0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.5em;
   color: #000;
   width: 100%;
   display: table;
   background: #000d0d;

}

a {
   color: #902200;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #cf3607;
   font-weight: bold;
   text-decoration: none;
}


#templatemo_background_top {
   
   width: 100%;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_top.jpg) center top no-repeat;
   margin: 10px 0 0 0;

}
#templatemo_background_middle {
   
   width: 100%;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_middle.jpg) center top no-repeat;

}

   
.templatemo_container {

   width: 820px;
   margin: auto;

}

#templatemo_header {
   
   width: 820px;
   height: 150px;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_header.jpg) center no-repeat;
   
}

.templatemo_content {

   width: 820px;
   
}

#templatemo_content_white_top {
   
   width: 820px;
   height: 100px;
   background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_top.jpg) no-repeat;
      
}

/*------------- Menu ------------------*/
#templatemo_content_white_top #templatemo_menu {
   float: left;
   width: 370px;
   height: 35px;
   margin: 15px 0 0 225px;
}

#templatemo_menu ul {
   float: left;
   width: 370px;
   margin: 0;
   padding: 10px 0 0 0;
   list-style: none;
}

#templatemo_menu ul li{
   display: inline;
}

#templatemo_menu ul li a{
   float: left;
   padding: 0 10px;
   font-family: Tahoma;
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   color: #0ff;
   border-right: 1px solid #FFFFFF;
}

#templatemo_menu ul li .lastmenu{
   border-right: none;
}

#templatemo_menu li a:hover, #templatemo_menu li .current{
   text-decoration: underline;
}
/* ---- ----- End OF Menu ---- ------*/

#templatemo_content_white_middle {

   width: 820px;
   background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_middle.jpg) repeat-y;
   
}

#templatemo_content_white_middle .templatemo_post_area {

   margin: 0 25px 0 25px;
   padding: 0;

}


#templatemo_content_white_middle .templatemo_post_area h1{

   font-family:"Monotype Corsiva", Arial;
   font-size:   30px;
   font-weight: normal;
   text-decoration: underline;
   color: #007b78;
   margin: 0 0 20px 0;
   padding: 0;

}

#templatemo_content_white_middle .templatemo_post_area p{

   font-family: Arial;
   font-size:   12px;
   color: #000;
   text-align: justify;
   margin: 0 0 10px 0;
   padding: 0;

}

#templatemo_content_white_middle .templatemo_post_area img{

   float: left;
   margin: 0 20px 20px 0;
   padding: 0;

}

#templatemo_content_white_blue_joint {

   width: 820px;
   height: 48px;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_blue_joint.jpg) no-repeat;
   
}

#templatemo_content_blue_middle {

   width: 820px;
   background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_content_bg.jpg) repeat-y;
   
}

#templatemo_content_blue_middle .templatemo_post_area {

   margin: 0 25px 0 25px;
   padding: 15px 0 0 0;

}


#templatemo_content_blue_middle .templatemo_post_area h1{

   font-family:"Monotype Corsiva", Arial;
   font-size:   30px;
   font-weight: normal;
   text-decoration: underline;
   color: #007b78;
   margin: 0 0 20px 0;
   padding: 0;

}

#templatemo_content_blue_middle .templatemo_post_area p{

   font-family: Arial;
   font-size:   12px;
   color: #000;
   text-align: justify;
   margin: 0 0 10px 0;
   padding: 0;

}

#templatemo_content_blue_middle .templatemo_post_area img{

   float: right;
   margin: 0 0 20px 20px;
   padding: 0;

}

#templatemo_content_blue_two_col_joint {

   width: 820px;
   height: 71px;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_joint.jpg) no-repeat;
   
}


#templatemo_content_two_col_middle {

   width: 820px;
   min-height: 76px;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bg.jpg) repeat-y;
   
}

#templatemo_content_two_col_middle .templatemo_post_area_left {

   float: left;
   width: 350px;
   margin: 0 0 0 25px;
   padding: 0;
   display: inline;

}

.templatemo_post_area_left h1{

   font-family:"Monotype Corsiva", Arial;
   font-size:   18px;
   font-weight: normal;
   text-decoration: underline;
   color: #000;
   margin: 0 0 20px 0;
   padding: 0;


}
.templatemo_post_area_left img{

   float: left;
   margin: 0 20px 20px 0;
   padding: 0;
   clear: both;

}

.templatemo_post_area_left   ul{

   list-style: none;
   float: left;
   margin: 0;
   padding: 0;

}

.templatemo_post_area_left   li{

   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bullet.jpg) left center no-repeat;
   padding: 0 0 3px 15px;
   font-size: 11px;
}

.templatemo_post_area_left   li a{ color: #000; text-decoration: underline; }

.templatemo_post_area_left   li a:hover{ color: #000; text-decoration: none; }



#templatemo_content_two_col_middle .templatemo_post_area_right {

   float: right;
   width: 350px;
   margin: 0 25px -0 0;
   padding: 0;
   display: inline;
   
}

.templatemo_post_area_right h1{

   font-family: "Monotype Corsiva", Arial;
   font-size:   20px;
   font-weight: normal;
   text-decoration: underline;
   color: #000;
   margin: 0 0 20px 0;
   padding: 0;

}
.templatemo_post_area_right h2 {

   font-family: Arial;
   font-size:   12px;
   color: #af1b03;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0;

}
.post_area {
   margin: 0;
   padding: 0;
}
.templatemo_post_area_right p{

   font-family: Arial;
   font-size:   12px;
   color: #000;
   text-align: justify;
   margin: 0 0 10px 0;
   padding: 0;

}

.templatemo_post_area_right img{

   float: right;
   margin: 0 0px 20px 20px;
   padding: 0;
   clear: both;

}
#templatemo_content_two_col_bottom {

   width: 820px;
   height: 45px;
   background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bottom.jpg) bottom no-repeat;
   
}

.templatemo_copyright{
   float: left;
   width: 100%;
   margin: 10px 0 10px 0;
   padding: 0 0 0 25px;
   color: #fff;
   text-align: center;
}
.templatemo_copyright a{ color: #fff; text-decoration: none; }
.templatemo_copyright a:hover{ color: #fff; text-decoration: underline; }

.cleaner_with_height {

   clear:both;
   height: 1px;
   
}




DAHA FAZLASI: http://suleymanseyidoglu.tr.gg/ Wink
↑
Mesaj22.01.2012, 17:04 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarım paylaşımları bu bölümde
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
ayrıca reklam yapmak yasak Exclamation
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.