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...

17TK

TASARIMIN ÜSTÜNE

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>free blog template in HTML CSS format</title>
<meta name="keywords" content="free blog template, blog layout, CSS, HTML" />
<meta name="description" content="free blog website layout, blog template, blog layout which you can apply for any blog CMS" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="contentslider.css" />
<script type="text/javascript" src="contentslider.js">
/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head>
<body>
   <div id="templatemo_header_panel">
       <div id="templatemo_header_section">
            <div id="templatemo_title_section">
                Mz
         </div>
            <div id="templatemo_search_section">
                <form method="get" action="#">
                    <input type="radio" name="search" value="thissite" />this site <input type="radio" name="search" value="theweb" checked="checked" /> the web <br />
                    <input type="text" name="q" size="10" id="searchfield" title="searchfield" />
                    <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
                </form>
            </div>
        </div>
    </div> 
   
    <div id="templatemo_menu_panel">
       <div id="templatemo_menu_section">
            <ul>
                <li><a href="index.html"  class="current">Home</a></li>
                <li><a href="#">Archives</a></li>
                <li><a href="#">Recent Posts</a></li> 
                <li><a href="#">Photo Gallery</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>                     
            </ul>
      </div>
    </div> 
   
   <div id="templatemo_content_container">
        <div id="templatemo_content">
            <div id="templatemo_content_left">
            
                <div class="templatemo_post">
                   <h1>Adaptado por Mz</h1>
           
                    <div id="slider2" class="sliderwrapper">

</div>

TASARIMIN ALTINA

</div> 
 
               
            </div> 
       
            <div id="templatemo_content_right">
           
                <div class="templatemo_right_section">
                    <h2>About This Blog</h2>
                    <p>This free web blog layout is provided by <a href="http://www.templatemo.com" target="_parent">TemplateMo.com</a>. You may download, modify and apply this layout for any blog CMS websites.</p>
                </div>
           
               <div class="templatemo_right_section">
                   <h2>Categories</h2>
               <ul>
                        <li><a href="#">Lorem ipsum</a></li>
                        <li><a href="#">Duis mollis</a></li>
                        <li><a href="#">Maecenas adipiscing</a></li>
                        <li><a href="#">Nunc blandit orci</a></li>
                        <li><a href="#">Cum sociis natoque</a></li>
                    </ul>   
                </div>
               
                <div class="templatemo_right_section">
                   <h2>Archives</h2>
               <ul>
                        <li><a href="#">January 2024</a></li>
                        <li><a href="#">December 2023</a></li>
                        <li><a href="#">November 2023</a></li>
                        <li><a href="#">October 2023</a></li>
                        <li><a href="#">September 2023</a></li>
                    </ul> 
                </div>
               
                <div class="templatemo_right_section">
                   <h2>Recent Comments</h2>
                   <ul>   
                        <li>Lorem Ipsum on <a href="#">Donec mollis aliquet</a></li>
                        <li>Consectetuer on <a href="#">Suspendisse a nibh</a></li>
                        <li>Sed on <a href="#">Pellentesque vitae magna</a></li>
                        <li>Vitae Neque on <a href="#">Nunc blandit orci sit</a></li>
                        <li>Donec Mollis on <a href="#">Maecenas adipiscing</a></li>
                    </ul>
                </div>
               
            </div> 
       </div> 
    </div>

<div id="templatemo_bottom_panel">
       <div id="templatemo_bottom_section">
       
           <div class="templatemo_bottom_section_content">
                <h3>W3C Validations</h3>
                <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi dapibus dolor sit amet metus suscipit iaculis. Quisque at nulla eu elit adipiscing tempor.</p>
                <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
            </div>
         
            <div class="templatemo_bottom_section_content">
                <h3>Friends</h3>
                <ul>
                    <li><a href="http://www.templatemo.com" target="_parent">Website Templates</a></li>
                    <li><a href="http://www.flashmo.com" target="_parent">Flash Templates</a></li>
                    <li><a href="http://www.webdesignmo.com" target="_parent">Web Design Blog</a></li>
                    <li><a href="#">Nunc blandit orci</a></li>
                    <li><a href="#">Cum sociis natoque</a></li>
                </ul>
            </div>
           
            <div class="templatemo_bottom_section_content">
                <h3>Usage Policies</h3>
                 <ul>
                    <li><a href="#">Terms</a></li>
                    <li><a href="#">Privacy</a></li>
                    <li><a href="#">About</a></li>                 
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div> 
    </div> 
    
    <div id="templatemo_footer_panel">
       <div id="templatemo_footer_section">
         Copyright © 2024 <a href="#">Your Blog Name</a> | Designed by <a title="Free CSS Templates" href="http://www.templatemo.com" target="_blank">Free CSS Templates</a>
        </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: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #dbc1a7;
   background: #110915;
}

a:link, a:visited { color: #cfa3eb; text-decoration:none; }
a:active, a:hover { color: #CCFF00; }

h1 {
   margin: 0px;
   padding: 10px 0;
   font-size: 26px;
   color: #dbb4e0;
   font-weight: normal;
}

h2 {
   margin: 0 0 15px 0;
   padding: 0 0 10px 0;
   font-size: 20px;
   color: #dbc1a7;
   border-bottom: 1px dotted #663e17;
}

h3 {
   margin: 0 0 15px 0;
   padding: 0 0 10px 0;
   font-size: 20px;
   color: #dbb4e0;
   border-bottom: 1px dotted #663e17;
}

p {
   margin: 0px;
   padding: 0 0 10px 0;
   text-align: justify;
}

.cleaner {
   clear: both;
   width: 100%;
   height: 1px;   
}

/* ----- Form ----- */

form {
   margin: 0px;
   padding: 0px;
   width: 100%;
   text-align: right;
}

.inputfield {
   background: #ffffff;
   border: 1px solid #c9f5f6;
   color: #000;
   font-size: 13px;
   font-variant: normal;
   height: 14px;
   line-height: normal;
   padding: 4px;
   margin-bottom: 5px;
   width: 240px;
}

#searchfield {
   background: none;
   border: 1px solid #874d76;
   color: #ffffff;
   font-size: 13px;
   font-variant: normal;
   height: 15px;
   line-height: normal;
   padding: 4px;
   width: 230px;
}

#searchbutton {
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   height: 24px;
   margin: 0 0 0 7px;
   padding: 0 6px;
   text-align: center;
   vertical-align: bottom;
   white-space: pre;
   width: 66px;
}

.button {
   width: 60px;
   height: 25px;
}

/* end of form */

#templatemo_header_panel {
   width:100%;
   margin: 0 auto;
   height: 145px;
}

#templatemo_header_panel #templatemo_header_section {
   width: 960px;
   height: 145px;
   margin:0 auto;
   background: url(http://img27.xooimage.com/files/6/9/b/templatemo_top_panel_bg-123dd01.jpg) center top no-repeat;
}

#templatemo_header_section #templatemo_title_section {
   float: left;
   width: 400px;
   padding: 90px 0 15px 30px;
   font-size: 60px;
   color: #d3c2f9;
}

#templatemo_header_section #templatemo_search_section {
   float: right;
   margin-right: 30px;
   width: 330px;
   padding: 70px 0 15px 0;
}

#templatemo_header_section #templatemo_search_section form {
   text-align: left;
}

#templatemo_menu_panel {
   width:100%;
   height: 59px;   
   margin: 0 auto;
   color: #ffffff;
}

#templatemo_menu_panel #templatemo_menu_section {
   width: 930px;
   height: 59px;   
   margin:0 auto;
   padding: 0 0 0 30px;
   color: #03a0a6;
   background:  url(http://img41.xooimage.com/files/7/c/0/templatemo_menu_panel_bg-123dd15.jpg) no-repeat;   
}

#templatemo_menu_section ul {
   float: left;
   width: 930px;
   margin: 0;
   padding: 15px 0 0 0;
   list-style: none;
}

#templatemo_menu_section ul li {
   display: inline;
}

#templatemo_menu_section ul li a {
   float: left;
   width: 110px;
   padding: 5px 0;
   margin-right: 5px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   border-right: 1px solid #660e4c;   
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current {
   color: #d3c2f9;
}
/* end of menu */

/* content panel */
#templatemo_content_container {
   clear: both;
   overflow: hidden;
   width:100%;
   margin: 0 auto;
}

#templatemo_content_container #templatemo_content {
   overflow: hidden;
   height: 100%;
   width: 930px;
   padding: 30px 0 0 15px;
   margin:0 auto;
   background: url(http://img25.xooimage.com/files/b/4/e/templatemo_content_top-123dd1e.jpg) top center no-repeat;
}

#templatemo_content_left {
   float: left;
   width: 600px;
   margin-bottom: 15px;
}

#templatemo_content_right {
   float: right;
   width: 300px;
   margin-bottom: 15px;
}

#templatemo_content_left .templatemo_post {
   width: 600px;
   padding: 0;
   padding-bottom: 10px;
   margin-bottom: 30px;
   border: 1px solid #1e1125;
   background: #180d1e;   
}

* html #templatemo_content_left .templatemo_post {
   margin-bottom: 15px;
}

.templatemo_post .post_title {
   width: 570px;
   height: 55px; /* padding 20px + */
   margin: 0px;
   padding: 20px 0px 5px 30px;
   font-size: 26px;
   font-weight: bold;
   color: #ffffff;
   background: url(http://img27.xooimage.com/files/c/2/1/templatemo_post_title_bg-123dd28.jpgg) no-repeat;
}

.templatemo_post .post_title .post_info {
   width: 100%;
   font-weight: normal;
   font-size: 12px;
   color: #dbc1a7;
   margin-top: 6px;
}

.templatemo_post .post_body {
   padding: 15px 30px;
}

.templatemo_post .post_body img {
   margin-bottom: 15px;
}

.templatemo_post .post_comment {
   padding: 5px 30px;
   font-weight: bold;
}

#templatemo_content_right .templatemo_right_section {
   clear: both;
   display:inline-block;
   width: 250px;
   padding: 15px 15px 10px 15px;
   margin-bottom: 30px;
   color: #dbc1a7;   
   background: #180d1e url(http://img49.xooimage.com/files/a/9/1/templatemo_right_section_bg-123dd30.jpg) top center no-repeat;   
   border-bottom: 1px solid #361d40;   
}

#templatemo_content_right .templatemo_right_section ul {
   clear: both;
   margin: 0 0 0 15px;
   padding: 0px;
}

#templatemo_content_right .templatemo_right_section ul li {
   margin: 0 0 5px 0;
}

#templatemo_content_right .templatemo_right_section ul li a, a:hover {
   font-weight: normal;
}

#templatemo_bottom_panel {
   width:100%;
   margin: 0 auto;

}

#templatemo_bottom_panel #templatemo_bottom_section {
   overflow: hidden;
   height: 100%;
   width: 930px;
   margin:0 auto;
   padding: 40px 0 15px 30px;   
   background: url(http://img47.xooimage.com/files/8/6/c/templatemo_content_bottom-123dd3b.jpg) center bottom no-repeat;
   border-top: 1px solid #3d234d;
}

#templatemo_bottom_section .templatemo_bottom_section_content {
   display: inherit;
   float: left;
   width: 270px;
   padding-right: 20px;
   margin:0 0 15px 10px;
}

#templatemo_bottom_section .templatemo_bottom_section_content ul {
   margin: 0 0 0 10px;
   padding: 0 0 5px 10px;
}

#templatemo_bottom_section .templatemo_bottom_section_content li a {
   color: #dbc1a7;
}

#templatemo_footer_panel {
   width:100%;
   margin: 0 auto;
   background: #000000 url(http://img29.xooimage.com/files/5/0/a/templatemo_footer_bg_repeat-123dd41.jpg) repeat-x;
   color: #ffffff;
}

#templatemo_footer_panel #templatemo_footer_section {
   width: 960px;
   margin:0 auto;
   padding: 20px 15px;   
   text-align: center;
   background: url(http://img47.xooimage.com/files/6/4/4/templatemo_footer_bg-123dd47.jpg) no-repeat;
}

Bugün 12 ziyaretçi (24 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

17TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR