kodekleyin

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

İstek kodlar,ve görüş bildirmek içinFORUM sayfamızı ziyaret edin...

15TK

TASARIMIN ÜSTÜNE

</head>
<body>
<div id="templatemo_container_wrapper1">
<div id="templatemo_container_wrapper2">
<div id="templatemo_container">

<div id="templatemo_header">
       <div id="templatemo_logo">
              
            <div id="templatemo_site_slogan">your website slogan  goes here</div>
        </div>
   </div>
   
   <div id="templatemo_menu">
        <ul>
            <li><a href="#" class="current">Home</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Photo Gallery</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>       
   </div>
   
   <div id="templatemo_content">
      <div id="templatemo_left_column">

<div class="templatemo_postbody">       
                <h1>Welcome to CSS Template</h1>
                <div class="publish_info">Post Date: 19-10-2020 • Tags: <a href="#">XHTML</a> • <a href="#">CSS</a> • <a href="#">Website Templates</a></div>

</div>

TASARIMIN ALTINA

</div>
       
      <div id="templatemo_right_column">
         <div class="templatemo_section">
                <form method="get" action="#">
<input name="search" type="text" value="Search Anything"  id="keyword" /> <input type="submit" value="Go" class="button" />
                 </form>
         </div>
         
         <div class="templatemo_section">
               <div class="section1_top"></div>
                <div class="section1_middle">           
                    <h2>Categories</h2>
                        <ul>
                            <li><a href="#">» Vestibulum dapibus tortor</a></li>
                            <li><a href="#">» Cum sociis natoque penatibus</a></li>
                            <li><a href="#">» Lorem ipsum dolor sit amet</a></li>
                            <li><a href="#">» Cras urna metus, feugiat non</a></li>
                            <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Layouts</a></li>
                        </ul>
            </div>   
                <div class="section1_bottom"></div>
         </div>
 
         <div class="templatemo_section">     
               <div class="section2_top"></div>
                <div class="section2_middle">       
               <h2>Archives</h2>
                   <ul>
                       <li><a href="#">» Suspendisse potenti</a></li>
                        <li><a href="#">» Aliquam tristique lacus</a></li>
                        <li><a href="#">» Duis pulvinar scelerisque ante</a></li>
                        <li><a href="#">» Maecenas aliquam</a></li>
                        <li><a href="#">» Vestibulum quis pede</a></li> 
               </ul>
                    </div>
            <div class="section2_bottom"></div>
         </div>
           
         <div class="templatemo_section">
                <div class="section3_top"></div>
                <div class="section3_middle">
               <h2>Quick Links</h2>
                   <ul>
                        <li><a href="#">» External Web Link One</a></li>
                        <li><a href="#">» Website Link Two</a></li>
                        <li><a href="#">» Friend Website Link</a></li>
                        <li><a href="http://www.flashmo.com" target="_parent">» Flash Templates</a></li>
                        <li><a href="http://www.templatemo.com" target="_parent">» Free CSS Templates</a></li>
               </ul>
                </div>
            <div class="section3_bottom"></div>
            </div>
      </div>
   </div>
    <div id="templatemo_bottom"></div>
   <div id="templatemo_footer">
              <a href="#">Home</a> |
                <a href="#">FAQs</a> | <a href="#">Terms of Use</a> |
                <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a>
        <br />
        Copyright © 2008 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_blank">templatemo.com</a> Adaptado por <a href="http://www.musica-zone.es.tl" target="_blank">Musica-Zone</a>
   </div>
</div>
</div>
</div>
</body>
</html>

CSS KODU

lli.nav_element{display: none;}
li.nav_element a{display: 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;}

body {
   margin:0;
   padding:0;
   line-height: 1.5em;
   font-family:  Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #000000;
   background: #604a40;
}

a:link, a:visited { color: #3e3939; text-decoration: none; }
a:active, a:hover { color: #cc0000;}

h1 {
   margin: 0px;
   padding: 20px 0px 0px 0px;
   font-size: 20px;
   font-weight: bold;
   color:#990000;
   height: 20px;
   background: url(http://img40.xooimage.com/files/7/a/f/templatemo_h1_background-fdbe5b.png) left center no-repeat;
}

h2 {
   margin: 0px 0px 8px 0px;
   padding: 10px 0px 0px 15px;
   font-size: 14px;
   color: #000000;
}

p {
   margin: 10px 0px;
   color: #5b5847;
   text-align: justify;
}

img { 
   margin: 2px 20px 2px 0px;
   float:left;
   border: 1px solid #333333;
}

#templatemo_container_wrapper1 {
   background: url(http://img24.xooimage.com/files/f/a/7/background-fdbe88.gif) top center repeat-x;
}

#templatemo_container_wrapper2 {
   background: url(http://img46.xooimage.com/files/e/9/9/templatemo_mainbackground-fdbeb6.jpg) top center no-repeat;
}

#templatemo_container {
   margin: 0px auto;
   width: 900px;
}

/* ----- Header ----- */

#templatemo_header {
   clear: both;
   padding: 30px 0px 0px 30px;
   width: 870px;
   height: 140px;
}

#templatemo_logo {
   height: 134px;
   background: url(http://img21.xooimage.com/files/f/a/0/templatemo_logo-123fb96.gif) no-repeat;
}

#templatemo_site_title {
   padding: 60px 0px 10px 30px;
   font-size: 40px;
   font-weight:bold;
   color: #ff0000;
}

#templatemo_site_slogan {
   padding: 90px 0px 10px 160px;
   font-size: 12px;
   color: #999999;
}
/* ----- End of Header ----- */

/* ------------- Menu ------------------ */
#templatemo_menu {
   clear: both;
   margin: 0px;
   padding: 0px;
   width: 900px;
   height: 42px;
   text-align: right;
   background: url(http://img48.xooimage.com/files/b/1/2/templatemo_menu_bg-fdbeef.png) no-repeat;
}

#templatemo_menu ul {
   margin: 0px;
   padding: 18px 20px 0px 0px;
   list-style: none;
}

#templatemo_menu ul li {
   margin: 0px;
   display: inline;   
}

#templatemo_menu ul li a {
   margin: 0px;
   padding: 0px 20px 0px 0px;
   font: 14px arial;
   font-weight: bold;
   color:#999999;
   text-decoration: none;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul li .current {
   color: #cccccc;
}

/* ---------- End of Menu ------------- */

/* ----------------- Content ----------------------- */

#templatemo_content {
   float: left;
   margin: 0px;
   width: 900px;
   background: #c3b595 url(http://img20.xooimage.com/files/e/b/f/templatemo_content_bg-fdbf07.png) no-repeat;
}

#templatemo_left_column {
   float: left;
   margin: 40px 0px 0px 40px;
   padding: 0px;
   width: 570px;
}

/* IE6 Only */
* html #templatemo_left_column {
   float: left;
   margin: 40px 20px 0px 20px;
   padding: 0px;
   width: 570px;
}

#templatemo_right_column {
   float: right;
   margin: 40px 40px 0px 0px;
   padding: 0px;
   width: 200px;
}

* html #templatemo_right_column {
   float: right;
   margin: 40px 20px 0px 20px;
   padding: 0px;
   width: 200px;
}

/* IE6 Only */
#templatemo_bottom {
   clear: both;
   margin: 0px;
   padding: 0px;
   width: 900px;
   height: 90px;
   background: url(http://img42.xooimage.com/files/d/9/7/templatemo_content_bg_bottom-fdbf1c.png) no-repeat;

}

/* ----------------- End of Content ------------------- */

/* ------------- Section ------------------ */
.templatemo_section {
   margin: 0px 0px 15px 0px;   
   padding: 0px;
   color: #3e3939;
}

.templatemo_section .section1_top {
   height: 40px;
   background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
}
.templatemo_section .section1_middle {
   background: url(http://img44.xooimage.com/files/d/8/e/templatemo_section1_middle-fdbf4e.png) repeat-y;
}
.templatemo_section .section1_bottom {
   height: 37px;
   background:url(http://img24.xooimage.com/files/8/7/e/templatemo_section1_bottom-fdbf5a.png) no-repeat;
}

.templatemo_section .section2_top {
   height: 40px;
   background: url(http://img24.xooimage.com/files/2/1/8/templatemo_section2_top-fdbf73.png) no-repeat;
}
.templatemo_section .section2_middle {
   background: url(http://img46.xooimage.com/files/5/b/1/templatemo_section2_middle-fdbf80.png) repeat-y;
}
.templatemo_section .section2_bottom {
   height: 37px;
   background: url(http://img46.xooimage.com/files/9/a/b/templatemo_section2_bottom-fdbf90.png) no-repeat;
}

.templatemo_section .section3_top {
   height: 40px;
   background: url(http://img48.xooimage.com/files/2/7/4/templatemo_section1_top-fdbf3c.png) no-repeat;
}
.templatemo_section .section3_middle {
   background: url(http://img44.xooimage.com/files/6/0/9/templatemo_section3_middle-fdbfc0.png) repeat-y;
}
.templatemo_section .section3_bottom {
   height: 37px;
   background: url(http://img42.xooimage.com/files/1/b/c/templatemo_section3_bottom-fdbfce.png) no-repeat;
}

.templatemo_section ul {
   margin: 0px 0px 0px 15px;
   padding: 0px;
   list-style: none;
}

.templatemo_section ul li {
   display: block;
}

.templatemo_section ul li a {
   padding: 0px;
   margin: 0px;
   color: #3e3939;
   text-decoration: none;
}

.templatemo_section ul li a:hover {
   color: #990000;
}

/* ---------- End of Section ------------ */

/* ----- Post ------ */
.templatemo_postbody {
   padding: 0px;
   margin-bottom: 40px;
   border-bottom: 1px dotted #333333;
}

.publish_info {
   clear: both;
   margin: 0px;
   padding: 0px;
   color:#3e3939;

}

.comment {
   clear: both;
   margin: 10px 0px 0px 0px;
   width: 570px;
   text-align: right;
   padding: 0px;
}

.comment a {
   padding: 5px 0px 5px 0px;
   font-size: 11px;
   font-weight: bold;
   background: url(images/templatemo_comment_icon.gif) left center no-repeat;
}
/* ----- End of Post ------ */

/* ----- Form ----- */
form {
   width: 190px;
   margin: 0px;
   padding: 13px 0px 0px 10px;
   height: 50px;
   background: url(http://img47.xooimage.com/files/9/7/a/templatemo_search_box-123fc66.gif) no-repeat;
   
}

input {
   width: 130px;
   background: none;
   color: #CCCCCC;
   border: none;
}

.button {
   margin: 2px 0px 0px 8px;
   height: 32px;
   width: 40px;
   color: #000000;
   font-size: 15px;
   font-weight: bold;
   border: none;
   background: #990000;
}
/* ----- End of Form ----- */

/* ----- Footer ----- */

#templatemo_footer {
   clear: both;
   padding: 10px 0px 0px 15px;
   width: 870px;
   height: 60px;
   text-align: center;
   color: #999999;
   text-align: center;
}

#templatemo_footer a {
   color: #999999;
}

#templatemo_footer a:hover {
   color: #ffffff;
}

/* ----- End of Footer ----- */

Bugün 1 ziyaretçi (251 klik) kişi burdaydı!

Bir vatanı vatan yapan üzerindeki kandır.Uğrunda kan dökülmeyen vatan,vatan değildir.

KOD EKLEYİN

KOD EKLEYİN Türkiye'nin en dolu Html kod ve tasarım arşivi

15TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR