Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.04.2009, 11:23 (UTC)    
Mesaj konusu: lütfen bakın siteme örnek css tasarım bulana reklam ......

siteme örnek css tasarım bulana reklam 1 sene bedava tasarım üstünde altında
Mesaj13.04.2009, 11:33 (UTC)    
Mesaj konusu:

banner kodum
Kod:
<p><a href="http://dersadasiyayinlari.tr.gg"><img class="" alt="" src="http://i0904.hizliresim.com/2009/4/10/2155.png" /></a></p>


CSS TASARIM

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;}

* {
   margin: 0;
   padding: 0;
}

body  {
   background: url(http://www.opendesigns.org/designs/1635/images/bg.jpg) repeat-x #FFF;
   color: #435F73;
   font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-align: center;
}

/**** GENERAL STYLES ****/

a {
   color: #435F73;
}

p {
   line-height: 1.5em;
   padding: 4px 0;
}

b,
strong {
   color: #000;
}

i,
em {
   font-family: Georgia, serif;
}

#sidebar {
   margin-right: 1px;
}

h3.blogMeta {
   position: relative;
   top: 4px;
}

#mainContent #commentList {
   margin-left: 32px;
}

#mainContent ul,
#mainContent ol {
   line-height: 1.5em;margin: 5px 0 5px 50px;
}

#mainContent ul li {
   list-style-image: url(http://www.opendesigns.org/designs/1635/images/b.gif);
}

blockquote {
   background: url(http://www.opendesigns.org/designs/1635/images/q.gif) no-repeat;
   font: 12px Georgia, serif;
   font-style: italic;
   margin: 10px 0 10px 20px;
   padding: 0 60px 0 30px;
   text-align: left;
}

code {
   background: #E5EDF7;
   border-top: 1px solid #84B0D3;
   border-bottom: 1px solid #84B0D3;
   padding: 2px 4px 0 4px;
}

input,
textarea {
   background: #84B0D3;
   border: none;
   color: #000;
   padding: 4px 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #6998C6;
   font-weight: normal;
   line-height: 1.4em;
}

h5,
h6 {
   text-transform: uppercase;
}

h1 {
   font-size: 20px;
}

h2 {
   font-size: 18px;
}

h3 {
   font-size: 16px;
}

h4 {
   font-size: 14px;
}

h5 {
   font-size: 12px;
}

h6 {
   font-size: 10px;
}

/**** GENERAL LAYOUT ****/

#topBackground {
   background: url(http://www.opendesigns.org/designs/1635/images/header.jpg) top center no-repeat;
   margin: 0 auto;
   padding-top: 440px;
   width: 960px;
}

#container {
   margin: 0 auto;
   text-align: left;
   width: 680px;
}

#header h1 {
   font-size: 48px;
   font-weight: normal;
   letter-spacing: -3px;
   padding-left: 24px;
}

#header h2 {
   color: #6998C6;
   font-size: 16px;
   font-style: italic;
   font-weight: normal;
   padding-right: 70px;
   text-align: right;
}

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

#miniMenu {
   height: 20px;
   float: right;
   font-size: 10px;
   padding-right: 70px;
   padding-top: 5px;
}

#miniMenu li {
   display: inline;
   margin: 0 1px;
}

#miniMenu a {
   background: #000;
   color: #FFF;
   padding: 2px 4px;
}

#miniMenu a:hover {
   background: #435F73;
   color: #B1DEFF;
}

#sidebar {
   float: right;
   width: 200px;
   padding: 110px 0 0 20px;
   margin-right: 2px
}

#content {
float: left;
width: 450px;
text-padding: 0 0 0 10px;

}


/**** SIDEBAR STYLES & LAYOUT ****/

#sidebar h3 {
   color: #FFF;
   font-size: 22px;
   font-weight: normal;
   margin-bottom: 10px;
}

#sidebar ul {
   list-style: none;
   padding-left: 20px;
}

#sidebar li {
   line-height: 2em;
   font-size: 13px;
}

#sidebar li a {
   color: #B1DEFF;
   text-decoration: none;
}

#sidebar li a:hover {
   color: #FFF;
}

#sidebar li.sbContent h3 {
   margin-top: 10px;
}

#sidebar li.sbContent p {
   border-left: 4px solid #84B0D3;
   color: #FFF;
   font-size: 11px;
   padding: 0 20px 0 10px;
}

#search input {
   margin-top: 10px;
   width: 110px;
}

.sb1 {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y;
   margin-top: -20px;
}

.sb1 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat;
   height: 37px;
   margin-left: -20px;
   width: 200px;
}

.sb2 {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y;
}

.sb2 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep2.gif) no-repeat;
   height: 35px;
   margin-left: -20px;
   width: 200px;
}

.sb3 {
   background: #000;
   margin-right: 0;
   margin-bottom: -10px;
}

.sb3 li.sbb {
   background: url(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat;
   height: 16px;
   margin-left: -20px;
   width: 200px;
}




#footer {
   background: url(http://www.opendesigns.org/designs/1635/images/footer.jpg) bottom left no-repeat;
   height: 27px;
   margin-left: 24px;
   margin-top: 20px;
}

#footer p {
   color: #B1DEFF;
   padding: 8px 0 0 0;
   text-align: center;
}

#footer a {
   color: #B1DEFF;
   text-decoration: none;
}

.floatR {
   float: right;
}

.floatL {
   float: left;
}

.clearfloat {
   clear: both;
}

TASARIMIN ALTINA
Kod:
</div><!-- end #mainContent -->
<div id="sidebar">
   
    <ul class="sb1">
      <li><h3>archives</h3></li>
      <li><a href="#">June 2008</a></li>
      <li><a href="#">May 2008</a></li>
      <li><a href="#">April 2008</a></li>
      <li><a href="#">May 2008</a></li>
      <li><a href="#">February 2008</a></li>
      <li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li>
      <li class="sbb"> </li>
    </ul>
   
    <ul class="sb2">
      <li><h3>categories</h3></li>
      <li><a href="#">Apple / Mac</a></li>
      <li><a href="#">Personal</a></li>
      <li><a href="#">Technology</a></li>
      <li><a href="#">Poetry & Writing</a></li>
      <li><a href="#">Environment</a></li>
      <li class="sbb"> </li>
     </ul>
       
    <ul class="sb3">
        <li><h3>links</h3></li>
      <li><a href="#">Lorem ipsum dolor</a></li>
      <li><a href="#">Praesent aliquam</a></li>
      <li><a href="#">Quisque ornare</a></li>
      <li><a href="#">Phasellus tristique</a></li>
      <li><a href="#">Fusce varius urna</a></li>
      <li><a href="#">Etiam leo pede</a></li>
      <li><a href="#">Aenean  sagittis</a></li>
      <li><a href="#">Vestibulum ut nisl</a></li>
      <li><a href="#">Maecenas urna</a></li>
      <li><a href="#">Sed neque mi</a></li>
      <li class="sbContent"><h3>sidebar header</h3></li>
      <li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li>
      <li class="sbb"> </li>
     </ul>
  </div><!-- end #sidebar -->

 
  <br class="clearfloat" />
 
  <div id="footer">
 
    <p>Copyright © 2008, your.site.com - Designed by <a href="mailto:tony( at )20pirates.com">Tony Pires</a> - <a href="#">Terms of Use</a></p>
 
  </div><!-- end #footer -->
 
</div><!-- end #container -->

</div><!-- end #topBackground -->

TASARIMIN ÜSTÜNE
Kod:
<div id="topBackground">

<div id="container">

  <div id="header">
          
     <ul id="miniMenu">
       <li><a href="index.html">home</a></li>
        <li><a href="single.html">about</a></li>
        <li><a href="#">rss</a></li>
        <li><a href="#">contact</a></li>
     </ul>
   
    <h1><a href="#">dream city</a></h1>
   
    <h2>a place for your tag line... enjoy</h2>
     
  </div><!-- end #header -->

 <div id="content">

______________
Önceki mesajları göster:   


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