Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj15.04.2011, 17:33 (UTC)    
Mesaj konusu: Anasayfadaki boşluğu kaldırmak

Arkadaşlar anasayfamda (reklam değildir) yazıya başlamadan önce bir boşluk oluşuyor. Onu nasıl kaldırabilirim. Tasarım üstü vetasarım altından kaynaklanmıyor. Css si ni buraya koyuyorum.

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;}
table {margin-left: auto;margin-right: auto}


/* Top Elements */
* { margin: 0; padding: 0; }

body {
   background: #FFF;
   font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;
   color: #333;
   text-align: center;
}
/* links */
a {
   background: inherit;
   text-decoration: none;
   color: #667F99;   
}
a:hover {
   background: inherit;
   color: #996800;
}
/* headers */
h1, h2, h3 {
   font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;
   font-weight: Bold;       
}
h1 { font-size: 120%; }
h2 { font-size: 110%; text-transform: uppercase; }
h3 { font-size: 110%; color: #007E80; }

h1, h2, h3, p {
   margin: 0;
   padding: 10px;      
}
ul, ol {
   margin: 10px 20px;
   padding: 0 20px;
}

/* images */
img {
   border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 10px; 
}
img.float-left {
  margin: 5px 10px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto; 
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

/* blockquote */
blockquote {
   margin: 10px;
    padding: 0 0 0 28px; 
   border: 1px solid #f2f2f2;
     background: #FAFAFA url(http://i1104.hizliresim.com/2011/4/15/4828.gif) no-repeat 5px 5px;   
}

/* form elements */
form {
   margin:10px; padding: 0 5px;
   border: 1px solid #f2f2f2;
   background-color: #FAFAFA;
}
label {
   display:block;
   font-weight:bold;
   margin:5px 0;
}
input {
   padding:2px;
   border:1px solid #eee;
   font: normal 1em Verdana, sans-serif;
   color:#777;
}
textarea {
   width:400px;
   padding:2px;
   font: normal 1em Verdana, sans-serif;
   border:1px solid #eee;
   height:100px;
   display:block;
   color:#777;
}
input.button {
   margin: 0;
   font: bolder 12px Arial, Sans-serif;
   border: 1px solid #CCC;
   padding: 2px 3px;
   background: #FFF;
   color: #275F6C;
}
/* search form */
form.search {
   padding: 0; margin: 0;
   vertical-align: bottom;
   border: none;
   background-color: transparent;
}
form.search input.textbox {
   margin: 0; padding: 1px;
   width: 120px;
   border: 1px solid #CCC;
   background: #FFF;
   color: #333;
}
form.search input.button {
   height: 20px;
   padding: 1px 3px;
   width: 60px;
}

/********************************************
   LAYOUT
********************************************/
#wrap {
   width: 833px;
   background: url(http://i1104.hizliresim.com/2011/4/15/4839.jpg) repeat-y center top;
   margin: 0 auto;
   text-align: left;
}
#content-wrap {
   position: relative;
   width: 91%;
   margin: 0 auto;
   padding: 0;   
}
/* header */
#header {
   position: relative;
   width: 833px;
   height: 100px;
   background: #FFF url(http://i1104.hizliresim.com/2011/4/15/4805.jpg) no-repeat center top;
   margin: 0; padding: 0;
   font-size: 14px;
   color: #FFF;
}
#header h1#logo {
   position: absolute;
   margin: 0;
   padding: 0;
   font: bold 42px 'Trebuchet MS', Arial, Sans-serif;
   letter-spacing: -2px;
   color: #FFF;
   text-transform: none;
   /* change the values of top and Left to adjust the position of the logo*/
   top: 16px;
   left: 64px;
}
#header h2#slogan {
   position: absolute;
   z-index: 9999999;
   margin: 0;
   padding: 0;
   font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
   text-transform: none;
   color: #FFF;
   /* change the values of top and Left to adjust the position of the slogan*/
   top: 64px;
   left:66px;
   width: 242px;
}
#header #searchform {
   float: right;
   padding: 45px 40px 0 0;
   display: inline;
}
/* menu */
#menu {
   clear: both;
   width: 833px;
   height: 26px;
   background: #FFF url(http://i1104.hizliresim.com/2011/4/14/9432.jpg) repeat-y;
   margin: 0;
   font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;         
}
#menu ul{
   margin: 0; padding: 0 0 0 35px;
}
#menu ul li {
   float: left;
   list-style: none;      
}
#menu ul li a {
   display: block;
   text-decoration: none;   
   padding: 0 10px;
   background: inherit;
   color: #FFF;
}
#menu ul li a:hover {
   background: #30899F;
   color: #FFF; 
}
#menu ul li#current a {   
   background: #30899F;
   color: #FFF;   
}

/* Main */
#main {
   float: left;   
   width: 72%;
   padding: 0;   margin: 0;   
}
#main h1 {
   color: #667F99;
   border-bottom: 1px solid #CCCCCC;
   background: #F6F6F6 url(http://i1104.hizliresim.com/2011/4/15/4847.gif) no-repeat 5px 50%;   
   padding: 3px 0 3px 20px;   
   margin: 10px 0 0 0;
}

.post-footer {
   background-color: #FAFAFA;
   padding: 5px; margin: 20px 10px 0 10px;
   border: 1px solid #f2f2f2;
   font-size: 95%;   
}
.post-footer .date {
   background: url(clock.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
   background: url(comment.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
   background: url(page.gif) no-repeat left center;
   padding-left: 20px; margin: 0 10px 0 5px;
}

/* sidebar */
#sidebar {
   float: right;
   width: 26%;
   padding: 0; margin: 0;      
}   
#sidebar h1 {
   margin: 10px 0 0 0;
   padding: 3px 10px;
   font: bold 120% Tahoma, Verdana, Sans-Serif;   
   color: #FFF;   
   background: #B6B8BB;   
}
#sidebar ul.sidemenu {
   list-style: none;
   text-align: left;
   margin: 3px 0px 8px 0; padding: 0;
   text-decoration: none;   
}
#sidebar ul.sidemenu li {
   border-bottom: 1px solid #EFF0F1;
   background: url(http://i1104.hizliresim.com/2011/4/14/9491.gif) no-repeat 2px 3px ;
   padding: 2px 0 2px 25px;
   margin: 0 2px;         
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
   font-weight: bold;
   padding: 2px 0;       
   background: none;
}

/* footer */
#footer {
   clear: both;
   color: #66737B;
   font: normal 90% Verdana, Tahoma, sans-serif;
   background: #FFF url(http://i1104.hizliresim.com/2011/4/14/9447.jpg) no-repeat center top;   
   width: 833px;
   height: 60px;
   text-align: center;
   padding: 8px 0 0 0;
   margin: 0 auto;   
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray { color: #CCC; }


eğer çözülemeyecek gibiyse tasarım üstü ve tasarım altını da ekleyeyim. Yardım lütfen.
Mesaj15.04.2011, 22:17 (UTC)    
Mesaj konusu: tüm tasarımı

tasarımın hepsini yazarsan yardımcı olabilirim
Mesaj16.04.2011, 11:04 (UTC)    
Mesaj konusu:

Tasarım üstü
Kod:
<title>SimpleBlog</title>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2149022" binding="#OAWidget" />
  <oa:widget wid="2149023" binding="#social" />
  <oa:widget wid="2146022" binding="#PrototypeFishEye" />
</oa:widgets>
-->
</script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//jquery-1.4.2.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//jquery.jsocial.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//prototype.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//effectst.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//EventDispatcher.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//FishEye.java" type="text/javascript"></script>
<script src="http://www.fileden.com/files/2008/11/15/2187742//SpryTabbedPanels.java" type="text/javascript"></script>
<link href="http://www.fileden.com/files/2008/11/15/2187742//style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* BeginOAWidget_Instance_2146022: #PrototypeFishEye */

      #PrototypeFishEye.fishEye{
         height:45px;
         border:1px solid #999999;
         padding:10px;
         text-align:center;
         background-color:#cccccc;
         margin-top:30px;
         margin-bottom:0px;
      }
      #PrototypeFishEye.fishEye img{
         width:50px;
         height:50px;
         margin-top:0px;
         margin-bottom:0px;
      }
   
/* EndOAWidget_Instance_2146022 */
</style>
<link href="http://www.fileden.com/files/2008/11/15/2187742//SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Wrap -->
<div id="wrap">
      
      <!-- Header -->
      <div id="header">
               
         <h1 id="logo">Uğur <span class="gray">Gülser</span></h1>
       <h2 id="slogan">Içinizdeki gücü farketmeniz için...</h2>         
      
         <div id="searchform">   
              <form action="http://ugurgulser.tr.gg/arama.htm" id="cse-search-box">  <div>    <input type="hidden" name="cx" value="partner-pub-5090427691257378:pwphm2qadw7" />    <input type="hidden" name="cof" value="FORID:10" />    <input type="hidden" name="ie" value="ISO-8859-9" />    <input type="text" name="q" size="15" />    <input type="submit" name="sa" value="Ara" />  </div></form><script type="text/javascript" src="//www.google.com.tr/cse/brand?form=cse-search-box&lang=tr"></script>
         </div>
         
      </div>
      
      <!-- menu -->
      <div id="menu">
         <ul>
            <li><a href="/anasayfa.htm"><span>Anasayfa</span></a></li>
            <li><a href="/hakkimda.htm"><span>Uğur Gülser</span></a></li>
            <li><a href="/yazilarim.htm"><span>Yazılarım & Dersler</span></a></li>
            <li><a href="/seminerler.htm"><span>Dostça Seminerlerimiz</span></a></li>
            <li><a href="/destekleyenler.htm"><span>Destekleyenler</span></a></li>
            <li><a href="/iletisim.htm"><span>İletişim</span></a></li>         
         </ul>
      </div>   
      
      
      <!--Content Wrap -->
      <div id="content-wrap">
         
         <div id="sidebar">
           <h1>Ugur Gülser</h1>
           <img src="http://i1104.hizliresim.com/2011/4/15/10566.jpg" alt="" width="193" height="250" /><br />
<h1>Kategoriler</h1>
               <ul class="sidemenu">
                  <li><a href="/hipnoz.htm">Hipnoz ve Yapısı</a></li>
                  <li><a href="/beyin.htm">Beynimiz Neler mi Yapabilir?</a></li>
                  <li><a href="/telekinezi.htm">Telekinezi Zor Bir Şey Değil!</a></li>
                  <li><a href="/bilinc.htm">Bilincimizin Güçleri, Mükemmel!</a></li>   
                  <li><a href="http://www.4templates.com/?aff=ealigam">Ericksonian Telkin, Merak Etmiyor musun?                  <li><a href="http://www.4templates.com/?aff=ealigam">Ericksonian Telkin, Merak Etmiyor musun?</a></li>                  
               </ul>      
            
               <h1>Destekleyenler</h1>
               <ul class="sidemenu">
                  <li><a href="http://www.minoblue.com/">Minoblue</a></li>       
               </ul>               
            
<h1>Ustalardan Seçmeler</h1>
               <p>"Be not afraid of life. Believe that life is worth living,
               and your belief will help create the fact." </p>
               
               <p class="align-right">- William James</p>

        </div>
      
         <div id="main">
                                      <p>


Tasarım Altı
Kod:
</p>
                <p> 
                </p>
               
                  </div>
                </div>
                <p><br />
                  <br />
                  <br />
                  <script type="text/javascript">
// BeginOAWidget_Instance_2149022: #OAWidget

   var urlToLike = '';
   if (urlToLike == '') {
            urlToLike = window.location.href;
      }
      urlToLike = encodeURIComponent(urlToLike);

      var font = encodeURIComponent('inherit');


document.write ('<iframe src="http://www.facebook.com/widgets/like.php?locale=en_US&href='+urlToLike+'&layout=standard&show_faces=true&width=450&height=150&action=like&font='+font+'&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; border-color:#ffffff; overflow:hidden; width:450; height:150"></iframe>')


// EndOAWidget_Instance_2149022
                  </script>
                </p>
               
               
              <br />
            
               
<p> </p>

            

         
            
            
          
            <br />            
                           
         </div>
      
      <!--End content-wrap-->
      </div>
      
      <!-- Footer -->
      <div id="footer">
      
         <p>            
         © 2011 <strong>Uğur Gülser</strong>   Tasarım İçin Teşekkürler  <a href="http://www.styleshout.com/">styleshout</a> | Beyin Gücü Araştırmacısı       </p>
         
      </div>   
         
<!-- END Wrap -->
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>


Css üstte vermiştim. Bir de şu facebook beğen kodunu kaldırınca sitenin teması bozuluyor. Onu nasıl kaldırabilirim?
Önceki mesajları göster:   


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