Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.01.2012, 16:15 (UTC)    
Mesaj konusu: CSS TASARIM-5

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>software company, free css template, website layout</title>
<meta name="keywords" content="software company, free css template, website layout, css, xhtml" />
<meta name="description" content="software company, free css template, website layout, xhtml css design" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div id="templatemo_container">
   <div id="templatemo_header_panel">
    <!--  Free CSS Template designed by TemplateMo.com  -->
       <div id="templatemo_site_title">
           <h1>Limitsiz<span>Paylasim</span></h1>
            <h2>Limitsiz-Paylasim'in Tek Adresi</h2>
        </div>
       
        <div id="templatemo_search_box">
           <form method="get" action="#">
                <input name="keyword" type="text" value="Search..." id="searchfield"  onfocus="clearText(this)" onblur="clearText(this)" />
                <input type="submit" name="submit" id="searchbutton" value="" />
             </form>
        </div>
   
    </div> <!-- end of header panel -->
   
    <div id="templatemo_banner_panel">
       
        <div id="templatemo_banner_section">
           <h1>New Website Editor</h1>
          <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis sem nec tellus blandit tincidunt. Aliquam tristique lacus in sapien.
          Aliquam tristique lacus in sapien. </p>
          <div class="readmore"><a href="#">Read more</a></div>
       
        </div> <!-- end of banner section -->
       
        <div id="templatemo_menu_section">
            <ul>
                <li><a href="#" class="current">01<span class="current">Home</span></a></li>
                <li><a href="#">02<span>Products</span></a></li>
                <li><a href="#">03<span>Partners</span></a></li>
                <li><a href="#">04<span>Support</span></a></li>
                <li><a href="#">05<span>About Us</span></a></li>
                <li><a href="#">06<span>Contact Us</span></a></li>
            </ul>
        </div> <!-- end of menu section -->
   
    </div> <!-- end of banner panel -->
   
    <div id="templatemo_content_top"></div>
    <div id="templatemo_content">
       
        <div id="templatemo_content_left">
           <h1>Limitsiz-Paylasim Template</h1>




TASARIM ALTI
Kod:
<div class="cleaner"></div>
        </div> <!-- end of content left -->
       
        <div id="templatemo_content_right">
       
           <div class="content_right_product_01">
               <h1>Full Package</h1>
              <h2>Vivamus felis?</h2>
                <ul>
                   <li>&raquo; Eeros ac tincidunt</li>
               <li>&raquo; Aliquam tristique lacus</li>
               <li>&raquo; Lacus et dictum tristique</li>
                </ul>
                <div class="readmore"><a href="#">Details</a></div>             
            </div>
           
            <div class="content_right_product_02">
               <h1>Basic Package</h1> 
                <h2>Curabitur eleifend?</h2>
                <ul>
                   <li>&raquo; Aliquam tristique lacu</li>
               <li>&raquo; Nunc aliquam dolor vitae</li>
               <li>&raquo; Quisque facilisis suscipit</li>
                </ul>
                <div class="readmore"><a href="#">Details</a></div>
            </div>
           
        </div> <!-- end of content right -->
       
    </div>
    <div id="templatemo_content_bottom"></div>
   
    <div id="templatemo_footer">
        <a href="#">Home</a> | <a href="#">Products</a> | <a href="#">Partners</a> | <a href="#">Support</a> | <a href="#">About Us</a> | <a href="#">Contact Us</a><br />
        Copyright © 2024 <a href="#"><strong>Your Company Name</strong></a> | Designed by <a title="free css templates" href="http://www.limitsiz-paylasim.tr.gg" target="_parent">Limitsiz-Paylasim</a>
    </div> <!-- end of footer -->
<!--  Free CSS Template designed by TemplateMo.com  -->
</div><!-- end of container -->
</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;
   font-family: Verdana, Arial, san-serif;
   font-size: 11px;
   color: #e4e4e4;
   background: #000000;
}

a:link, a:visited { color: #CCFF00; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #FFFF00; text-decoration: underline; }

p {
   margin: 0px;
   padding: 0px;
}

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

.cleaner_with_height {
   clear: both;
   width: 100%;
   height: 30px;
   font-size: 1px;   
}

.readmore a {
   clear: both;
   float: left;
   height: 21px;
   width: 100px;
   padding: 2px 0 0 10px;
   margin: 0 15px 10px 0;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   color: #ffffff;
   border: none;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_readmore_button.jpg) no-repeat;
}

.download a {
   clear: both;
   float: left;
   height: 21px;
   width: 100px;
   padding: 2px 0 0 10px;
   margin: 0 15px 10px 0;
   text-align: center;
   font-weight: bold;
   text-decoration: none;
   color: #ffffff;
   border: none;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_readmore_button.jpg) no-repeat;
}

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

/* header panel */
#templatemo_header_panel {
   width: 880px;
   height: 80px;
   padding: 40px 30px 0px 50px;
   background: #202020 url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_header_bg.jpg) top center no-repeat;
}

#templatemo_header_panel #templatemo_site_title {
   float: left;   
}

#templatemo_site_title h1 {
   font-size: 40px;
   margin: 0px;
   padding: 10px 0;
   color: #218dfb;
}

#templatemo_site_title h1 span {
   color: #fff;
}

#templatemo_site_title h2 {
   font-size: 16px;
   color: #878181;
   margin: 0px;
   padding: 0px;
   font-weight: normal;
}

#templatemo_header_panel #templatemo_search_box {
   float: right;
}

#templatemo_search_box form {
   margin: 0;
   padding: 0;
   text-align: left;   
}

#searchfield {
   border: 1px solid #767676;
   background: #434343;
   color: #ffffff;
   font-size: 12px;
   font-variant: normal;
   height: 15px;
   line-height: normal;
   padding: 4px;
   width: 180px;
}

#templatemo_search_box form #searchbutton {
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   height: 25px;
   margin: 0 0 0 7px;
   padding: 0 6px;
   text-align: center;
   vertical-align: bottom;
   white-space: pre;
   width: 50px;
   background:url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_go_button.jpg) no-repeat;
   border: 0px;
}

/* end of header panel */

/* banner panel */
#templatemo_banner_panel {
   width: 880px;
   height: 263px;
   padding: 0px 30px 0px 50px;
   background: #000000 url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_banner_bg.jpg) top center no-repeat;
}

#templatemo_banner_panel #templatemo_banner_section {
   float: left;
   padding-top: 40px;
   width: 370px;
}

#templatemo_banner_section h1 {
   font-size: 24px;
   color: #0fb1cb;
   margin: 0px;
   padding: 5px 0 30px 0;
}

#templatemo_banner_section p {
   padding-bottom: 30px;
}

#templatemo_banner_panel #templatemo_menu_section {
   float: right;
   width: 220px;
   padding: 5px 15px 0px 15px;
}

#templatemo_menu_section ul {
   clear: both;
   margin: 0px;
   padding: 0px;
   padding-top: 10px;
   list-style: none;
}

#templatemo_menu_section ul li {
   height: 13px;
   padding: 12px 0px 10px 7px;
   font-weight: bold;
   margin: 0px 0px 5px 0px;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_menu_item_bg.jpg) left bottom no-repeat;
}

#templatemo_menu_section ul li a {
   margin: 0px;
   padding: 0px;   
   font-size: 18px;
   font-weight: bold;
   color: #2bb9ec;
}

#templatemo_menu_section ul li a span {
   margin: 0px;
   padding: 0px;   
   margin-left: 50px;
   font-size: 13px;
   font-weight: bold;
   color: #2bb9ec;
}

#templatemo_menu_section ul li a span:hover {
   color: #fff;
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current {
   color: #fff;
   text-decoration: none;
}

/* end of banner panel */


/* content */

#templatemo_content_top {
   clear: both;
   width: 960px;
   height: 30px;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_content_top.jpg) top center no-repeat;
}

#templatemo_content {
   clear: both;
   overflow: hidden;
   width: 880px;
   padding: 10px 20px 0 40px;
   margin: 0 10px;
   background-color: #1f1f1f;
}

#templatemo_content_bottom {
   clear: both;
   width: 960px;
   height: 30px;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_content_bottom.jpg) top center no-repeat;
}

/* content left */
#templatemo_content #templatemo_content_left {
   float: left;
   width: 580px;
}

#templatemo_content_left h1 {
   font-size: 22px;
   color: #218dfb;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: 1px dotted #000000;
}


#templatemo_content_left p {
   padding-bottom: 10px;
   text-align: justify;
}

 #templatemo_content_left .content_left_two_column {
    float: left;
    width: 270px;
   margin-right: 20px;
 }
 
 .content_left_two_column h2 {
   color: #20d1ee;   
   font-size: 18px;
   padding: 0 0 10px 0;
   margin: 0 0 10px 0;
   border-bottom: 1px dotted #000000;
   font-weight: normal;
 }
 .content_left_two_column h3 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
 }
 
 .content_left_two_column h4 {
     margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: normal;
 }

/* end of content left */

/* content right */
#templatemo_content #templatemo_content_right {
   float: right;
   width: 250px;
   padding-top: 20px;
   
}

#templatemo_content_right h1 {
   font-size: 18px;
   font-weight: bold;
   margin: 0 0 30px 0;
   padding: 0px;
}

#templatemo_content_right h2 {
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 10px 0;
   padding: 0px;
}

#templatemo_content_right ul {
   margin: 0 0 10px 0;
   padding: 0px;
}

#templatemo_content_right ul li {
   margin: 0 0 0 5px;
   padding: 0 0 5px 5px;
   list-style: none;
}

#templatemo_content_right .content_right_product_01 {
   clear: both;
   height: 182px;
   padding: 18px 10px 0 10px;
   margin-bottom: 15px;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_product_01_bg.jpg) no-repeat;
}

#templatemo_content_right .content_right_product_02 {
   clear: both;
   height: 182px;
   padding: 18px 10px 0 10px;
   background: url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_produc_02_bg.jpg) no-repeat;
}



/* end of content right */
/* end of content */

/* ----- Footer ----- */
#templatemo_footer {
   clear: both;
   padding: 10px;
   width: 940px;
   text-align: center;
   text-align: center;
}
#templatemo_footer a {
   color: #fff;
   font-weight: normal;
}
#templatemo_footer a:hover {
   color: #CCFF00;
}
/* ----- End of Footer ----- */
Mesaj22.01.2012, 17:03 (UTC)    
Mesaj konusu:

Tasarım paylaşımları bu bölümde
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
ayrıca reklam yapmak yasak Exclamation
Mesaj23.01.2012, 17:27 (UTC)    
Mesaj konusu:

Wink
Mesaj24.01.2012, 10:40 (UTC)    
Mesaj konusu:

Wink
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu