Forum'da ara:
Ara


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

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>Free Design Template - Free CSS Template</title>
<meta name="keywords" content="free design template, CSS template, HTML website" />
<meta name="description" content="Free Design Template, Free CSS Website, XHTML CSS layout" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--  Download Free CSS Templates from www.templatemo.com  -->   
<div id="templatemo_header_panel">
   <div id="templatemo_header_section">
       <div id="templatemo_title_section">Limitsiz-Paylasim</div>
        <div id="tagline">Limitsiz-Paylasim'in Tek Adresi</div>
    </div>
</div> <!-- end of haeder -->

<div id="templatemo_menu_panel">
    <div id="templatemo_menu_section">
        <ul>
            <li><a href="index.html"  class="current">Home</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Tutorials</a></li>           
            <li><a href="#">Freebies</a></li> 
            <li><a href="#">About Us</a></li>
            <li><a href="#" class="last">Contact Us</a></li>                     
        </ul>
    </div>
</div> <!-- end of menu -->

<div id="templatemo_content">

   <div id="templatemo_content_column_one">
       <div class="column_one_section">
           <h1>Kategoriler</h1>
            <ul>
                <li><a href="#">Lorem ipsum dolor </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="#">Etiam justo</a></li>
                <li><a href="#">Curabitur dapibus</a></li>
                <li><a href="#">Vestibulum sed </a></li>
                <li><a href="#">Nunc quis sem </a></li>
            </ul>                 
        </div>
       
        <div class="cleaner_with_divider">&nbsp;</div>
       
        <div class="column_one_section">
           <h1>Archives</h1>
            <ul>
                <li><a href="#">June 2024</a></li>
                <li><a href="#">May 2024</a></li>
                <li><a href="#">April 2024</a></li>
                <li><a href="#">March 2024</a></li>
                <li><a href="#">February 2024</a></li>
                <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="cleaner_with_divider">&nbsp;</div>
       
        <div class="column_one_section">
           <h1>Popular Posts</h1>
            <ul>
               <li><a href="#">Pellentesque dolor</a></li>
                <li><a href="#">Suspendisse a nibh</a></li>
                <li><a href="#">Maecenas scelerisque</a></li>
                <li><a href="#">Cura bitur mauris</a></li>
                <li><a href="#">Proin vel libero id</a></li>
            </ul>                 
        </div>
       
        <div class="cleaner_with_divider">&nbsp;</div>
       
        <div class="column_one_section">
           <h1>Cool Links</h1>
            <ul>
                <li><a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a></li>
                <li><a href="http://www.flashmo.com" target="_parent">Flash Source Files</a></li>
              <li><a href="http://www.webdesignmo.com" target="_parent">Web Design</a></li>
                <li><a href="http://www.photovaco.com" target="_blank">Free Photos</a></li>
            </ul>                 
        </div>
       
       
    </div> <!-- end of column one -->
   
      <div id="templatemo_content_column_two">
   
       <div class="column_two_section">
         <h1><a href="http://limitsiz-paylasim/Tasarimlar.htm" target="_parent">Limitsiz-Paylasim Template</a></h1>



TASARIM ALTI
Kod:
</div>       
        </div>
       
    </div> <!-- end of column two -->
   
   <div id="templatemo_content_column_three">
       
        <div id="ad_section">
       
           <h1>Sponsors</h1>
           
            <div class="ad_125x125_box">
               <a href="#"><img src="http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_ads.jpg" alt="ad" /></a>
            </div>
           
            <div class="ad_125x125_box">
               <a href="#"><img src="http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_ads.jpg" alt="ad" /></a>
            </div>
           
            <div class="ad_125x125_box">
               <a href="#"><img src="http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_ads.jpg" alt="ad" /></a>
            </div>
           
            <div class="ad_125x125_box">
               <a href="#"><img src="http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_ads.jpg" alt="ad" /></a>
            </div>
           
            <div class="cleaner">&nbsp;</div>
        </div> <!-- end of ads section -->
       
       <div class="column_three_section">
            <h1>Popular Posts</h1>
            <ul class="popular_post">   
                <li><a href="#">Donec mollis aliquet</a><br />
                Author name - Oct 21, 2024 <span class="comment"><a href="#">(63)</a></span></li>
                <li><a href="#">Aliquam tristique lacust</a><br />
                Author name - Sep 15, 2024<span class="comment"><a href="#">(45)</a></span></li>
                <li><a href="#">Suspendisse potent</a><br />
                Author name - Aug 21, 2024<span class="comment"><a href="#">(36</a></span><a href="#">)</a></li>
                <li><a href="#">Nullam vitae tellus</a><br />
                Author name - July 19, 2024<span class="comment"><a href="#">(18)</a></span></li>
                <li><a href="#">Lorem ipsum dolor</a><br />
                Author name - May 16, 2024<span class="comment"><a href="#">(27</a></span><a href="#">)</a></li>
            </ul>
        </div>
               
        <div class="cleaner_with_divider">&nbsp;</div>
       
        <div class="column_three_section">
            <h1>About This Blog</h1>
            <p>Etiam fringilla vestibulum nulla. Suspendisse venenatis. Cum sociis natoque penatibus et magnis  montes, nascetur ridiculus mus. Morbi dapibus dolor sit amet metus suscipit iaculis. <a href="#">read more</a></p>
      </div> 
         
    </div> <!-- end of column three -->   
   
    <div class="cleaner">&nbsp;</div>
</div> <!-- end of content -->

<div id="templatemo_bottom_panel">

   <div class="bottom_panel_section">
      <a href="#">Home</a> | <a href="#">Gallery</a> | <a href="#"> Tutorials</a> | <a href="#">Freebies </a>| <a href="#">About Us</a> | <a href="#">Contact Us</a><br /><br />
    Copyright © 2024 <a href="#"><strong>Your Company Name</strong></a> | 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;
   font-family: Verdana, Arial, san-serif;
   font-size: 11px;
   color: #CCC;
   background: #000 url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_main_bg.jpg) top repeat-x;
}

a:link, a:visited {
   color: #f5ea01;
   text-decoration: none;
   font-weight: bold;
}
a:active, a:hover {
   color: #f5ea01;
   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;   
}

.cleaner_with_divider {
   clear: both;
   width: 100%;
   height: 1px;
   font-size: 1px;   
   padding: 10px 0 0 0;
   margin: 0 0 10px 0;   
   border-bottom: 1px dotted #B79742;
}

.comment {
   padding-left: 20px;
   margin-left: 5px;
   background: url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_comment_icon.jpg) bottom left no-repeat;
}

/* content and header panel */
#templatemo_header_panel {
   clear: both;
   width:100%;
   margin: 0 auto;
   background: #000000 url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_top_bg.jpg) top center no-repeat;
}

#templatemo_header_panel #templatemo_header_section{
   clear: both;
   width: 960px;
   height: 293px;
   margin: 0 auto;

}

#templatemo_header_section #templatemo_title_section{
   font-size: 55px;
   padding: 130px 0 10px 10px;
   color: #f5ea01;
}

#templatemo_header_section #tagline {
   padding: 15px 0 0 165px;
   font-size: 20px;
   color: #6b5927;
}

/* end of header */

/* menu */
#templatemo_menu_panel{
   clear: both;   
   width:100%;
   height: 47px;   
   margin: 0 auto;
   margin-bottom: 10px;
   color: #ffffff;
   background: #000000 url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_menu_bg_repeat.jpg) repeat-x;
}

#templatemo_menu_panel #templatemo_menu_section{
   width: 930px;
   height: 47px;   
   margin:0 auto;
   padding: 0 0 0 30px;
   color: #03a0a6;
   background:  url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_menu_bg.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: 2px 0;
   margin-right: 5px;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   color: #99930d;
   border-right: 1px solid #333;   
}

#templatemo_menu_section li a:hover, #templatemo_menu_section li .current{
   color: #f5ea01;
}

#templatemo_menu_section li .last {
   border-right: none;
}
/* end of menu */

/* content */

#templatemo_content {
   clear: both;
   width: 960px;
   margin: 0 auto;
}

#templatemo_content_column_one {
   float: left;
   width: 178px;
   border: 1px solid #846f34;
   margin: 0 0 0 10px;
   padding: 10px 0 10px 0;
   background: #6b5927 url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_180_column_bg.jpg) top center no-repeat;
}

#templatemo_content_column_two {
   float: left;
   width: 460px;
   margin: 0 0 0 10px;
   padding: 0;   
}

#templatemo_content_column_three {
   float: left;
   width: 278px;
   padding: 10px 0 10px 0;   
   margin: 0 0 0 10px;   
   border: 1px solid #312f2b;
   background: #181714;
}

/* column one */

#templatemo_content_column_one .column_one_section {
   clear: both;
   margin: 0px 10px;
}

#templatemo_content_column_one h1 {
   margin: 0 0 10px 0;
   padding: 0 0 5px 0;
   font-size: 14px;
   color: #000;
   border-bottom: 1px dotted #000;
}

#templatemo_content_column_one .cleaner_with_divider {
   margin: 0 0 20px 0;   
}

#templatemo_content_column_one ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
#templatemo_content_column_one li {
   margin: 0px;
   padding: 0 0 5px 0;   
}
#templatemo_content_column_one a{
   color: #181714;
}

/* end of column one */
/* column two */

#templatemo_content_column_two .column_two_section {
   clear: both;
   width: 418px;
   padding: 20px;   
   margin-bottom: 10px;
   border: 1px solid #312f2b;
   background: #181714 url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatmeo_column_two_bg.jpg) top right no-repeat;   
}

#templatemo_content_column_two h1 {
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   font-size: 16px;
   color: #f5ea01;
   border-bottom: 1px dotted #f5ea01;
}

#templatemo_content_column_two p{
   margin: 0 0 5px 0;
   padding: 0 0 5px 0;
}

#templatemo_content_column_two img {
   border: 5px solid #2e2d29;
   margin-bottom: 15px;
}

#templatemo_content_column_two .post_info {
   margin: 0 0 20px 0;
   color: #fff;
}

#templatemo_content_column_two .post_info a{
   color: #f5ea01;
   font-weight: normal;
}

#templatemo_content_column_two .post_comment {
   border-top: 1px solid #000;
   margin-top: 10px;
   padding: 10px 0 0 0;
}
/* end of column one */

/* column one */
#templatemo_content_column_three .column_three_section {
   clear: both;
   margin: 0px 10px;
   padding: 10px 0;
}

#templatemo_content_column_three .cleaner_with_divider {
   padding: 0px;
   margin: 0px;   
}

#templatemo_content_column_three h1 {
   margin: 10px 0 10px 0;
   padding: 0 0 10px 0;
   font-size: 14px;
   color: #fff;
   border-bottom: 1px dotted #FFF;
}

#templatemo_content_column_three a{
   font-weight: normal;
}

#templatemo_content_column_three ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}

#templatemo_content_column_three li {
   margin: 0 0 8px 0;
   padding: 0 0 8px 0;   
}

#templatemo_content_column_three #ad_section {
   clear: both;
   border-bottom: 1px solid #312f2b;
}

#ad_section h1{
   margin: 0 0 10px 10px;
   padding: 0px;
   font-size: 12px;
   font-weight: bold;
   border: none;
}

#ad_section .ad_125x125_box {
   float: left;
   margin: 0 0 10px 10px;
   width: 125px;
   height: 125px;
}

.ad_125x125_box img {
   border: none;
}

.column_three_section .popular_post {
   list-style: none;
   margin: 0;
   padding: 0;
}
.column_three_section .popular_post li{
   margin: 0 0 5px 0;
   padding: 0 0 5px 0;
   border-bottom: 1px solid #22250e;
}
/* end of column one */

/* for bottom palen */
#templatemo_bottom_panel{
   width: 960px;
   margin: 10px auto 0 auto;
   padding: 20px 0;
   background: url(http://www.templatemo.com/templates/templatemo_084_design_blog/images/templatemo_bottom_panel_bg.jpg) top center;   
}

#templatemo_bottom_panel .bottom_panel_section {
   margin-left: 10px;
   width: 550px;
   margin-bottom: 20px;
}

.bottom_panel_section h1 {
   color: #f2e304;
   font-size: 14px;
   margin: 0 0 5px 0;
   padding: 0 0 5px 0;
}

.bottom_panel_section p{
   margin-bottom: 5px;
   padding-bottom: 5px;
}
/* end of bottom */
Mesaj22.01.2012, 17:02 (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:28 (UTC)    
Mesaj konusu:

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

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

Wink
Mesaj24.01.2012, 11:42 (UTC)    
Mesaj konusu:

bana da bir css tasarimi lazim
Mesaj24.01.2012, 11:49 (UTC)    
Mesaj konusu:

Merhaba,
Lütfen tasarımlarınızı sabit başlıktan paylaşın:
http://www.bedava-sitem.com/forum/viewtopic.php?t=184931


(Diğer konular da kilitlenmiştir.)
İyi forumlar.

______________
"Ya olduğun gibi görün, ya göründüğün gibi ol."
Hz.Mevlana
Önceki mesajları göster:   


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