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

14TK

TASARIMIN ÜSTÜNE

</head>

<div id="templatemo_top">
      <a href="#">Home</a> | <a href="#"> Contact Us</a>
   </div>
   
    <div id="templatemo_header">
      <div id="templatemo_site_title">MUSIC<span>TEMPLATE</span></div>
        <div id="templatemo_site_slogan">Your slogan text goes here</div>
   </div>
   
   <div id="templatemo_menuleft"></div>   
   <div id="templatemo_menu">
        <ul>
         <li><a href="#" class="current">Home</a></li>
            <li><a href="#">Albums</a></li>
         <li><a href="#">Artists</a></li>
            <li><a href="#">Promotions</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Contact Us</a></li>
        </ul>       
    </div>
   
   <div id="templatemo_content">
      <div id="templatemo_left_column">
           <div class="templatemo_section2">
               <h1>Search</h1>
                <form id="form1" name="form1" method="post" action="#">
                    <input name="search_text" type="text" id="search_text" />
                    <input class="button" type="submit" name="Submit" value="Search" />
                </form>
            </div>
         <div class="templatemo_section2">
               <h1>Links</h1>
               <a href="#">Text Link One</a><br />
                    <a href="#">Cool Website Two</a><br />
                    <a href="#">Text Link Three</a><br />
                    <a href="http://www.flashmo.com" target="_parent">Flash Templates</a><br />
                    <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a><br />
            </div>
            <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><br /> 
      </div>
       
      <div id="templatemo_right_column">
           <h1>Welcome to our music corner</h1>

TASARIMIN ALTINA 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: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFFFFF;
   background: #2b1e1e;
}

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

h1 {
   margin:0px 0px 10px 0px;
   padding-bottom: 8px;
   font-weight: bold;
   font-size: 14px;
   color:#FFFFFF;
   border-bottom: solid 1px #FF0000;
}
h2 {
   padding: 5px 0px 5px 10px;
   margin: 0px;    
   font-weight: bold;
   font-size:12px;
   color: #FFFFFF;
   background: url(http://img23.xooimage.com/files/c/c/2/templatemo_h2_background-123fccc.gif) repeat-x;
   border: 1px solid #000000;
}
h3 {
   margin: 0px;
   padding: 2px 0px 2px 10px;
   font-weight: bold;
   font-size: 11px;
   color: #FFFFFF;
}
.text_area {
   text-align: justify;
}
img { 
   margin: 10px 10px 0px 10px;
   float:left;
   border: 2px solid #FFFFFF;
}

#templatemo_container_wrapper {
   background: url(http://img23.xooimage.com/files/a/c/a/templatemo_main_background-123fccd.gif) repeat-x;
}

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

#templatemo_top{
   float: left;
   margin-left: -10px;
   padding: 19px 0px 10px 0px;
   text-align: right;
   width: 810px;
}

#templatemo_header {
   clear: left;
   margin-bottom:5px;
   width: 810px;
   height: 235px;
   background: url(http://img3.xooimage.com/files/6/3/c/templatemo_header_background-1066bd1.jpg) no-repeat;
}

#templatemo_site_title {
   padding-top: 120px;
   padding-left: 50px;
   font-size: 35px;
   color: #2b1e1e;
}

#templatemo_site_title span {
   font-weight: bold;
   color: #c32929;
}

#templatemo_site_slogan {
   padding-top: 10px;
   padding-left: 200px;
   font-size: 12px;
   color: #2b1e1e;
}

/*------------- Menu ------------------*/
#templatemo_menuleft {
   float: left;
   height: 41px;
   width: 20px;
   background: #FF0000 url(http://img25.xooimage.com/files/6/d/8/templatemo_menu_leftborder-123fcd1.gif) no-repeat;
}

#templatemo_menu{
   float: left;
   margin-top: 0px;
   padding: 0px;
   width: 790px;
   height: 41px;
   background: #FF0000 url(http://img45.xooimage.com/files/8/1/b/templatemo_menu_background-123fcd2.gif) right no-repeat;
}

#templatemo_menu ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   text-align: center;
}

#templatemo_menu ul li{
   display: inline;
}

#templatemo_menu ul li a{
   float: left;
   padding: 11px 1px;
   width: 127px;
   font: 16px arial;
   text-align: center;
   text-decoration: none;
   color: #1e1717;
}
#templatemo_menu ul li a:hover, #templatemo_menu ul li .current{
   color: #ffffff;
   text-decoration: none;
   background: url(http://img43.xooimage.com/files/8/2/5/templatemo_mousehover-123fcd8.gif) repeat-x;
}

/*---------- end of menu -------------*/

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

#templatemo_content {
   float: left;
   width: 810px;
   background: url(http://img21.xooimage.com/files/4/0/2/tempaltemo_conten...ckground-123fcdb.gif) repeat-y;
}

#templatemo_left_column {
   float: left;
   padding: 20px;
   width: 200px;
   min-height: 420px;
   background: url(http://img43.xooimage.com/files/3/c/0/templatemo_leftcolumn_border-123fce2.gif) right center no-repeat;

}

#templatemo_right_column {
   float: right;
   width: 530px;
   padding: 20px;
   padding-left: 0px;
   min-height: 420px;
}

#templatemo_content_bottom {
   clear: left;
   margin: 0px;
   padding: 0px;
   width: 810px;
   height: 5px;
   background: url(http://img25.xooimage.com/files/1/3/8/tempaltemo_content_bottom-123fce4.gif) no-repeat;
}

/*------------ end of content ------------*/

.news_section {
   float: left;
   padding: 0px;
   width: 300px;   
   margin-right: 15px;
   background: #1e1717;
}

.news_section p {
   margin: 0px;
   padding: 0px 0px 5px 10px;
   font-size: 11px;
}

.promotion_section {
   float: left;
   margin: 0px;
   padding: 0px;
   width:200px;
   background: #1e1717;
}

.promotion_section p{
   margin: 0px;
   padding: 5px 5px 5px 10px;
   font-size: 11px;
}

.more{
   padding: 0px 10px 10px 0px;
   text-align: right;
   font-size: 11px;
   font-weight: bold;
}

.templatemo_section2 {
   margin-bottom: 10px;
   padding: 10px;
   border: #000000 solid 1px;
   background: #1e1717;
}

.templatemo_section2 a {
   padding-left: 20px;
   color: #c32929;
   line-height: 25px;
   text-decoration: none;
   background: url(http://img49.xooimage.com/files/7/8/9/templatemo_list_icon-123fce6.gif) center left no-repeat;
}

.templatemo_section2 a:hover {
   color: #ff0000;
   text-decoration: none;
}

/* search form */
form {
   padding: 0 0 6px 8px;
}

.button {
   margin-top: 10px;
   padding: 1px 5px;
   border: none;
   color: #FFFFFF;
   background: url(http://img23.xooimage.com/files/b/c/c/templatemo_button_background-123fce9.gif) repeat-x;
}
/* ----------- */

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

#templatemo_footer {
   clear: left;
   padding: 10px;
   height: 62px;
   color: #c32929;
   line-height: 24px;
   text-align: center;
}
#templatemo_footer a {
   color: #c32929;
   text-decoration: none;
}

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

/* --------- end of footer --------------*/

Bugün 79 ziyaretçi (121 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

14TK

Kod Ekleyin

Kategorİler

Dost Siteler

Önemli Bilgiler

Her Telden

HTML KODLAR