Forum'da ara:
Ara


Yazar Mesaj
Mesaj24.05.2009, 18:41 (UTC)    
Mesaj konusu: Başlık Sorunu Lütfen Bakın..

Arkadaşlar ben freetemplate ten tr.ggye bir cs teması uyguladım fakat başlık resmi 2 tane üst üste çıkıyor. İletişim formu ekliyorum, başlık resminin arkasında kalıyor . neden olduğunu anlamadım kodları yolluyorum eksik varsa yardım edin lütfen. Tüm herşeyi adım adım yaptım. Resimlerin uploadları fln tam.

Tasarım üzerindeki yazı:
Kod:

<style type="text/css">
<!--
html, body {
text- align: center;
}
-->
</style>


CSS Kodu:

Kod:
li.nav_element{display: none;}
body {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/background.gif);
   color: #000000;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
   margin: 0px auto;
   text-align: left;
   width: 780px;
}
a {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 12px;
}
/********************** Header ***************************/
#header {
   margin: 0px 0px 0px 0px;
   background-image:url(http://img.webme.com/pic/o/osmanli-team/header.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:262px;
}
#menu {
   position:relative;
   background-image:url(http://img.webme.com/pic/o/osmanli-team/menu.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:117px;
}
#menu ul{
   position:absolute;
   top:30px;
   left:265px;
}
#menu li{
   float:left;
   display:inline;
   padding: 0px 0px 0px 10px;
}
#menu a{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bolder;
   text-transform: uppercase;
   color: #d8cd8d;
   text-decoration: none;
}
#menu a:hover{
   color:#3e3c27;
}
h1,h2,h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bolder;
   text-transform: uppercase;
   color: #171508;
}
h1,h2 {
   position:absolute;
   top:94px;
}
h1 {
   left:241px;
}
h2 {
   right:75px;
}
h3 {
   margin: 15px 0px 0px 30px;
   border-bottom: solid 1px #625d3b;
}
/********************** Main ***************************/
#main {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/main_bg.gif);
   background-repeat: repeat-y;
   display:block;
   width:768px;
   height:auto;
}
#content {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/content_bg.gif);
   background-repeat: repeat-y;
   width:768px;
}
/********************** Left - Text ***************************/
#left {
   float:left;
   width:490px;
}
#left p{
   padding: 5px 10px 10px 30px;
}
#left a:hover{color:#d8cd8d;}

/********************** Right - Team ***************************/
#right {
   float:right;
   width:230px;
}
.member {
   display:inline;
   float:left;
   margin-left:10px;
}
.member a{
   font-size: 12px;
   font-weight: bold;
   color: #f5f1d1;
   text-decoration: none;
}
.member img{
   border: none 0px;
}
.member span{
   display:block;
   text-align:center;
   padding: 2px 0px 13px 0px;
   text-transform: uppercase;

}
.member span a{}
.member span a:hover{}

/********************** Footer ***************************/
#footer {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/footer_bg.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:97px;
   text-align:center;
   float:left;
   clear:both;
}
#footer ul{

}
#footer li{
   display:inline;
   float:none;
   text-align:center;
   padding: 0px 10px 0px 10px;
   border-right: solid 1px #908a68;
}
.lastchild{
   border-right: 0px none !important;
}
#footer a{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform:uppercase;
   color: #908a68;
   text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
   font-size: 9px;
   font-weight: bold;
   color: #18160e;
   margin:10px;
   display:block;
}
Mesaj25.05.2009, 04:40 (UTC)    
Mesaj konusu:

Kodları yanlış ayırmışşınız biraz daha dikkatli olursanız sorunu çözebilirsiniz

saygılarımla...
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
Mesaj25.05.2009, 12:14 (UTC)    
Mesaj konusu:

Düzgün bi şekilde ayırabilirmisiniz acaba lütfen... ? Sad
Mesaj25.05.2009, 13:43 (UTC)    
Mesaj konusu:

osmanli-team yazmış:
Düzgün bi şekilde ayırabilirmisiniz acaba lütfen... ? Sad


tasarımın üzerindeki yzı bölümünde hiç bi şablon kodu yok.
demek istediğim verdiğin kodlar sadece css.
yani bu css lerin etki edeceği bir de şablonun kendi html si olması lazım.
siteye sadece css kodu ekleyerek şablon oluşturulmaz demek istiyorum.
diğer kodlar varsa paylaşırsan belki ayırabilirler.
______________

Mesaj27.05.2009, 09:47 (UTC)    
Mesaj konusu:

Tasarım Urlsını Koyarsan Yapabilirim...Ama BuNların Nasıl Yapılacagını OGreten Bir Knudan Bakıp Ögrenerek Yapman Senın ıcın daha iyi olur Her Zaman Kendı Basına Yapabilirsin Smile
Mesaj27.05.2009, 14:56 (UTC)    
Mesaj konusu:

Klasor içinde 2 tane dosya var birisi:

style die. içindeki kodlar şu:

Kod:
body {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/background.gif);
   color: #000000;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 12px;
   margin: 0px;
   padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {
   margin: 0px auto;
   text-align: left;
   width: 780px;
}
a {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif, Verdana;
   font-size: 12px;
}
/********************** Header ***************************/
#header {
   margin: 0px 0px 0px 0px;
   background-image:url(http://img.webme.com/pic/o/osmanli-team/header.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:262px;
}
#menu {
   position:relative;
   background-image:url(http://img.webme.com/pic/o/osmanli-team/menu.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:117px;
}
#menu ul{
   position:absolute;
   top:30px;
   left:265px;
}
#menu li{
   float:left;
   display:inline;
   padding: 0px 0px 0px 10px;
}
#menu a{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bolder;
   text-transform: uppercase;
   color: #d8cd8d;
   text-decoration: none;
}
#menu a:hover{
   color:#3e3c27;
}
h1,h2,h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: bolder;
   text-transform: uppercase;
   color: #171508;
}
h1,h2 {
   position:absolute;
   top:94px;
}
h1 {
   left:241px;
}
h2 {
   right:75px;
}
h3 {
   margin: 15px 0px 0px 30px;
   border-bottom: solid 1px #625d3b;
}
/********************** Main ***************************/
#main {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/main_bg.gif);
   background-repeat: repeat-y;
   display:block;
   width:768px;
   height:auto;
}
#content {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/content_bg.gif);
   background-repeat: repeat-y;
   width:768px;
}
/********************** Left - Text ***************************/
#left {
   float:left;
   width:490px;
}
#left p{
   padding: 5px 10px 10px 30px;
}
#left a:hover{color:#d8cd8d;}

/********************** Right - Team ***************************/
#right {
   float:right;
   width:230px;
}
.member {
   display:inline;
   float:left;
   margin-left:10px;
}
.member a{
   font-size: 12px;
   font-weight: bold;
   color: #f5f1d1;
   text-decoration: none;
}
.member img{
   border: none 0px;
}
.member span{
   display:block;
   text-align:center;
   padding: 2px 0px 13px 0px;
   text-transform: uppercase;

}
.member span a{}
.member span a:hover{}

/********************** Footer ***************************/
#footer {
   background-image:url(http://img.webme.com/pic/o/osmanli-team/footer_bg.jpg);
   background-repeat:no-repeat;
   width:768px;
   height:97px;
   text-align:center;
   float:left;
   clear:both;
}
#footer ul{

}
#footer li{
   display:inline;
   float:none;
   text-align:center;
   padding: 0px 10px 0px 10px;
   border-right: solid 1px #908a68;
}
.lastchild{
   border-right: 0px none !important;
}
#footer a{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform:uppercase;
   color: #908a68;
   text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
   font-size: 9px;
   font-weight: bold;
   color: #18160e;
   margin:10px;
   display:block;
}


index die bi dosya var:

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Counter-stike template</title>
</head>

<body>
<div id="container">
   <div id="header"></div>
   <div id="menu">
      <ul>
         <li><a href="http://www.freewebsitetemplates.com">home</a></li>
         <li><a href="http://www.freewebsitetemplates.com">about me</a></li>
         <li><a href="http://www.freewebsitetemplates.com">members</a></li>
         <li><a href="http://www.freewebsitetemplates.com">services</a></li>
         <li><a href="http://www.freewebsitetemplates.com">links</a></li>
         <li><a href="http://www.freewebsitetemplates.com">contact</a></li>
      </ul>
      <h1>About our clan</h1>
      <h2>Team roster</h2>
   </div>
   
   <div id="main"><br />
      <div id="content">
      
         <div id="left">
            <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p>
                  
         <p>This is a template designed by free website templates for you for free you can replace all the text by your own
         text. This is just a place holder so you can see how the site would look like.</p>
         
         <p>You can remove any link to our websites from this template you're  free to use the template without linking
         back to us.</p>
         
         <p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.freewebsitetemplates.com/forum/">forum</a>.</p>
         
         <h3>CS Features</h3>
         <br />
         <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
         <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
         <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p>
         <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
         
         </div>
         <div id="right">
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member1.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Cyberstriker</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member2.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Swatman</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member3.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Hunter</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member4.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Cosmic</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member2.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Wolfcry</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member1.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Blade</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member4.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Zerocool</a></span>
               </div>
               <div class="member">
                  <a href="http://www.freewebsitetemplates.com"><img src="http://img.webme.com/pic/o/osmanli-team/member3.gif" alt="member" /></a>
                  <span><a href="http://www.freewebsitetemplates.com">Newbie</a></span>
               </div>
         </div>
         <div class="clear"></div>
      </div>
      
   </div>
   <div id="footer">
      <br /><br />
      <ul>
         <li><a href="http://www.freewebsitetemplates.com">home</a></li>
         <li><a href="http://www.freewebsitetemplates.com">about me</a></li>
         <li><a href="http://www.freewebsitetemplates.com">members</a></li>
         <li><a href="http://www.freewebsitetemplates.com">services</a></li>
         <li><a href="http://www.freewebsitetemplates.com">links</a></li>
         <li class="lastchild"><a href="http://www.freewebsitetemplates.com">contact</a></li>
      </ul>
      <span>© counter strike 2006. All rights reserved.</span>   </div>   
</div>
</body>
</html>


bi yardımcı olursanız çok sevinirim....
Mesaj27.05.2009, 17:05 (UTC)    
Mesaj konusu:

Sen Bu kodu Ekle Tamamdır Senın ısın
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;}

Eger rEsım Sılnırse div.header{display: none;} bunu sıl
Önceki mesajları göster:   


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