Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj27.08.2012, 15:10 (UTC)    
Mesaj konusu: Yardım Atarsanız Sevinirim :)

selam yeniyim de.

arkadaşlar bn tasarım yaptım resimleri koyuyorum ama tek anasayfa butonlarını sağa vea sola alamıyorum nasıl alcam yardıms.
Mesaj27.08.2012, 15:17 (UTC)    
Mesaj konusu:

Kardeş sen tasarımı arkaplan olarak eklemişsin. Tasarım olarak değil Smile Tasarım olarak kodlamak bilmiyorsan özel mesajdan sana videolu anlatım göndereyim.
Mesaj27.08.2012, 15:39 (UTC)    
Mesaj konusu:

Öncelikle css temada bunlar büyük gibi gözüken küçük sorunlar...

İlk olarak
Tasarım Ayarları
Gelişmiş Ayarlar
CSS Kodu
bölümüne aşağıdaki kodu ekle...


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


Daha sonra BURAYA tıklayarak açılan sayfadaki menü kodunu kopyalayın... Kendinize göre basit bir menü ayarlayın.. (Kodlarda ufak değişiklikler yaparak.. Eğer hiç bilginiz yoksa aşağıda çok basit 2 renkten oluşan bir menü kodu var.. Onu kullanın...

Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #eaedc0;
display: block;
height: 15px;
width: 185px;
color: #000;
text-decoration: none;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #ffff01;
color: #000;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    </ul>
    </div>
</ul>
</div>


Bunu da hazırladığınızı varsayalım... Yalnız tasarıma baktığımda hatalar var... Bu hataları gidermek için önce açıklama yapalım (Balık yemeyi değil tutmayı öğretelim).. Fakat bunun yanında bir de kodları buradan düzenleyerek size ulaştıralım...

Tasarım çizmek ve kodlamak vardır.. İster hiçbir programa ihtiyaç duymadan div ile kodlarsınız, ister Dreamweaver programını kullanarak tablo oluşturarak kodlarsınız.. Bunlar ayrı şeylerdir...

Sizin tasarımınızda hata şudur... Tasarımda bir sol ve bir sağ olmak üzere 2 menü ve içerik bölümü vardır.. Yalnız dikkat etmelisiniz ki içerik bölümü doğru yerde durmamaktadır.. Bunu düzenlemek için tasarımı kodlamak gerekir (Aynı şekilde menü de doğru yerinde durmamaktadır).. Bunlar hatalı olursa zaten başarılı bir site olamaz... Hatta size olamaz...

Şimdi herhangi bir arama motorunda (google) "TR.GG Web Tasarım Kodlamak" adı altında arama yapınız ve öğrenmeye çalışınız.. Birçok videolu + resimli anlatım zaten mevcut.. İnşallah emek sarfeder ve öğrenirsiniz...

Bu tema için kodları size ben hazırlıyorum.. İşte Kodlar...

NOT: Kodları Tasarım Ayarları > Gelişmiş Ayarlar bölümüne ekleyeceksiniz...


------------------------------------------------------------------
TASARIMIN ÜSTÜNDEKİ YAZI
------------------------------------------------------------------


Kod:
<table width="1153" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="191" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/antifbdusmanlari_01.png"><table width="1153" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="132" align="center" valign="middle"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 75px; ">ANTİFENERBAHÇEDÜŞMANLARI</span></span></span></td>
      </tr>
    </table>
      <table width="1153" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td width="10">&nbsp;</td>
          <td width="1131" align="left" valign="top"><marquee><span style="font-family: Calibri; "><span style="font-size: 13px; ">Buraya kayan yazı ekleyebilirsiniz...</span></span></marquee></td>
          <td width="12">&nbsp;</td>
        </tr>
    </table>
      <table width="1153" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="10" height="30">&nbsp;</td>
          <td width="1139" align="left" valign="middle"><a href="#"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 20px; ">Ana Sayfa</span></span></span></a>  <a href="#"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 20px; ">Yorumlar</span></span></span></a>  <a href="#"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 20px; ">İletişim</span></span></span></a>  <a href="#"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 20px; ">Hakkımızda</span></span></span></a>  <a href="#"><span style="font-family: Calibri; "><span style="color: #ffff00; "><span style="font-size: 20px; ">Fenerbahçe</span></span></span></a>  </td>
          <td width="10">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td height="230" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/antifbdusmanlari_02.png"><table width="1153" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="184" height="117" align="left" valign="top">
       
       
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover ul li a {
background-color: #eaedc0;
display: block;
height: 15px;
width: 175px;
padding-left: 10px;
color: #000;
text-decoration: none;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #ffff01;
color: #000;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    </ul>
    </div>
</ul>
</div>


</td>
        <td width="25">&nbsp;</td>
        <td width="718" align="left" valign="top"><div id="content">


------------------------------------------------------------------
TASARIMIN ALTINDAKİ YAZI
------------------------------------------------------------------


Kod:
        </td>
        <td width="36">&nbsp;</td>
        <td width="190" align="right" valign="top">
       
       
       
       
<style type="text/css">
#linkhover2 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:left;
}
#linkhover2 ul li a {
background-color: #eaedc0;
display: block;
height: 15px;
width: 180px;
padding-left: 10px;
color: #000;
text-decoration: none;
background-position: 0px 0px;
}
#linkhover2 ul li a:hover {
background-color: #ffff01;
color: #000;
background-position: 0px 0px;
}
</style>
<div id="linkhover2">
<ul>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    <li><a href="SAYFANIN LİNKİ">SAYFANIN ADI</a></li>
    </ul>
    </div>
</ul>
</div>




</td>
        </tr>
    </table></td>
  </tr>
</table>


------------------------------------------------------------------
CSS KODU
------------------------------------------------------------------


Kod:
table {margin-left: auto;margin-right: auto} /* Reklam Ortalama */


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

body,td,th {
   font-family: Calibri, Arial;
   font-size: 12px;
   color: #000;
}
body {
   background-color: #010080;
}
a {
   font-family: Calibri, Arial;
   font-size: 12px;
   color: #000;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #000;
}
a:active {
   text-decoration: none;
   color: #000;
}


Tek bir şey istiyorum..
BİR KEZ ALLAH RAZI OLSUN DEMENİZİ...
Mesaj27.08.2012, 22:09 (UTC)    
Mesaj konusu:

ya ben böyle şeylerden anlamıyorum bana böyle tam uğraşmıcak kod ve yatay lazım :S
______________
Önceki mesajları göster:   


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