Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj31.10.2008, 15:03 (UTC)    
Mesaj konusu: bu sitedki gibi bir tasarim ariyorum

ben siteme bu sitedki gibi bir tasarim ariyorum bildiginiz böyle bir tasarim sitesi var mi begendigim tasarim bu sitedeki tasarim http://mavidunyahizmet.tr.gg/ana-sayfa.htm yardimdi olur sananiz


En son orhan-dersimli tarafından 31.10.2008 15:41:26 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj31.10.2008, 15:17 (UTC)    
Mesaj konusu: o site free template dir

http://www.bedava-sitem.com/forum/viewtopic.php?t=25694

yukarıdaki baslıkta resimli anlatım var.işini görür.
Mesaj31.10.2008, 15:27 (UTC)    
Mesaj konusu:

ya kardesim ama orda kod yok ama bana bu sitedeki http://mavidunyahizmet.tr.gg/ana-sayfa.htm tasarimi istiyorum bu tasarimla ilgi bir site varmi web adress
Mesaj31.10.2008, 16:11 (UTC)    
Mesaj konusu: HACKERFRİEND paylasımıdır.

Tasarimin üzerine:
Kod:
<div id="header">
   <div id="logo">
      <h3><a href="#">SnowGlass</a></h3>
      <h4>By <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a> + <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></h4>
   </div>
   <div id="menu">
      <ul>
         <li class="active"><a href="#" accesskey="1" title="">Home</a></li>
         <li><a href="#" accesskey="2" title="">Archives</a></li>
         <li><a href="#" accesskey="3" title="">About</a></li>
         <li><a href="#" accesskey="4" title="">Contact</a></li>
      </ul>
   </div>
</div>
<hr />
<div id="page">
   <div id="bg">
      <div id="conttent">
         <div class="post" style="padding-top: 57px;">
            <h4 class="title">Welcome to Snowglass 1.0!</h4>
            <h5 class="date">Friday, July 6, 2007</h5>
            <div class="entry">


Tasarimin Altına:
Kod:
</div>
            <p class="meta"></p>
         </div>
         </div>
      <!-- end contentn -->
      <div id="sidebar">
         <div id="about-box">
            <h4>About this Site</h4>
            <p>Quisque eu sem sed lacus tincieu, consectetuer et eget, tempus eget dolore. Blandit sed etiam dolore nullam dolore.</p>
         </div>
         <ul>
            <li>
               <h4>Categories</h4>
               <ul>
                  <li class="first"><a href="#">Lorem ipsum dolor</a></li>
                  <li><a href="#">Sit amet nullam</a></li>
                  <li><a href="#">Donec felis duis</a></li>
                  <li><a href="#">Eget tempus lorem</a></li>
                  <li><a href="#">Veroeros consequat</a></li>
                  <li><a href="#">Nullam blandit</a></li>
                  <li><a href="#">Tempus aliquam </a></li>
               </ul>
            </li>
            <li>
               <h4>Links</h4>
               <ul>
                  <li class="first"><a href="#">Neque bibendum</a></li>
                  <li><a href="#">Donec diam</a></li>
                  <li><a href="#">Eget tempus lorem</a></li>
                  <li><a href="#">Veroeros consequat</a></li>
                  <li><a href="#">Neque bibendum</a></li>
                  <li><a href="#">Donec diam etiam</a></li>
                  <li><a href="#">Tempus sed aliquam</a></li>
                  <li><a href="#">Nullam blandit</a></li>
               </ul>
            </li>
         </ul>
      </div>
      <!-- end sidebar -->
      <div style="clear: both;">&nbsp;</div>
   </div>
</div>
<!-- end page -->
<hr />
<div id="footer">
   <p>(c) 2007 YourSite.com. All rights reserved. Design by <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a> and <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>

CSS koduna:
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;}

/*
Design by NodeThirtyThree <http://www.nodethirtythree.com>
Published by Free CSS Templates <http://www.freecsstemplates.org/>
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
   margin: 0;
   padding: 0;
   background: #F4FBFF url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img01.jpg) repeat-x;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #405A67;
}

h3, h4, h5 {
   margin: 0;
   font-weight: normal;
   color: #4F6977;
}

h3 {
   letter-spacing: -1px;
   font-size: 44px;
}

h4 {
   font-size: 28px;
}

h5 {
   font-size: 16px;
}

p, ul, ol {
   margin: 0 0 1.5em 0;
   line-height: 1.5em;
   text-align: justify;
}

p {
}

blockquote {
   font-style: italic;
}

ul {
}

ol {
}

a {
   color: #38B5F1;
}

a:hover {
   text-decoration: none;
}

small {
}

hr {
   display: none;
}

img {
   border: none;
}

img.left {
   float: left;
   margin: 0 15px 0 0;
}

img.right {
   float: left;
   margin: 0 0 0 15px;
}

/* Header */

#header {
   width: 954px;
   height: 183px;
   margin: 0 auto;
   margin-top: -31px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img02.jpg);
}

/* Logo */

#logo {
   float: left;
}

#logo h3, #logo h4 {
   float: left;
   text-transform: lowercase;
   color: #FFFFFF;
}

#logo h3 {
   padding: 115px 0 0 50px;
   font-weight: bold;
}

#logo h4 {
   padding: 143px 0 0 8px;
   font-size: 14px;
   font-weight: bold;
}

#logo a {
   text-decoration: none;
   color: #FFFFFF;
}

/* Menu */

#menu {
   float: right;
}

#menu ul {
   margin: 0;
   padding: 140px 20px 0 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   display: inline;
}

#menu a {
   padding: 0 28px 0 0;
   text-transform: lowercase;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
}

/* Page */

#page {
   width: 954px;
   margin: 0 auto;
   background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img03.jpg) repeat-y;
}

#bg {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img06.jpg) no-repeat left bottom;
}

/* Content */

#conttent {
   float: left;
   width: 680px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img04.jpg) no-repeat;
}

/* Posts */

.post {
   width: 606px;
   padding: 30px 0 0 48px;
}

.post .title {
   padding: 0 0 0 12px;
}

.post .title a {
   color: #4F6977;
}

.post .date {
   margin: -26px 25px 15px 0;
   text-align: right;
   color: #79AFCD;
}

.post .entry {
   padding: 25px 20px 0 12px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img07.jpg) no-repeat;
}

.post .meta {
   padding: 15px 12px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img08.jpg) no-repeat left bottom;
}

.post .meta b {
   display: none;
}

.post .more, .post .comments {
   padding: 0 30px 0 20px;
}

.post .more {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img09.gif) no-repeat left center;
}

.post .comments {
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img10.gif) no-repeat left center;
}

/* About Box */

#about-box {
   width: 185px;
   height: 162px;
   padding: 70px 37px 0 35px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img11.jpg) no-repeat left bottom;
}

#about-box h4 {
   margin-bottom: 25px;
   font-size: 18px;
   font-weight: normal;
}

#about-box p {
   font-size: 12px;
}

/* Sidebar */

#sidebar {
   float: right;
   width: 274px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img05.jpg) no-repeat;
}

#sidebar ul {
   width: 206px;
   margin: 0;
   padding: 0 0 0 30px;
   list-style: none;
}

#sidebar li {
}

#sidebar li ul {
   width: auto;
   padding: 0 15px 0 10px;
}

#sidebar li li {
   padding: 5px 0 5px 0;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img13.gif) repeat-x;
}

#sidebar li li.first {
   padding-top: 0;
   background: none;
}

#sidebar li h4 {
   font-size: 18px;
   padding: 30px 0 40px 10px;
   background: url(http://www.freecsstemplates.org/templates/previews/snowglass/images/img12.jpg) no-repeat left bottom;
}

/* Footer */

#footer {
   padding: 30px 0;
}

#footer p {
   text-align: center;
   font-size: 12px;
   color: #83B3CE;
}

#footer a {
   color: #83B3CE;
}


HACKERFRİEND paylasımıdır.
Önceki mesajları göster:   


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