Forum'da ara:
Ara


Yazar Mesaj
Mesaj19.09.2012, 17:07 (UTC)    
Mesaj konusu: İstek Tasarımları 2 Friut Css Tas.

Kod:
</head>
<body>
<div id="templatemo_wrapper">
   <div id="templatemo_header">
   
        <div id="site_title">
            <a href="http://www.templatemo.com" target="_parent"><img src="images/templatemo_logo.png" alt="logo" /><span>Hier kommt dein Titel hin</span></a>
        </div> <!-- end of site_title -->
       
        <div id="templatemo_menu">
            <ul>
                <li><a href="http://www.templatemo.com/page/1" target="_parent">Home</a></li>

                <li><a href="http://www.templatemo.com/page/1" target="_parent">Templates</a></li>

              <li><a href="#">Services</a></li>

                <li><a href="#">About</a></li>

                <li class="last"><a href="#">Contact</a></li>
            </ul>       
       </div> <!-- end of templatemo_menu -->
   
    </div> <!-- end of header -->
   
    <div id="templatemo_main">
       
        <div id="templatemo_content">
         
            <div class="content_box">




Tasarim altındakı Yazi

Kod:
            <div class="cleaner"></div>
          </div>
           
            <div class="content_box cb_last">
               <h2>Useful Links</h2>
                <ul id="cool_link_list">
                    <li><a href="#">Nulla facilisise isloni</a></li>
                    <li><a href="#">Neo metuser eoie</a></li>
                    <li><a href="#">Feugiat aliquam sapien</a></li>
                    <li><a href="#">Aliquam euulla</a></li>
                    <li><a href="#">Cosnet seur turpis</a></li>
                    <li><a href="#">Aliquam volutpa</a></li>
                    <li><a href="#">Donec iseoin</a></li>
                    <li><a href="#">Stellus lacus</a></li>
                    <li><a href="#">Iconvallis lesete actu</a></li>
                </ul>
                <div class="cleaner"></div>
           </div>
        </div> <!-- end of content -->
       
        <div id="templatemo_sidebar">
       
           <div class="sidebar_box_woframe">

                <div class="cleaner"></div>
         </div>
           
           
            <div class="sidebar_box"><div class="sidebar_box_top"></div>
               
                <div class="sidebar_box_content">
                    <h3>Popular Posts</h3>
                    <ul id="popular_post_box">
                        <li>
                            <span class="date">25 Dec 2024</span>
                            <span class="title"><a href="#">Pellentesque lobortis</a></span>
                            bibendum toror sit amet pellentesque. Nulla facilis us fermentum arcu.
                         </li>
                         <li>
                            <span class="date">18 Dec 2024</span>
                            <span class="title"><a href="#">Fusce fermentum arcu</a></span>
                            Dut orci condim ntum interdum malesuada dolor sodles.
                         </li>
                         <li class="last">
                            <span class="date">14 Dec 2024</span>
                            <span class="title"><a href="#">Sit amet pellentesque</a></span>
                            Nulla facilis us fermentum arcu. Praesent consectetur gravida maurist
    cursus.</li>
                    </ul>
                </div>
               
                <div class="cleaner"></div>
         <div class="sidebar_box_bottom"></div>                   
            </div>
           
            <div class="sidebar_box"><div class="sidebar_box_top"></div>
               <div class="sidebar_box_content">
                   
                   <h3>Testimonials</h3>
                   <p>Ut commodo, nulla eu pellentesque mollis, odio ante condimentum augue, eget facilisis dui magna ut ligula. Quisque sit amet <a href="#">adipiscing</a> libero. Donec et tellus vitae velit pharetra lobortis.</p>
                   
                  <cite>Web Designer  - <span>TemplateMo.com</span></cite>
                   
                    <div class="cleaner"></div>
                </div>
               <div class="sidebar_box_bottom"></div>                   
            </div>
                       
            <div class="cleaner"></div>
        </div> <!-- end of sidebar -->
   
       <div class="cleaner"></div>
    </div> <!-- end of main -->
   
     <div id="templatemo_footer">

        Copyright © 2048 <a href="#">Your Company Name</a> |
        Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>     
 | Coding:<a href="#">HpBk-TemplateWorld</a>
    </div> <!-- end of templatemo_footer -->
   
</div> <!-- end of warpper -->

</body>
</html>



Css Bölümü

Kod:
 
#extraDiv1 {
display:none;
}

#extraDiv2 {
display:none;
}

#extraDiv3 {
display:none;
}

#extraDiv4 {
display:none;
}

#extraDiv5 {
display:none;
}

#extraDiv6 {
display:none;
}

#pre_header {
display:none;
}

#post_header {
display:none;
}

#pre_content {
display:none;
}

#nav_heading {
display:none;
}

#nav {
display:none;
}

div.header {
display:none;
}

h1#title {
display:none;
}

h2#title span {
display:none;
}

body {
margin:0;
padding:0;
color:#625e5e;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
line-height:1.5em;
background-color:#000;
background-image:url(http://img.webme.com/pic/h/hpbk-templateworld/487224.jpg);
background-position:top center;
background-repeat:no-repeat;
}

a,a:link,a:visited {
color:#333;
text-decoration:underline;
}

a:hover {
color:#000;
text-decoration:none;
}

p {
margin:0;
padding:0;
}

img {
border:none;
}

ul {
margin:0;
padding:0;
}

ul li {
margin:0;
padding:0;
}

h1 {
font-size:34px;
font-weight:normal;
margin:0 0 20px;
padding:5px 0;
color:#9c6421;
}

h2 {
font-size:24px;
font-weight:normal;
margin:0 0 20px;
padding:5px 0;
color:#000;
}

h3 {
font-size:21px;
font-weight:normal;
margin:0 0 15px;
padding:0;
color:#000;
}

h4 {
font-size:18px;
margin:0 0 20px;
padding:0 0 10px;
}

h5 {
font-size:16px;
margin:0 0 10px;
padding:0;
}

h6 {
font-size:14px;
margin:0 0 5px;
padding:0;
}

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

.cleaner_h10 {
clear:both;
width:100%;
height:10px;
}

.cleaner_h20 {
clear:both;
width:100%;
height:20px;
}

.cleaner_h30 {
clear:both;
width:100%;
height:30px;
}

.cleaner_h40 {
clear:both;
width:100%;
height:40px;
}

.cleaner_h50 {
clear:both;
width:100%;
height:50px;
}

.cleaner_h60 {
clear:both;
width:100%;
height:60px;
}

.hr_divider {
background:url() bottom repeat-x;
}

.float_l {
float:left;
}

.float_r {
float:right;
}

.image_wrapper {
position:relative;
display:block;
width:218px;
height:128px;
padding:9px;
}

.image_wrapper span {
position:absolute;
left:0;
top:0;
width:236px;
height:144px;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487225.png) no-repeat;
}

.image_fl {
float:left;
margin:3px 20px 0 0;
}

.image_fr {
float:right;
margin:3px 0 0 20px;
}

blockquote {
font-style:italic;
margin-left:10px;
}

cite {
font-weight:bold;
color:#3b3823;
}

cite span {
color:#696443;
}

em {
color:#e55822;
}

.tmo_list {
margin:20px 0;
padding:0;
list-style:none;
}

.tmo_list li {
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487226.png) no-repeat scroll 0 0;
margin:0 0 20px;
padding:3px 0 3px 25px;
line-height:1em;
}

.tmo_list li a {
color:#333;
text-decoration:none;
}

.tmo_list li a:hover {
color:#d06802;
text-decoration:none;
}

.btn_more a {
display:block;
width:85px;
height:27px;
color:#5c460e;
padding:5px 3px 0 27px;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:center;
background:url() no-repeat;
}

.btn_more a:hover,.btn_more a span:hover {
color:#dca822;
background:url() no-repeat;
}

#templatemo_wrapper {
width:900px;
padding:100px 20px 0;
margin:0 auto;
}

#templatemo_header {
width:860px;
height:115px;
padding:0 30px;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487227.png) no-repeat;
}

#site_title {
float:left;
width:350px;
margin:35px 0 0;
text-align:center;
}

#site_title a {
margin:0;
padding:0;
font-size:36px;
color:#252b2d;
font-weight:bold;
text-decoration:none;
}

#site_title a span {
display:block;
font-size:14px;
color:#333;
font-weight:normal;
margin-top:5px;
letter-spacing:5px;
}

#templatemo_menu {
float:right;
width:450px;
height:90px;
padding:12px 20px;
background:url() no-repeat;
}

#templatemo_menu ul {
float:right;
margin:8px 0 0;
padding:0;
list-style:none;
display:inline-block;
}

#templatemo_menu ul li {
float:left;
height:82px;
padding:0 10px;
margin:0;
display:inline-block;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487228.png) no-repeat bottom right;
}

#templatemo_menu ul .last {
background:none;
}

#templatemo_menu ul li a {
float:left;
display:block;
height:42px;
font-size:14px;
padding:40px 10px 0;
color:#fff;
text-decoration:none;
font-weight:normal;
text-align:center;
outline:none;
}

#templatemo_menu ul li a:hover,#templatemo_menu ul .current {
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487229.png) no-repeat center bottom;
}

#templatemo_main {
clear:both;
width:840px;
padding:40px 30px;
background:#fff url(http://img.webme.com/pic/h/hpbk-templateworld/487230.png) no-repeat top;
}

#templatemo_content {
float:left;
width:550px;
}

#templatemo_content p {
margin-bottom:20px;
}

.content_box {
padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #ccc;
}

.cb_last {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}

#cool_link_list {
margin:0 0 0 20px;
padding:0;
list-style:none;
}

#cool_link_list li {
float:left;
width:160px;
margin:0 15px 15px 0;
padding:0;
display:inline-block;
}

#cool_link_list li a {
display:block;
width:140px;
padding:0 0 0 20px;
color:#666;
text-decoration:none;
line-height:1em;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487231.png) no-repeat center left;
}

#templatemo_sidebar {
float:right;
width:260px;
}

.icon_link {
display:block;
float:left;
margin-left:30px;
width:48px;
}

.sidebar_box_woframe {
margin-bottom:20px;
}

.sidebar_box {
width:260px;
padding:0;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487232.png) left repeat-y;
}

.sidebar_box_top {
width:260px;
height:20px;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487233.png) no-repeat;
}

.sidebar_box_bottom {
width:260px;
height:20px;
margin-bottom:30px;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487235.png) no-repeat;
}

.sidebar_box_content {
padding:0 20px;
}

.sidebar_box_content p {
margin-bottom:10px;
}

#templatemo_sidebar h3 {
padding-bottom:20px;
margin-bottom:30px;
border-bottom:1px solid #ccc;
}

#popular_post_box {
margin:0;
padding:0;
list-style:none;
}

#popular_post_box li {
margin:0 0 30px;
padding:0;
}

#popular_post_box li .date {
display:block;
color:#f4263e;
}

#popular_post_box li .title a {
display:block;
color:#2d961c;
text-decoration:none;
}

#popular_post_box .last {
margin:0;
}

#templatemo_footer {
width:840px;
height:136px;
padding:30px;
text-align:center;
color:#161616;
background:url(http://img.webme.com/pic/h/hpbk-templateworld/487236.png) no-repeat;
}

#templatemo_footer a {
text-decoration:none;
color:#161616;
}

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


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px;
}
Mesaj19.09.2012, 17:40 (UTC)    
Mesaj konusu:

Merhaba.
Tasarımlarınızı sabit başlıktan paylaşınız
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=184931
Tekrarı olmaması dileğiyle..
İyi Forumlar.
Önceki mesajları göster:   


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