11-A EML [2010-2011] - womentasarimi

womentasarimi

Tasarımın Üzerindeki Yazı :

<body> 
<div id="templatemo_container"> 
 
  <div id="templatemo_topsection"> 
 
    <div class="templatemo_topmenu"> 
 
      <ul> 
        <li><a href="#">Ana Sayfa Yap</a></li> 
        <li><a href="#">Favorilere Ekle</a></li> 
        <li><a href="#">İletişim</a></li> 
      </ul> 
 
    </div> 
 
    <div id="templatemo_title">Css-Sablon / Woman </div> 
 
    <div id="templatemo_slogan">Css'de Güveilir Kalite</div> 
 
    <div id="templatemo_top_search"> 
 
      <form id="form1" name="form1" method="post" action=""> 
 
        ARA : 
 
        <label> 
 
        <input type="text" name="search" id="search" /> 
 
        </label> 
 
        <label> 
 
        <input type="submit" name="ok" id="ok" value="Ara..." /> 
 
        </label> 
 
      </form> 
 
    
 
    </div> 
 
  </div> 
 
  <div class="templatemo_midmenu"> 
 
    <ul> 
      <li><a href="#">Homepage </a></li> 
      <li><a href="#">Dresses</a></li> 
      <li><a href="#">Pants</a> </li> 
      <li><a href="#">Bras & Panties</a></li> 
      <li><a href="#">Accessories</a></li> 
      <li> <a href="#">Gift Cards</a></li> 
      <li> <a href="#">Contact Us</a></li> 
    </ul> 
 
  </div> 
 
  <div id="templatemo_left_column"> 
 
    <div id="templatemo_left_top">ANA MENÜ</div> 
 
    <div class="templatemo_leftmenu"> 
 
      <ul> 
 
        <li><a href="#">Sweaters</a> </li> 
 
        <li> <a href="#">Shirts & Blouses</a></li> 
 
        <li> <a href="#">Jeans</a></li> 
 
        <li> <a href="#">Skirts</a></li> 
 
        <li> <a href="#">Formal Dresses</a></li> 
 
        <li> <a href="#">Wrap Dresses</a></li> 
 
        <li> <a href="#">Jackets</a></li> 
 
        <li> <a href="#">Coats</a></li> 
 
        <li> <a href="#">Handbags</a></li> 
 
        <li> <a href="#">Lady Shoes</a></li> 
 
        <li> <a href="#">Gloves</a></li> 
 
      </ul> 
 
    </div> 
 
    <div id="templatemo_left_bot"></div> 
 
    <div id="templatemo_contact">İLETİŞİM BİLGİLERİ 
    
 
      Tel: 0537-374-73-59 
 
      Tel: 0506-282-89-75 
 
    Email: djtugican@hotmail.com</div> 
 
  </div> 
 
  <div id="templatemo_right_column"> 
 
    <h1>Css-Sablon / Woman Template</h1>

Tasarımın Altındaki Yazı :

CSS Kodu :

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/*/ 
/*Tema Tasarım ve Kodlama : www.Css-Sablon.tr.gg*/ 
body { 
 
    margin: 0; 
 
    padding:0; 
 
    font-family: Arial, Helvetica, sans-serif; 
 
    font-size: 11px; 
 
    line-height: 1.5em; 
 
    background: #989898; 
 
} 
 
a:link, a:visited { color: #9e0052; text-decoration: none; } 
 
a:active, a:hover { color: #9e0052; text-decoration: none } 
 
 
h1 { 
 
    font-size: 18px; 
 
    font-weight: bold; 
 
    color: #c301c5; 
 
    line-height: 1.6em; 
 
} 
 
h2 { 
 
    font-size: 14px; 
 
    font-weight: bold; 
 
    color: #e105e4; 
 
} 
 
#templatemo_container { 
 
    width: 902px; 
 
    margin: auto; 
 
    background: #FFFFFF; 
 
} 
 
#templatemo_topsection { 
 
    float: left; 
 
    width: 902px; 
 
    height: 266px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_header.jpg) no-repeat; 
 
} 
 
.templatemo_topmenu{ 
 
    float: right; 
 
    height: 59px; 
 
    width: 300px; 
 
    text-align: right; 
 
} 
 
 
.templatemo_topmenu ul { 
 
    list-style: none; 
 
    padding: 0px; 
 
    margin: 0px; 
 
} 
 
.templatemo_topmenu li{ 
 
    display: inline; 
 
} 
 
 
.templatemo_topmenu li a { 
 
    float: left; 
 
    font-size: 12px; 
 
    font-weight: bold; 
 
    text-decoration: none; 
 
    color: #fff; 
 
    width: 80px; 
 
    height: 30px; 
 
    margin-left: 14px; 
 
    padding-top: 20px; 
 
    text-align: center; 
 
} 
 
#templatemo_title { 
 
    float: left; 
 
    width: 752px; 
 
    height: 50px; 
 
    margin-top: 30px; 
 
    font-weight: bold; 
 
    font-size: 30px; 
 
    color: #FFFFFF; 
 
    line-height: 1.6em; 
 
    text-align: right; 
 
    padding-right: 150px; 
 
} 
 
#templatemo_slogan { 
 
    float: left; 
 
    width: 752px; 
 
    text-align: right; 
 
    padding-right: 150px; 
 
    color: #FFFFFF; 
 
    font-weight: bold; 
 
} 
 
#templatemo_top_search { 
 
    float: left; 
 
    width: 852px; 
 
    padding-top: 40px; 
 
    height: 30px; 
 
    color: #fff; 
 
    font-weight: bold; 
 
    text-align: right; 
 
    padding-right: 50px; 
 
} 
 
#search { 
 
    font-size: 12px; 
 
} 
 
#ok { 
 
    background: #B425A9; 
 
    border: solid 1px #FFFFFF; 
 
    font-size: 12px; 
 
    width: 40px; 
 
    font-weight: bold; 
 
    color: #fff; 
 
} 
 
.templatemo_midmenu{ 
 
    float: left; 
 
    height: 71px; 
 
    width: 902px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_menu_bg.jpg); 
 
} 
 
 
 
.templatemo_midmenu ul { 
 
    list-style: none; 
 
    padding: 0px; 
 
    margin: 0px; 
 
    margin-left: 80px; 
 
} 
 
 
 
.templatemo_midmenu li{ 
 
    display: inline; 
 
} 
 
 
 
.templatemo_midmenu li a{ 
 
    float: left; 
 
    font-size: 11px; 
 
    font-weight: bold; 
 
    text-decoration: none; 
 
    color: #fff; 
 
    width: 95px; 
 
    height: 30px; 
 
    margin-left: 10px; 
 
    padding-top: 20px; 
 
    text-align: center; 
 
} 
 
 
 
.templatemo_midmenu li a:hover, .templatemo_midmenu li .current{ 
 
    color: #FF0; 
 
} 
 
#templatemo_left_column { 
 
    float: left; 
 
    width: 273px; 
 
} 
 
#templatemo_left_top { 
 
    float: left; 
 
    width: 205px; 
 
    height: 40px; 
 
    margin-left: 40px; 
 
    color: #FFFFFF; 
 
    font-weight: bold; 
 
    font-size: 13px; 
 
    text-align: center; 
 
    padding-top: 25px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_left_top.jpg) no-repeat; 
 
} 
 
.templatemo_leftmenu { 
 
    float: left; 
 
    width: 205px; 
 
    margin-left: 40px; 
 
} 
 
.templatemo_leftmenu ul { 
 
    list-style-type: none; 
 
    padding: 0; 
 
    margin: 0px; 
 
    width: 205px; 
 
} 
 
.templatemo_leftmenu li a { 
 
    display: block; 
 
    height: 22px; 
 
    padding-top: 7px; 
 
    color: #775977; 
 
    padding-left: 50px; 
 
    font-weight: bold; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_menu_button.jpg); 
 
} 
 
.templatemo_leftmenu li a:hover, .templatemo_leftmenu li .current { 
 
    color: #c00; 
 
} 
 
#templatemo_left_bot { 
 
    float: left; 
 
    margin-left: 40px; 
 
    width: 205px; 
 
    height: 32px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_left_bot.jpg) no-repeat; 
 
} 
 
#templatemo_contact { 
 
    float: left; 
 
    width: 177px; 
 
    height: 94px; 
 
    margin: 20px 0px 0px 40px; 
 
    padding: 25px 0px 0px 30px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_contact.jpg) no-repeat; 
 
} 
 
#templatemo_right_column { 
 
    float: left; 
 
    width: 560px; 
 
    margin-left: 20px; 
 
    text-align: justify; 
 
    padding-top: 20px; 
 
} 
 
#templatemo_product_column { 
 
    float: left; 
 
    width: 560px; 
 
    margin: 0px; 
 
    padding-top: 10px; 
 
} 
 
.templatemo_product_left { 
 
    float: left; 
 
    width: 185px; 
 
    height: 81px; 
 
} 
 
.templatemo_product_mid { 
 
    float: left; 
 
    width: 88px; 
 
    height: 51px; 
 
    font-size: 14px; 
 
    font-weight: bold; 
 
    color: #970399; 
 
    text-align: center; 
 
    padding-top: 30px; 
 
} 
 
.templatemo_product_right { 
 
    float: left; 
 
    width: 247px; 
 
    padding-top: 10px; 
 
    padding-left: 20px; 
 
    padding-right: 20px; 
 
    text-align: justify; 
 
    height: 71px; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_product.jpg) no-repeat; 
 
} 
 
.spacing { 
 
    float: left; 
 
    width: 902px; 
 
    height: 20px; 
 
} 
 
#templatemo_footer { 
 
    clear: both; 
 
    width: 902px; 
 
    height: 34px; 
 
    padding-top: 15px; 
 
    margin-bottom: 20px; 
 
    font-weight: bold; 
 
    color: #fff; 
 
    text-align: center; 
 
    background: url(http://www.templatemo.com/templates/templatemo_038_woman/images/templatemo_footer.jpg) no-repeat; 
 
} 
 
#templatemo_footer a{ 
    color: #FFF; 
} 
 
table {margin-left: auto;margin-right: auto}