Forum'da ara:
Ara


Yazar Mesaj
Mesaj22.01.2012, 16:37 (UTC)    
Mesaj konusu: CSS TASARIM-10 (suleymanseyidoglu.tr.gg)
Alıntıyla Cevap Gönder
ÖNİZLEME: http://cdn.templatemo.com/screenshots/templatemo_032_travel.jpg




TASARIM ÜZERİ
Kod:
<body>
<div id="templatemo_maincontainer">
<div id="templatemo_topsection">
  <div id="templatemo_title">LİMİTSİZ-PAYLASİM</div>
  <div id="templatemo_slogan">Limitsiz-Paylasim'in Tek Adresi</div>
</div>
<div id="templatemo_left_column">
  <div id="templatemo_menu_top"></div>
  <div class="templatemo_menu">
  <ul>
    <li><a href="#">Main Page</a></li>
    <li><a href="#">Our Company</a></li>
    <li><a href="#">Destinations</a></li>
    <li><a href="#">Hotels</a></li>
    <li><a href="#">Flights</a></li>
   
    <li><a href="#">Tour Packages</a></li>
    <li><a href="#">Accommodations</a></li>
    <li><a href="#">Special Events</a></li>
    <li><a href="#">Car Rental</a></li>
    <li><a href="#">Contact Us</a></li>
  </ul></div>
  <div id="templatemo_contact">
    <strong>QUICK CONTACT<br /></strong>
Tel: 001-100-1000<br />
Fax: 002-200-2000<br />
Email: info[at]templatemo.com</div>
</div>
<div id="templatemo_right_column">
  <div class="innertube">
    <h1>Limitsiz-Paylasim Template</h1>




TASARIM ALTI
Kod:
</div>
</div>
<div id="templatemo_bot"></div>
</div>
<div id="templatemo_footer">Copyright ©  Your Company Name - Designed by <a href="http://limitsiz-paylasim.tr.gg" target="_parent">Limitsiz-Paylasim</a></div>
</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/
*/

body{
   margin:0;
   padding:0;
   line-height: 1.5em;
   background: #782609 url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_body_bg.jpg) repeat-x;
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited { color: #621c03; text-decoration: none; font-weight: bold;}
a:active, a:hover { color: #621c03; text-decoration: none; font-weight: bold; }

h1 {
   font-size: 18px;
   color: #782609;
   font-weight: bold;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_h1.jpg) no-repeat;
   height: 27px;
   padding-top: 40px;
   padding-left: 70px;
}

h2 {
   font-size: 13px;
   font-weight: bold;
   color: #fff;
   height: 22px;
   padding-top: 3px;
   padding-left: 5px;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_h2.jpg) no-repeat;
}

#templatemo_maincontainer{
   width: 900px; /*Width of main container*/
   margin: 0 auto; /*Center container on page*/
   float: left;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_content_bg.jpg) repeat-y;
}

#templatemo_topsection{
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_header.jpg) no-repeat;
   height: 283px; /*Height of top section*/
}

#templatemo_title{
   margin: 0;
   padding-top: 150px;
   padding-left: 50px;
   color: #FFFFFF;
   font-size: 24px;
   font-weight: bold;
}

#templatemo_slogan {
   margin-top: 10px;
   padding-left: 50px;
   font-size: 12px;
   font-weight: bold;
   color: #ff9a59;
}

#templatemo_left_column {
   float: left;
   width: 229px;
}
#templatemo_menu_top {
   float: left;
   height: 33px;
   width: 229px;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_menu_top.jpg) no-repeat;
}
#templatemo_right_column {
   float: right;
   width: 651px;
   padding-right: 20px;
}
#templatemo_destination {
   float: left;
   padding: 10px 10px 0px 40px;
   width: 280px;
   border-right: dotted 1px #782609;
}
#templatemo_search {
   float: right;
   padding: 0px 30px 0px 0px;
   width: 262px;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_form-bg.jpg) repeat-y;
}
.search_top {
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_search.jpg) no-repeat;
   width: 262px;
   height: 76px;
}
.sarch_mid {
   margin: 0px;
   padding-left: 10px;
   padding-top: 0px;
}
.search_bot {
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_search_bot.jpg) no-repeat;
   height: 11px;
}
#templatemo_contact {
   width: 200px;
   height: 96px;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_contact.jpg) no-repeat;
   color: #fff;
   padding-left: 29px;
   padding-top: 15px;
}
#templatemo_bot {
   float: left;
   height: 22px;
   width: 877px;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_footer.jpg) no-repeat;   
}
#templatemo_footer{
   float: left;
   width: 100%;
   padding-top: 16px;
   height: 31px;
   color: #fff;
   text-align: center;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_footer_bg.jpg) repeat-x;
}
#templatemo_footer a {
   color: #fff;
   font-weight: bold;
}
.templatemo_menu {
   margin-top: 40px;
   width: 188px;
}
.templatemo_menu li{
   list-style: none;
   height: 30px;
   display: block;
   background: url(http://www.templatemo.com/templates/templatemo_032_travel/images/templatemo_menu_bg.jpg) no-repeat;
   font-weight: bold;
   font-size: 12px;
   padding-left: 30px;
   padding-top: 7px;
}
.templatemo_menu a {
   color: #fff;
   text-decoration: none;
}
.templatemo_menu a:hover {
   color: #f08661;
}

.innertube{
   margin: 40px; /*Margins for inner DIV inside each column (to provide padding)*/
   margin-top: 0;
   margin-bottom: 10px;
   text-align: justify;
   border-bottom: dotted 1px #782609;
}

.post_date { color: #177212; }





DAHA FAZLASI: http://suleymanseyidoglu.tr.gg/
↑
Ö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.