Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj02.02.2009, 20:52 (UTC)    
Mesaj konusu: T.üstü T.altı Css Seklinde Ayırırmısınız

Kod:
*{margin:0; padding:0; border: 0;}
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: Black url(http://www.resimupload.com/ds732581411_bodybg.html) repeat;
   margin-bottom: 10px;
   color: Silver;
}
a, a:visited {
   text-decoration: none;
   color: #258ADC;
   background: inherit;
}
a:hover {
   color: #32CD32;
   background: inherit;
   text-decoration: underline;
}
h1, h2, h3, h4, h5 {
   font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;
   padding: 3px 0 0 0;   
}
h1 {
   font-size: 140%;
}
h2 {
   font-size: 125%;
   color: #006699;
   margin-bottom: 3px;
}
h3 {
   font-size: 95%;
   color: #666666;
}
h4{
   font-size: 85%;
   color: #999999;
}
h5{
   font-size: 80%;
   color: #708090;
   text-transform: uppercase;
}
p {
   padding: 5px;
}
.padleft{
   padding-left: 10px;
}
table {
   margin: 5px;
   border-collapse: collapse;
   border: 2px solid White;
}
th {
   padding-right: 12px;
   padding-left: 12px;
   background: #3D3D3D;
   height: 25px;
   text-align: left;
   border: 1px solid White;
   margin-bottom: 1px;
}
tr {
   height: 25px
}
td {
   padding-right: 8px;
   padding-left: 8px;
   border: 1px solid White;
   color: #696969;
}
tr.rowlight {
   background: #FBFBFB;
}
tr.rowdark {
   background: #F1F1F1;
}
blockquote {
   margin: 5px 0 5px 20px;
   padding: 5px 5px 5px 5px;
   border-left: 5px solid #2D2D2D;
   background: #121212;
   text-align: justify;
   color: White;
}
#container{
   width: 800px;
   margin: 10px auto;
   background: #1C1C1C;
   border: 2px solid #272727;
}
#content{
   padding-top: 5px;
   padding-bottom: 5px;
   width:796px;
   clear: both;
}
#leftcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-left: 3px;
   padding-bottom: 1px;
   width: 155px;
   float: left;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}

#rightcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-right: 10px;
   width: 615px;
   float: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}
#header{
   height:160px;
   width:800px;
   font-family: "MS Serif", "New York", serif;
}
#headtop{
   height: 15px;
   text-align: right;
   padding: 3px 0 2px 0;
}
#headtop a{
   font: bolder 1.0em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
   color: #258ADC;
   background: url(bullet2.gif) no-repeat center left;
   padding-right: 10px;
}
#headtop a:visited{
   color: #258ADC;
}
#headtop a:hover {
   color: #32CD32;
   text-decoration: underline;
}
#headbottom{
   margin: 0 auto;
   height: 135px;
   background: url(http://www.resimupload.com/ds363779354_blackspring.html) no-repeat;
   border: 2px solid #272727;
   padding: 10px 0 0 25px;
}
#headbottom h1{
    padding: 20px 0 0 50px;
   font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
   text-transform: uppercase;
   background: url(http://www.resimupload.com/ds152995484_mapleaf.html) no-repeat left;
   color: Black;
}
#headbottom h2{
   display: inline;
   border-top: 2px solid #606060;
   margin-left: 51px;
    padding: 5px 0 0 0;
   color: #484848;
   font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
}
.search {
   display: block;
   padding-top: 3px;
   padding-right: 10px;
}   
.inputtext {
   color: #333;
   height: 20px;
   line-height: 20px;
   padding: 0 3px;
   background: #FFF;
   border: 1px solid #034f8a;
   float: right;
   margin-right: 3px;
}
.inputbutton {
   height: 22px;
   width: 50px;
   border: 0;
   padding: 0 2px;
   background: #034f8a;
   color: white;
   float: right;
   font-weight: bold;
   font-size: 10px;
}
#menu {
   width:798px;
   height: 30px;
   background: Black;
   text-transform: uppercase;
}
#menu ul {
   float:left;
   white-space: nowrap;
   list-style-type:none;
}
#menu ul li{
   display: inline;
}
#menu ul li a {
   display: block;
   width:100px;
   height: 30px;
   line-height: 30px;
   color:White;
   border-right: 1px solid #3D3D3D;
   text-align:center;
   text-decoration:none;
   font-size: 12px;
   float:left;
}
#menu ul li a:hover {
   background: #1C1C1C;
}
#menu ul li.current a{
   background: #1C1C1C;
}
.navigation{
   width:152px;
   margin-left: 5px;
   margin-bottom: 5px;
   background: #313131;
}
.navhead{
   background: #313131 url(http://www.resimupload.com/ds783239157_navhround.html) no-repeat top left;
   height: 23px;
   padding: 5px 0 0 15px;
   margin-bottom: 1px;
   border-bottom: thin solid #595959;
   font-weight: bold;
   font-size: 14px;
   color: #A9A9A9;
}
.navmenu {
   width: 150px;
   padding: 0 1px 15px 1px;
   font-size: 1.2em;
   background: #313131 url(http://www.resimupload.com/ds295323911_navlround.html) no-repeat bottom right;
}
.navmenu li {
   margin-bottom: 1px;
   list-style-type: none;
   white-space: nowrap;
}
.navmenu li a {
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   color: #CCCCCC;
   background: url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   display: block;
   height: 20px;
   line-height: 20px;
   padding: 0 0 0 15px;
   text-align: left;
}
.navmenu li a:hover {
   color: White;
   /*color: #778899;*/
   background: #262626 url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   text-decoration: none;
}

.navmenu li a:active {
   background: #034f8a url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   color: White;
}

.navmenu li a:visited {
   color: #CCCCCC;
}
.posthead {
   color: #32CD32;
   padding: 0 0 0 5px;
   text-decoration: underline;
   height: 30px;
   line-height: 30px;
}
.postcontent {
   margin-top: 5px;
   padding: 20px 5px 5px 40px;
   text-align: justify;
   background: url(http://www.resimupload.com/ds710640030_curldown.html) no-repeat top left;
}
.postfooter {
   padding-right: 40px;
   /*margin: 0 5px 10px 5px;*/
   height: 30px;
   line-height: 30px;
   /*border-bottom: 1px solid #f2f2f2;*/
   font-size: 90%;   
   text-align: right;
   background: url(http://www.resimupload.com/ds702073266_curlfoot.html) no-repeat bottom right;
}
.postfooter .readmore {
   background: url(http://www.resimupload.com/ds287611508_page.html) no-repeat left center;
   padding-left: 20px;
}
.postfooter .comments {
   background: url(http://www.resimupload.com/ds816977425_comment.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.postfooter .date {
   background: url(http://www.resimupload.com/ds788626973_clock.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.unlist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.unlist li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 2px;
}
.unlist li ul li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px center;
}
.unlist li a{
   background: none;
   font-weight: bold;
}
.unlist li ul li a{
   background: none;
   font-weight: bold;
}
.ollist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.ollist li{
   list-style-type: decimal;
   margin: 0 0 0 25px;
}
.ollist li a{
   font-weight: bold;
}
.deflist{
   margin:0 0 0 10px;
   font-size: 0.8em;
}
.deflist dt{
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd{
   margin:0 0 0 10px;
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd a, .deflist dt a{
   background: none;
   font-weight: bold;
}
.coode {
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 1em 'Lucida Console', 'courier new', monospace ;
  background: #121212;
  color: White;
  border: 1px solid #2D2D2D;
  white-space: pre;
}
div.colwrap{
   padding:0 5px 5px 0;
   display: inline-block;
}
.clearwrap{
   clear: both;
   margin: 0;
}
.colleft{
   float:left;
   width: 55%;
   margin-bottom:5px;
}
.colmiddle{
   float:left;
   width: 20%;
   margin-left: 10px;
   margin-bottom:5px;
}
.colright{
   float:right;
   width: 20%;
   margin-bottom:5px;
}
.foorm {
   border: 1px solid #262626;
   background-color: #3E3E3E;
   margin: 5px 0 5px 0;
   padding: 5px;
}
.foorm label {
   display:block;
   font-weight:bold;
   margin:5px 0;
   color: Silver;
}
.foorm input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.foorm select {
   border:1px solid #262626;
   width: 100px;
}
.foorm textarea {
   width:95%;
   padding:2px;
   border:1px solid #262626;
   height:100px;
   display: inline;
   margin: 0 0 5px 0;
}
.foorm input.button {
   height: 24px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.loginform {
   padding: 0 5px 5px 5px;
}
.loginform label {
   display:block;
   font-weight:bold;
   color: Silver;
}
.loginform input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.loginform input.button {
   height: 22px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.imp {
   font-size: 0.8em;
   color: red;
}
.left{
   float: left;
   padding: 2px 8px 2px 2px;
}
.right{
   float: right;
   padding: 2px 2px 2px 8px;
}
.center{
   display: block;
     text-align: center;
     margin: 0 auto;
   padding: 3px 0 3px 0;
}
.clear{
   clear: both;
}
.footclear{
   clear: both;
   background: url(http://www.resimupload.com/ds957163157_footer.html) repeat-x bottom;
}
#footer{
   clear: both;
   width:796px;
   height: 20px;
   text-align: center;
   background-color:inherit;
   border-top: 2px solid #272727;
}
#footer h2{
   color: #A9A9A9;
   text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
   padding: 0 10px 0 0;
   line-height: 20px;
}
#footer a{color: #258ADC; font-weight:bold;}
#footer a:hover{color: #32CD32}

diğer baslk amacından saptı da
______________
Mesaj02.02.2009, 20:57 (UTC)    
Mesaj konusu:

hadi arkadaslar
______________
Mesaj02.02.2009, 21:25 (UTC)    
Mesaj konusu:

bu kodu css kodu bölümüne eklicen arkadaşım...
______________
Mesaj03.02.2009, 01:44 (UTC)    
Mesaj konusu:

Merhaba,

Lütfen Şu Başlığı İnceleyiniz ;
Arrow http://www.bedava-sitem.com/forum/viewtopic.php?t=81330

İyi Eğlenceler.

______________
www.ironarchives.tr.gg
Mesaj03.02.2009, 09:18 (UTC)    
Mesaj konusu:

ua-taraftar yazmış:
bu kodu css kodu bölümüne eklicen arkadaşım...


free template indirdim sadece bu kod wardı ben bunu css ekleyince olmuyor tasarım t .üstü t.altı css seklınde ayırıp bana verseniz bi zahmet
______________
Mesaj03.02.2009, 09:22 (UTC)    
Mesaj konusu:

Css kısmına yapıstırınca olmuyor arkadaslar lütfen bi yardım ya
______________
Mesaj03.02.2009, 09:35 (UTC)    
Mesaj konusu:

index diye bir internet sayfası olması lazım ona sağ tıklayarak birlikte aç not defterini seç ve çıkan kodu buraya yaz biz tasarımın üstü altı diye ayıralım....
______________

Mesaj03.02.2009, 09:43 (UTC)    
Mesaj konusu:

öyle bişi bulamadım ama kaynagı görüntüledim

bu çıktı
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>
<title>BlackSpring</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="container">
  <div id="header">
    <div id="headtop"> <img src="images/sitemap.png" alt="" />&nbsp;<a href="http://www.free-css.com/">Site Map</a> <img src="images/email.png" alt="" />&nbsp;<a href="http://www.free-css.com/">Contact</a> <img src="images/info.png" alt="" />&nbsp;<a href="http://www.free-css.com/">About</a> </div>
    <div id="headbottom">
      <h1>BlackSpring</h1>
      <h2>Your website slogan goes over here.</h2>
    </div>
  </div>
  <div id="menu">
    <ul>
      <li class="current"><a href="http://www.free-css.com/">Home</a></li>
      <li><a href="http://www.free-css.com/">News</a></li>
      <li><a href="http://www.free-css.com/">Forum</a></li>
      <li><a href="http://www.free-css.com/">Blog</a></li>
      <li><a href="http://www.free-css.com/">Support</a></li>
      <li><a href="http://www.free-css.com/">Services</a></li>
    </ul>
    <div class="search">
      <form method="post" action="#">
        <input class="inputbutton" type="button" value="Search" />
        <input class="inputtext" type="text" size="15" />
      </form>
    </div>
  </div>
  <div id="content">
    <div id="leftcontent">
      <div class="navigation">
        <div class="navhead">Navigation</div>
        <ul class="navmenu">
          <li><a href="http://www.free-css.com/">Nav Link 1</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 2</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 3</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 4</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 5</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 6</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 7</a></li>
        </ul>
      </div>
      <div class="navigation">
        <div class="navhead">Member's Area</div>
        <form class="loginform" method="post" action="#">
          <label>User ID</label>
          <input name="txtname" value="" type="text" size="15" />
          <label>Password</label>
          <input name="txtemail" value="" type="password" size="15" />
          <br />
          <input class="button" type="submit" value="Login" />
        </form>
      </div>
      <div class="navigation">
        <div class="navhead">Image Align</div>
        <p><span class="right"> <img src="images/image.gif" alt="" width="60" height="60" /></span> Image is having right alignment. Lorem ipsum dolor sit amet, consectetur adipisicing elit.Lorem ipsum dolor amet, consectetur adipisicing elit.</p>
      </div>
      <div class="navigation">
        <div class="navhead">Big Banner</div>
        <p> <img src="images/image.gif" alt="" width="140" height="300" /> Above image is streched but you can put a normal image of maximum 140px width an height to your requirements. </p>
      </div>
    </div>
    <div id="rightcontent">
      <h1 class="posthead">BlackSpring</h1>
      <div class="postcontent">
        <div class="padleft">
          <h3>BlackSpring is fully compatible with:</h3>
          <ul class="unlist">
            <li>Internet Explorer 6+</li>
            <li>Firefox 2+</li>
            <li>Opera 9+</li>
          </ul>
        </div>
        <p>BlackSpring is a free, W3C-compliant, CSS-based website template. This template is released under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>, which means that you are free to use and modify it for any purpose without altering the credits at the bottom.</p>
        <p>This is an open source template, which means that you are free to use it in any way you want to without any obligations. If you decide to use this template, I kindly ask you to leave the &quot;Design by FlopSoft Inc.&quot; link in the footer.</p>
        <p> Please feel free to contact me at <a href="http://www.free-css.com/">thatsasif( at )hotmail.com</a> for any queries. </p>
        <h5>Important message</h5>
        <strong class="imp"> Please donate me some $ which will be very helpful for further developments. </strong> </div>
      <div class="postfooter"> <a href="http://www.free-css.com/" class="readmore">Read more</a> <a href="http://www.free-css.com/" class="comments">Comments(4)</a> <span class="date">March 21, 2008</span> </div>
      <h1 class="posthead">Blockquote &amp; Code...</h1>
      <div class="padleft">
        <h3>Blockquote</h3>
        <blockquote>
          <p>This is an example of <strong>BLOCKQUOTE</strong> element.</p>
          <p>In this example you can see that the content is not given the "postcontent" class. Hence is does not have the page curl effect like the one in the above post. Instead of "postcontent" it has given "padleft" class to pad it 10px to left to be in a straight line.</p>
        </blockquote>
        <h3>Code</h3>
        <p class="coode"> code-sample { font-weight: bold; font-style: italic; } </p>
      </div>
      <h1 class="posthead">List Examples with 3 Columns</h1>
      <div class="postcontent">
        <div class="colwrap">
          <div class="colleft">
            <p>This is a three cloumn example. This is a <a href="http://www.free-css.com/">link </a> example. This column is having a width of 40%, while to other 2 columns are having width of 25%.The other 2 columns are having list examples.</p>
            <p><span class="left"> <img src="images/image.gif" alt="" width="60" height="60" /></span> An Image float example within one column of the three columns. This image is having left float. You can also have an image float with right side. <br />
              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
          </div>
          <div class="colmiddle">
            <h3>Ordered List</h3>
            <ul class="ollist">
              <li>Ordered list</li>
              <li><a href="http://www.free-css.com/">Ordered list</a></li>
              <li>Ordered list</li>
              <li>Ordered list</li>
            </ul>
            <br />
            <h3>Unordered List</h3>
            <ul class="unlist">
              <li>Unordered list</li>
              <li><a href="http://www.free-css.com/">Unordered list</a>
                <ul>
                  <li>UnorderedSub1</li>
                  <li><a href="http://www.free-css.com/">UnorderedSub2</a></li>
                </ul>
              </li>
              <li>Unordered list</li>
            </ul>
          </div>
          <div class="colright">
            <h3>Definition List</h3>
            <dl class="deflist">
              <dt>DefList DT</dt>
              <dt><a href="http://www.free-css.com/">DefList DT</a></dt>
              <dd><a href="http://www.free-css.com/">DefList DD</a></dd>
              <dd>DefList DD</dd>
              <dt>DefList DT</dt>
              <dt>DefList DT</dt>
              <dd><a href="http://www.free-css.com/">DefList DD</a></dd>
              <dt>DefList DT</dt>
            </dl>
          </div>
          <div class="clearwrap"></div>
        </div>
      </div>
      <div class="postfooter"> <a href="http://www.free-css.com/" class="readmore">Read more</a> <a href="http://www.free-css.com/" class="comments">Comments(10)</a> <span class="date">March 21, 2008</span> </div>
      <h1 class="posthead">Image Alignments</h1>
      <div class="postcontent">
        <h2>Left Aligned Image.</h2>
        <p><span class="left"><img src="images/image.gif" alt="" width="60" height="60" /></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
        <h2><span class="center">Center Aligned Image.</span></h2>
        <span class="center"><img src="images/image.gif" alt="" width="60" height="60" /></span>
        <h2>Right Aligned Image.</h2>
        <p><span class="right"><img src="images/image.gif" alt="" width="60" height="60" /></span> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>
      <div class="postfooter"> <a href="http://www.free-css.com/" class="readmore">Read more</a> <a href="http://www.free-css.com/" class="comments">Comments(0)</a> <span class="date">March 21, 2008</span> </div>
      <h1 class="posthead">Form Example</h1>
      <form class="foorm" method="post" action="#">
        <p>
          <label>Name</label>
          <input name="txtname" value="Good Name" type="text" size="30" />
          <label>Email</label>
          <input name="txtemail" value="abcd( at )xyz.com" type="text" size="50" />
          <label>Gender</label>
          <select name="Gender" id="Gender">
            <option value="choose"> Select</option>
            <option value="male"> Male </option>
            <option value="female"> Female </option>
          </select>
          <label>Your Comments</label>
          <textarea rows="5" cols="5"></textarea>
          <br />
          <input class="button" type="submit" value="Submit" />
        </p>
      </form>
      <h1 class="posthead">Table Example</h1>
      <table>
        <tbody>
          <tr>
            <th>Date</th>
            <th>Forum</th>
            <th>Last Post</th>
          </tr>
          <tr class="rowlight">
            <td>00/00/2008</td>
            <td><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a></td>
            <td><a href="http://www.free-css.com/">Duis aute irure dolor in reprehenderit in voluptate</a></td>
          </tr>
          <tr class="rowdark">
            <td>00/00/2008</td>
            <td><a href="http://www.free-css.com/">Lorem ipsum</a></td>
            <td><a href="http://www.free-css.com/">dolor in reprehenderit in voluptate</a></td>
          </tr>
          <tr class="rowlight">
            <td>00/00/2008</td>
            <td><a href="http://www.free-css.com/">dolor sit amet</a></td>
            <td><a href="http://www.free-css.com/">Duis aute irure</a></td>
          </tr>
          <tr class="rowdark">
            <td>00/00/2008</td>
            <td><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a></td>
            <td><a href="http://www.free-css.com/">Duis aute irure dolor in reprehenderit</a></td>
          </tr>
        </tbody>
      </table>
      <h1 class="posthead">Heading Examples</h1>
      <div class="padleft">
        <h1>Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <h4>Heading 4</h4>
        <h5>Heading 5</h5>
      </div>
    </div>
  </div>
  <div class="footclear">&nbsp;</div>
  <div id="footer">
    <h2>&copy; 2006 <a href="http://www.free-css.com/">Your Name</a> | Design by <a href="http://www.flopsoft.co.nr">FlopSoft Inc.</a></h2>
  </div>
</div>
</body>
</html>

______________
Mesaj03.02.2009, 09:44 (UTC)    
Mesaj konusu: slm

kardeşim indirdiğin css nin urlsini bana verirmisin? Sana yardımcı olayımWink
______________

Ve Uzun Zamandan Sonra Geri Döndüm!
Mesaj03.02.2009, 09:45 (UTC)    
Mesaj konusu:

urlsi çoktan gitti ben indirdim onu Yukarıdakı kodda öyle işte baska bişi yok ki
______________
Mesaj03.02.2009, 09:49 (UTC)    
Mesaj konusu: slm

kardeşim orda sana kaç tane dosya verildi?sen winrarı açınca 3-4 filan dosya olması gerekiyor.
______________

Ve Uzun Zamandan Sonra Geri Döndüm!
Mesaj03.02.2009, 09:51 (UTC)    
Mesaj konusu:

index
maincss
ve resimler werildi bende o resimleri upload edip gereken yerlere yapıstırdım zaten
Css kodum bu
Kod:
*{margin:0; padding:0; border: 0;}
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: Black url(http://www.resimupload.com/ds732581411_bodybg.html) repeat;
   margin-bottom: 10px;
   color: Silver;
}
a, a:visited {
   text-decoration: none;
   color: #258ADC;
   background: inherit;
}
a:hover {
   color: #32CD32;
   background: inherit;
   text-decoration: underline;
}
h1, h2, h3, h4, h5 {
   font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;
   padding: 3px 0 0 0;   
}
h1 {
   font-size: 140%;
}
h2 {
   font-size: 125%;
   color: #006699;
   margin-bottom: 3px;
}
h3 {
   font-size: 95%;
   color: #666666;
}
h4{
   font-size: 85%;
   color: #999999;
}
h5{
   font-size: 80%;
   color: #708090;
   text-transform: uppercase;
}
p {
   padding: 5px;
}
.padleft{
   padding-left: 10px;
}
table {
   margin: 5px;
   border-collapse: collapse;
   border: 2px solid White;
}
th {
   padding-right: 12px;
   padding-left: 12px;
   background: #3D3D3D;
   height: 25px;
   text-align: left;
   border: 1px solid White;
   margin-bottom: 1px;
}
tr {
   height: 25px
}
td {
   padding-right: 8px;
   padding-left: 8px;
   border: 1px solid White;
   color: #696969;
}
tr.rowlight {
   background: #FBFBFB;
}
tr.rowdark {
   background: #F1F1F1;
}
blockquote {
   margin: 5px 0 5px 20px;
   padding: 5px 5px 5px 5px;
   border-left: 5px solid #2D2D2D;
   background: #121212;
   text-align: justify;
   color: White;
}
#container{
   width: 800px;
   margin: 10px auto;
   background: #1C1C1C;
   border: 2px solid #272727;
}
#content{
   padding-top: 5px;
   padding-bottom: 5px;
   width:796px;
   clear: both;
}
#leftcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-left: 3px;
   padding-bottom: 1px;
   width: 155px;
   float: left;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}

#rightcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-right: 10px;
   width: 615px;
   float: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}
#header{
   height:160px;
   width:800px;
   font-family: "MS Serif", "New York", serif;
}
#headtop{
   height: 15px;
   text-align: right;
   padding: 3px 0 2px 0;
}
#headtop a{
   font: bolder 1.0em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
   color: #258ADC;
   background: url(bullet2.gif) no-repeat center left;
   padding-right: 10px;
}
#headtop a:visited{
   color: #258ADC;
}
#headtop a:hover {
   color: #32CD32;
   text-decoration: underline;
}
#headbottom{
   margin: 0 auto;
   height: 135px;
   background: url(http://www.resimupload.com/ds363779354_blackspring.html) no-repeat;
   border: 2px solid #272727;
   padding: 10px 0 0 25px;
}
#headbottom h1{
    padding: 20px 0 0 50px;
   font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
   text-transform: uppercase;
   background: url(http://www.resimupload.com/ds152995484_mapleaf.html) no-repeat left;
   color: Black;
}
#headbottom h2{
   display: inline;
   border-top: 2px solid #606060;
   margin-left: 51px;
    padding: 5px 0 0 0;
   color: #484848;
   font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
}
.search {
   display: block;
   padding-top: 3px;
   padding-right: 10px;
}   
.inputtext {
   color: #333;
   height: 20px;
   line-height: 20px;
   padding: 0 3px;
   background: #FFF;
   border: 1px solid #034f8a;
   float: right;
   margin-right: 3px;
}
.inputbutton {
   height: 22px;
   width: 50px;
   border: 0;
   padding: 0 2px;
   background: #034f8a;
   color: white;
   float: right;
   font-weight: bold;
   font-size: 10px;
}
#menu {
   width:798px;
   height: 30px;
   background: Black;
   text-transform: uppercase;
}
#menu ul {
   float:left;
   white-space: nowrap;
   list-style-type:none;
}
#menu ul li{
   display: inline;
}
#menu ul li a {
   display: block;
   width:100px;
   height: 30px;
   line-height: 30px;
   color:White;
   border-right: 1px solid #3D3D3D;
   text-align:center;
   text-decoration:none;
   font-size: 12px;
   float:left;
}
#menu ul li a:hover {
   background: #1C1C1C;
}
#menu ul li.current a{
   background: #1C1C1C;
}
.navigation{
   width:152px;
   margin-left: 5px;
   margin-bottom: 5px;
   background: #313131;
}
.navhead{
   background: #313131 url(http://www.resimupload.com/ds783239157_navhround.html) no-repeat top left;
   height: 23px;
   padding: 5px 0 0 15px;
   margin-bottom: 1px;
   border-bottom: thin solid #595959;
   font-weight: bold;
   font-size: 14px;
   color: #A9A9A9;
}
.navmenu {
   width: 150px;
   padding: 0 1px 15px 1px;
   font-size: 1.2em;
   background: #313131 url(http://www.resimupload.com/ds295323911_navlround.html) no-repeat bottom right;
}
.navmenu li {
   margin-bottom: 1px;
   list-style-type: none;
   white-space: nowrap;
}
.navmenu li a {
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   color: #CCCCCC;
   background: url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   display: block;
   height: 20px;
   line-height: 20px;
   padding: 0 0 0 15px;
   text-align: left;
}
.navmenu li a:hover {
   color: White;
   /*color: #778899;*/
   background: #262626 url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   text-decoration: none;
}

.navmenu li a:active {
   background: #034f8a url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   color: White;
}

.navmenu li a:visited {
   color: #CCCCCC;
}
.posthead {
   color: #32CD32;
   padding: 0 0 0 5px;
   text-decoration: underline;
   height: 30px;
   line-height: 30px;
}
.postcontent {
   margin-top: 5px;
   padding: 20px 5px 5px 40px;
   text-align: justify;
   background: url(http://www.resimupload.com/ds710640030_curldown.html) no-repeat top left;
}
.postfooter {
   padding-right: 40px;
   /*margin: 0 5px 10px 5px;*/
   height: 30px;
   line-height: 30px;
   /*border-bottom: 1px solid #f2f2f2;*/
   font-size: 90%;   
   text-align: right;
   background: url(http://www.resimupload.com/ds702073266_curlfoot.html) no-repeat bottom right;
}
.postfooter .readmore {
   background: url(http://www.resimupload.com/ds287611508_page.html) no-repeat left center;
   padding-left: 20px;
}
.postfooter .comments {
   background: url(http://www.resimupload.com/ds816977425_comment.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.postfooter .date {
   background: url(http://www.resimupload.com/ds788626973_clock.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.unlist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.unlist li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 2px;
}
.unlist li ul li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px center;
}
.unlist li a{
   background: none;
   font-weight: bold;
}
.unlist li ul li a{
   background: none;
   font-weight: bold;
}
.ollist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.ollist li{
   list-style-type: decimal;
   margin: 0 0 0 25px;
}
.ollist li a{
   font-weight: bold;
}
.deflist{
   margin:0 0 0 10px;
   font-size: 0.8em;
}
.deflist dt{
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd{
   margin:0 0 0 10px;
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd a, .deflist dt a{
   background: none;
   font-weight: bold;
}
.coode {
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 1em 'Lucida Console', 'courier new', monospace ;
  background: #121212;
  color: White;
  border: 1px solid #2D2D2D;
  white-space: pre;
}
div.colwrap{
   padding:0 5px 5px 0;
   display: inline-block;
}
.clearwrap{
   clear: both;
   margin: 0;
}
.colleft{
   float:left;
   width: 55%;
   margin-bottom:5px;
}
.colmiddle{
   float:left;
   width: 20%;
   margin-left: 10px;
   margin-bottom:5px;
}
.colright{
   float:right;
   width: 20%;
   margin-bottom:5px;
}
.foorm {
   border: 1px solid #262626;
   background-color: #3E3E3E;
   margin: 5px 0 5px 0;
   padding: 5px;
}
.foorm label {
   display:block;
   font-weight:bold;
   margin:5px 0;
   color: Silver;
}
.foorm input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.foorm select {
   border:1px solid #262626;
   width: 100px;
}
.foorm textarea {
   width:95%;
   padding:2px;
   border:1px solid #262626;
   height:100px;
   display: inline;
   margin: 0 0 5px 0;
}
.foorm input.button {
   height: 24px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.loginform {
   padding: 0 5px 5px 5px;
}
.loginform label {
   display:block;
   font-weight:bold;
   color: Silver;
}
.loginform input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.loginform input.button {
   height: 22px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.imp {
   font-size: 0.8em;
   color: red;
}
.left{
   float: left;
   padding: 2px 8px 2px 2px;
}
.right{
   float: right;
   padding: 2px 2px 2px 8px;
}
.center{
   display: block;
     text-align: center;
     margin: 0 auto;
   padding: 3px 0 3px 0;
}
.clear{
   clear: both;
}
.footclear{
   clear: both;
   background: url(http://www.resimupload.com/ds957163157_footer.html) repeat-x bottom;
}
#footer{
   clear: both;
   width:796px;
   height: 20px;
   text-align: center;
   background-color:inherit;
   border-top: 2px solid #272727;
}
#footer h2{
   color: #A9A9A9;
   text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
   padding: 0 10px 0 0;
   line-height: 20px;
}
#footer a{color: #258ADC; font-weight:bold;}
#footer a:hover{color: #32CD32}

______________
Mesaj03.02.2009, 09:57 (UTC)    
Mesaj konusu:

İndex dosyasındaki kodları vermeniz gerekir.
______________
Mesaj03.02.2009, 09:58 (UTC)    
Mesaj konusu:

xkalpsiz yazmış:
İndex dosyasındaki kodları vermeniz gerekir.


Nasıl vercem
______________
Mesaj03.02.2009, 10:01 (UTC)    
Mesaj konusu:

Tasarımın Üstüne:
Kod:
<body>
<div id="container">
  <div id="header">
    <div id="headbottom">
      <h1>BlackSpring</h1>
      <h2>Your website slogan goes over here.</h2>
    </div>
  </div>
  <div id="menu">
    <ul>
      <li class="current"><a href="http://www.free-css.com/">Home</a></li>
      <li><a href="http://www.free-css.com/">News</a></li>
      <li><a href="http://www.free-css.com/">Forum</a></li>
      <li><a href="http://www.free-css.com/">Blog</a></li>
      <li><a href="http://www.free-css.com/">Support</a></li>
      <li><a href="http://www.free-css.com/">Services</a></li>
    </ul>
    <div class="search">
      <form method="post" action="#">
        <input class="inputbutton" type="button" value="Search" />
        <input class="inputtext" type="text" size="15" />
      </form>
    </div>
  </div>
  <div id="content">
    <div id="leftcontent">
      <div class="navigation">
        <div class="navhead">Navigation</div>
        <ul class="navmenu">
          <li><a href="http://www.free-css.com/">Nav Link 1</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 2</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 3</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 4</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 5</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 6</a></li>
          <li><a href="http://www.free-css.com/">Nav Link 7</a></li>
        </ul>
      </div>
      <div class="navigation">
          </div>
    </div>
    <div id="rightcontent">



Tasarımın Altına:

Kod:
  </div>
  <div class="footclear">&nbsp;</div>
  <div id="footer">
    <h2>&copy; 2006 <a href="http://www.free-css.com/">Your Name</a> | Design by <a href="http://www.flopsoft.co.nr">FlopSoft Inc.</a></h2>
  </div>
</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;}
*{margin:0; padding:0; border: 0;}
body {
   font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
   background: Black url(http://www.resimupload.com/ds732581411_bodybg.html) repeat;
   margin-bottom: 10px;
   color: Silver;
}
a, a:visited {
   text-decoration: none;
   color: #258ADC;
   background: inherit;
}
a:hover {
   color: #32CD32;
   background: inherit;
   text-decoration: underline;
}
h1, h2, h3, h4, h5 {
   font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;
   padding: 3px 0 0 0;   
}
h1 {
   font-size: 140%;
}
h2 {
   font-size: 125%;
   color: #006699;
   margin-bottom: 3px;
}
h3 {
   font-size: 95%;
   color: #666666;
}
h4{
   font-size: 85%;
   color: #999999;
}
h5{
   font-size: 80%;
   color: #708090;
   text-transform: uppercase;
}
p {
   padding: 5px;
}
.padleft{
   padding-left: 10px;
}
table {
   margin: 5px;
   border-collapse: collapse;
   border: 2px solid White;
}
th {
   padding-right: 12px;
   padding-left: 12px;
   background: #3D3D3D;
   height: 25px;
   text-align: left;
   border: 1px solid White;
   margin-bottom: 1px;
}
tr {
   height: 25px
}
td {
   padding-right: 8px;
   padding-left: 8px;
   border: 1px solid White;
   color: #696969;
}
tr.rowlight {
   background: #FBFBFB;
}
tr.rowdark {
   background: #F1F1F1;
}
blockquote {
   margin: 5px 0 5px 20px;
   padding: 5px 5px 5px 5px;
   border-left: 5px solid #2D2D2D;
   background: #121212;
   text-align: justify;
   color: White;
}
#container{
   width: 800px;
   margin: 10px auto;
   background: #1C1C1C;
   border: 2px solid #272727;
}
#content{
   padding-top: 5px;
   padding-bottom: 5px;
   width:796px;
   clear: both;
}
#leftcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-left: 3px;
   padding-bottom: 1px;
   width: 155px;
   float: left;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}

#rightcontent{
   display:inline /*Fix IE floating margin bug*/;
   padding-right: 10px;
   width: 615px;
   float: right;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   overflow:visible !important /*Firefox*/;
   overflow:hidden /*IE6*/;
}
#header{
   height:160px;
   width:800px;
   font-family: "MS Serif", "New York", serif;
}
#headtop{
   height: 15px;
   text-align: right;
   padding: 3px 0 2px 0;
}
#headtop a{
   font: bolder 1.0em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
   color: #258ADC;
   background: url(bullet2.gif) no-repeat center left;
   padding-right: 10px;
}
#headtop a:visited{
   color: #258ADC;
}
#headtop a:hover {
   color: #32CD32;
   text-decoration: underline;
}
#headbottom{
   margin: 0 auto;
   height: 135px;
   background: url(http://www.resimupload.com/ds363779354_blackspring.html) no-repeat;
   border: 2px solid #272727;
   padding: 10px 0 0 25px;
}
#headbottom h1{
    padding: 20px 0 0 50px;
   font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
   text-transform: uppercase;
   background: url(http://www.resimupload.com/ds152995484_mapleaf.html) no-repeat left;
   color: Black;
}
#headbottom h2{
   display: inline;
   border-top: 2px solid #606060;
   margin-left: 51px;
    padding: 5px 0 0 0;
   color: #484848;
   font: bolder 1.2em 'Trebuchet MS', Arial, Sans-serif;
   text-decoration: none;
}
.search {
   display: block;
   padding-top: 3px;
   padding-right: 10px;
}   
.inputtext {
   color: #333;
   height: 20px;
   line-height: 20px;
   padding: 0 3px;
   background: #FFF;
   border: 1px solid #034f8a;
   float: right;
   margin-right: 3px;
}
.inputbutton {
   height: 22px;
   width: 50px;
   border: 0;
   padding: 0 2px;
   background: #034f8a;
   color: white;
   float: right;
   font-weight: bold;
   font-size: 10px;
}
#menu {
   width:798px;
   height: 30px;
   background: Black;
   text-transform: uppercase;
}
#menu ul {
   float:left;
   white-space: nowrap;
   list-style-type:none;
}
#menu ul li{
   display: inline;
}
#menu ul li a {
   display: block;
   width:100px;
   height: 30px;
   line-height: 30px;
   color:White;
   border-right: 1px solid #3D3D3D;
   text-align:center;
   text-decoration:none;
   font-size: 12px;
   float:left;
}
#menu ul li a:hover {
   background: #1C1C1C;
}
#menu ul li.current a{
   background: #1C1C1C;
}
.navigation{
   width:152px;
   margin-left: 5px;
   margin-bottom: 5px;
   background: #313131;
}
.navhead{
   background: #313131 url(http://www.resimupload.com/ds783239157_navhround.html) no-repeat top left;
   height: 23px;
   padding: 5px 0 0 15px;
   margin-bottom: 1px;
   border-bottom: thin solid #595959;
   font-weight: bold;
   font-size: 14px;
   color: #A9A9A9;
}
.navmenu {
   width: 150px;
   padding: 0 1px 15px 1px;
   font-size: 1.2em;
   background: #313131 url(http://www.resimupload.com/ds295323911_navlround.html) no-repeat bottom right;
}
.navmenu li {
   margin-bottom: 1px;
   list-style-type: none;
   white-space: nowrap;
}
.navmenu li a {
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
   color: #CCCCCC;
   background: url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   display: block;
   height: 20px;
   line-height: 20px;
   padding: 0 0 0 15px;
   text-align: left;
}
.navmenu li a:hover {
   color: White;
   /*color: #778899;*/
   background: #262626 url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   text-decoration: none;
}

.navmenu li a:active {
   background: #034f8a url(http://www.resimupload.com/ds849865386_nli.html) no-repeat left;
   color: White;
}

.navmenu li a:visited {
   color: #CCCCCC;
}
.posthead {
   color: #32CD32;
   padding: 0 0 0 5px;
   text-decoration: underline;
   height: 30px;
   line-height: 30px;
}
.postcontent {
   margin-top: 5px;
   padding: 20px 5px 5px 40px;
   text-align: justify;
   background: url(http://www.resimupload.com/ds710640030_curldown.html) no-repeat top left;
}
.postfooter {
   padding-right: 40px;
   /*margin: 0 5px 10px 5px;*/
   height: 30px;
   line-height: 30px;
   /*border-bottom: 1px solid #f2f2f2;*/
   font-size: 90%;   
   text-align: right;
   background: url(http://www.resimupload.com/ds702073266_curlfoot.html) no-repeat bottom right;
}
.postfooter .readmore {
   background: url(http://www.resimupload.com/ds287611508_page.html) no-repeat left center;
   padding-left: 20px;
}
.postfooter .comments {
   background: url(http://www.resimupload.com/ds816977425_comment.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.postfooter .date {
   background: url(http://www.resimupload.com/ds788626973_clock.html) no-repeat left center;
   padding-left: 20px;
   margin-left: 10px;
}
.unlist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.unlist li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 2px;
}
.unlist li ul li{
   list-style: none;
   margin: 0 0 0 5px;
   padding-left: 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px center;
}
.unlist li a{
   background: none;
   font-weight: bold;
}
.unlist li ul li a{
   background: none;
   font-weight: bold;
}
.ollist{
   padding: 0 0 0 5px;
   font-size: 0.8em;
}
.ollist li{
   list-style-type: decimal;
   margin: 0 0 0 25px;
}
.ollist li a{
   font-weight: bold;
}
.deflist{
   margin:0 0 0 10px;
   font-size: 0.8em;
}
.deflist dt{
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd{
   margin:0 0 0 10px;
   padding:0 0 0 12px;
   background: url(http://www.resimupload.com/ds367624835_uli.html) no-repeat 0px 50%;
   text-decoration:none;
}
.deflist dd a, .deflist dt a{
   background: none;
   font-weight: bold;
}
.coode {
  padding: 5px;
  margin: 0 0 10px 0;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 1em 'Lucida Console', 'courier new', monospace ;
  background: #121212;
  color: White;
  border: 1px solid #2D2D2D;
  white-space: pre;
}
div.colwrap{
   padding:0 5px 5px 0;
   display: inline-block;
}
.clearwrap{
   clear: both;
   margin: 0;
}
.colleft{
   float:left;
   width: 55%;
   margin-bottom:5px;
}
.colmiddle{
   float:left;
   width: 20%;
   margin-left: 10px;
   margin-bottom:5px;
}
.colright{
   float:right;
   width: 20%;
   margin-bottom:5px;
}
.foorm {
   border: 1px solid #262626;
   background-color: #3E3E3E;
   margin: 5px 0 5px 0;
   padding: 5px;
}
.foorm label {
   display:block;
   font-weight:bold;
   margin:5px 0;
   color: Silver;
}
.foorm input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.foorm select {
   border:1px solid #262626;
   width: 100px;
}
.foorm textarea {
   width:95%;
   padding:2px;
   border:1px solid #262626;
   height:100px;
   display: inline;
   margin: 0 0 5px 0;
}
.foorm input.button {
   height: 24px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.loginform {
   padding: 0 5px 5px 5px;
}
.loginform label {
   display:block;
   font-weight:bold;
   color: Silver;
}
.loginform input {
   padding: 0 3px;
   border:1px solid #262626;
   height: 20px;
   line-height: 20px;
}
.loginform input.button {
   height: 22px;
   border: 0;
   background: #034f8a;
   color: White;
   font-weight: bold;
}
.imp {
   font-size: 0.8em;
   color: red;
}
.left{
   float: left;
   padding: 2px 8px 2px 2px;
}
.right{
   float: right;
   padding: 2px 2px 2px 8px;
}
.center{
   display: block;
     text-align: center;
     margin: 0 auto;
   padding: 3px 0 3px 0;
}
.clear{
   clear: both;
}
.footclear{
   clear: both;
   background: url(http://www.resimupload.com/ds957163157_footer.html) repeat-x bottom;
}
#footer{
   clear: both;
   width:796px;
   height: 20px;
   text-align: center;
   background-color:inherit;
   border-top: 2px solid #272727;
}
#footer h2{
   color: #A9A9A9;
   text-decoration: none;
   font: bold 8.0pt Tahoma, Arial, Helvetica;
   padding: 0 10px 0 0;
   line-height: 20px;
}
#footer a{color: #258ADC; font-weight:bold;}
#footer a:hover{color: #32CD32}


Gerekli Yerleri Siz Kendinize Göre Ayarlarsınızı Artık ...
______________

Önceki mesajları göster:   


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