Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj12.01.2011, 12:01 (UTC)    
Mesaj konusu: Css Tasarımım Bozuldu Çok Önemli

İti akşamlar herkese, reklam amaçlı değildir, zaten siteye parapsikolojiyle ilgilenen kişiler girecek fakat sitenin tasarımı çok kötü oldu. Nasıl bir soru soracağımı bilemedim. Lütfen siteyi düzeltmek için yardımcı olur musunuz?

Tasarım Üstü Yazı.

Kod:
<div id="page"></div><div id="cornerTop" class="dimensions"></div>

<div id="header" class="dimensions">
  <h1>Psişik Enerji</h1>
  <h2>Enerjinizi Kullanın!</h2>
  <div id="smallnav">
   <a href="#">Site Haritası</a>
   <a href="#">Kurallar</a>
 
  </div>
</div>

<div id="navigationTop" class="dimensions">
  <ul>
    <li><a href="#">Anasayfa</a></li>
    <li><a href="#">İletişim</a></li>
    <li><a href="#">Hakkımızda</a></li>
    <li><a href="#">Facebook Grubumuz</a></li>
  </ul>
</div>

<div id="mainSite" class="dimensions">
  <div id="mainLeft">
   <div id="Content">
     <!-- PLACE CONTENT HERE!! -->
     <h2>Psişik Güçler</h2>
     <p>




Tasarım Altı:

Kod:
</p>
     <p>
       <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/plugins/like.php?href='+urlToLike+'&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;height=150&amp;action=like&amp;font='+font+'&amp;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>
     <h2>Yenilikler</h2>
     <table width="646" height="266" border="1" cellpadding="1">
       <tr>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
         <td>&nbsp;</td>
       </tr>
     </table>
     
   </div>
  </div>

  <div id="mainRight">
  <h5>Ana Menü</h5>
  <ul>
    <li><a href="#">Başlangıç</a></li>
    <li><a href="#">Egzersizler</a></li>
    <li><a href="#">Kineziler</a></li>
    <li><a href="#">Astral Seyahat</a></li>
    <li><strong><a href="#">Tüm Egzersizler İçin Tıklayın &raquo;</a></strong></li>
    <li>
      <table width="184" border="0">
        <tr>
          <td><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPsisik-Gucler-Toplulugu%2F135884696469720%3Fref%3Dts&amp;width=182&amp;colorscheme=light&amp;show_faces=true&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:182px; height:427px;" allowTransparency="true"></iframe></td>
        </tr>
      </table>
    </li>
  </ul>
  <h5>Duyurular</h5>
  <ul>
    <li><a href="#">Facebook Grubumuz</a></li>
    <li><a href="#">Yardımcı Arkadaşlar</a></li>
        <li><strong><a href="#">Tüm Duyurular İçin Tıklayın &raquo;</a></strong></li>
  </ul>
  <h5>Yardımcı Arkadaşlar</h5>
  <ul>
    <li><a href="http://www.mediatac.com/">Deneyimli Arkadaşlar</a></li>
    <li><a href="http://www.openwebdesign.org/">Katkıda Bulunanlar</a></li>
 
    <li><strong><a href="#">Tüm Yardımcı Arkadaşlar &raquo;</a></strong></li>
  </ul>
  <h5>Multimedya</h5>
  <ul>
    <li><a href="#">Videolar</a></li>
    <li><a href="#">Fotoğraflar</a></li>
    <li><a href="#">Dünyadan Haberler</a></li>
     <li><strong><a href="#">Tüm Multimedya İçin Tıklayın &raquo;</a></strong></li>
  </ul>
  </div>

  <div id="footer" class="dimensions">
  &copy; 2011 Psişik Güçler-Enerji, Tüm Hakları Saklıdır
  <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  you're not allowed to use this template free of charge if you remove or modify the following line(s)... see licence(.txt)
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
  <div class="dimensions">Design by Logan</div>
  <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  from here, do what you want, again... keep in mind, that removing and/or modifing lines above is illegal - do not expect i won't find you ;)
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
  </div>
</div>




CSS:

Kod:
li.nav_element{display: none;}
body {
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size: 12px;
  line-height: 160%;
  background: #FFF url(http://img407.imageshack.us/img407/344/bgbodyd.jpg) repeat-x;
}

#Content h2 {
  font-size: 16px;
  font-weight: normal;
  color: #336600;
  border-bottom: 1px solid #DBDBDB;
  background: url(http://img233.imageshack.us/img233/5990/greendoti.png) no-repeat 0px 2px;
  padding: 0 0 5px 20px;
  margin: 30px 0 10px 0;
}

#Content a {color: #336699;}
#Content a:hover {color: #336600;}


.dimensions {
  left: 50%;
  width: 920px;
  margin-left: -460px;
}


#page {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom:0px;
  background: url(http://img808.imageshack.us/img808/4694/bgpaged.png) repeat-y 50% fixed;
}

#cornerTop {
  position: absolute;
  top: 0px;
  height: 50px;
  background: url(http://img291.imageshack.us/img291/808/bgtopg.png) no-repeat;
}

#header {
  position: absolute;
  top: 35px;
}

#header #smallnav {
  font-size: 10px;
  position: absolute;
  right: 50px;
  top: 20px;
}

#header #smallnav a { color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF; }
#header #smallnav a:hover { color: #E0FFCC; border-bottom: 1px dotted #E0FFCC;}


#header h1, #header h2 {
  color: #FEFEFE;
  font-weight: 500;
  font-size: 25px;
  margin-left: 50px;
  padding-top: 15px;
}

#header h2 {
  font-size: 15px;
  font-style: italic;
  padding-top: 0px;
  margin-top: -10px;
}

#navigationTop {
  position: absolute;
  top: 150px;
  border-top: 1px solid #334C66;
  border-bottom: 1px solid #85A3C2;
  width: 900px;
  margin-left: -450px;
}

#navigationTop ul {
  border-bottom: 1px solid #334C66;
  border-top: 1px solid #85A3C2;
  margin:0;
  padding: 0 0 0 28px;
  height: 30px;
}

#navigationTop ul li {
  list-style-type: none;
  color: #FFF;
  float: left;
  font-size: 15px;
  padding: 6px 8px 6px 8px;
}

#navigationTop ul li a { color: #FFF; text-decoration: none; }
#navigationTop ul li a:hover { color: #E0FFCC;}


#mainSite {
  background: #FFF url(http://img705.imageshack.us/img705/2658/bgnavin.png) right repeat-y;
  position: absolute;
  top: 200px;
  border-bottom: 1px solid #85A3C2;
  width: 880px;
  margin-left: -440px;
  min-height: 500px;
  margin-bottom: 100px;
}

#mainLeft {
  position: static;
  width: 680px;
  float: left;
}

#Content {
  margin: 15px;
}

#mainRight {
  position: static;
  width: 200px;
  float: right;
  padding: 0 0 10px 0;
}

#mainRight h5 {
  color: #336600;
  font-size: 15px;
  font-weight: normal;
  padding:0;
  margin: 10px 0 5px 10px;
}

#mainRight ul {
  margin: 0;
  padding: 0;
}

#mainRight ul li {
  list-style-type: none;
  margin: 0 10px 0 10px;
  padding: 3px 0px 3px 0px;
  border-top: 1px dotted #336600;
  font-size: 11px;
}

#mainRight ul li a { color: #000; text-decoration: none;}
#mainRight ul li a:hover { padding-left: 3px;}


#footer {
  position: absolute;
  bottom: -40px;
  color: #FFF;
  text-align: center;
  height: 30px;
}

#footer div {
  position: absolute;
  bottom: -40px;
  background: #EDEDED;
  color: #878787;
  padding: 10px 0 10px 0;
  font-size: 11px;
  width: 900px;
  margin-left: -450px;
}

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





#kommentartext {
background-image:url(http://treasuresnevada.com/las%20vegas%20strip%20club/images/backgrounds/trs%20background.jpg);
}

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;}
Mesaj12.01.2011, 12:05 (UTC)    
Mesaj konusu:

arkadaşlar. Reklamın da yarısı gözüküyor. Acilen önlem almam lazım. Yardım edin.
Mesaj15.01.2011, 17:23 (UTC)    
Mesaj konusu:

hadi artık yardım edin
Önceki mesajları göster:   


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