Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.08.2008, 12:58 (UTC)    
Mesaj konusu: Şu uygulamayı nasıl yapacağım ?

aynı uygulamadan banada uyarlarmısınız:http://www.free-css-templates.com/preview/Butterfly/

Düzenleme : ironarchives
Lütfen Açtığınız Başlıklar Konuyu Özetleyici Şekilde Olsun
Wink


En son volkantas tarafından 19.08.2008 14:47:37 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj19.08.2008, 13:00 (UTC)    
Mesaj konusu:

Merhaba

http://www.bedava-sitem.com/forum/viewtopic.php?t=25694 İnceleyiniz

İyi Eğlenceler

______________
Mesaj19.08.2008, 16:40 (UTC)    
Mesaj konusu: cevap

kardeş ben bunu biliyom ama yapamadım bi arkadaşa benzerini yapıp kodları koymuşun,benzeri olan tasarımın adresi o rica etsem yaparmısın?
Mesaj19.08.2008, 17:40 (UTC)    
Mesaj konusu: Re: cevap

volkantas yazmış:
kardeş ben bunu biliyom ama yapamadım bi arkadaşa benzerini yapıp kodları koymuşun,benzeri olan tasarımın adresi o rica etsem yaparmısın?



tasarım ayarlaro> gelişmis ayarlar... >css kutusuna

Kod:
body {
   text-align:center;
}
a {
   text-decoration:none;
}
a:hover {
   text-decoration: underline;
}
#wrap {
   width:800px;
   text-align:left;
   margin:0 auto;
}
.float-l {
   float:left
}
.folat-r {
   float:right
}
.clearfix {
   clear:both
}
/* header */
#header {
   background:url(http://img169.imageshack.us/img169/3430/headeroj9.gif) no-repeat;
   height:229px
}
#header h1 {
   font-size:38px;
   padding-top: 50px;
   padding-left: 130px;
   color:#9cdbfb
}
#header div {
   font-size:14px;
   padding-left: 140px;
   color:#9cdbfb
}
ul#meun li a {
   padding-left:5px
}
/* content */
#content {
   background:url(http://img169.imageshack.us/img169/6107/contentjd7.gif) no-repeat;
   height:430px
}
#content {
   padding:0px 55px 0 55px;
}
#content .left {
   width:400px
}
#content h2 {
   font-size:30px
}
#content p {
   padding:10px 0px;
}
#content .right {
   width: 243px;
}
#top {
   width: 200px;
   padding-left: 50px;
   padding-top: 50px;
}
#top li {
   list-style:url(http://img128.imageshack.us/img128/1239/arrowbv6.gif) inside
}
#top a {
   color:#99cc66;
   line-height:20px
}
#inner {
   padding-top: 100px;
}
#img {
   background:url(http://img143.imageshack.us/img143/8153/imgbgnb4.gif);
   height:83px
}
#img img {
   padding:8px
}
/* footer */
#footer {
   background:url(http://img143.imageshack.us/img143/5913/footerup7.gif) no-repeat;
   height:141px;
   text-align:center
}
#ftlink {
   padding-top: 40px;
}
#ftlink, #copyright {
   padding-bottom:8px;
}





Her Sayfa için ....



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=utf-8" />
<title>title</title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="wrap">
  <div id="header">
    <h1>www.siteismi.tr.gg </h1>
    <div>Buraya Sloganınızı yazınız...</div>
  </div>
  <!-- /header -->
  <div id="content">
    <div id="inner">
      <div class="left float-l">
        <div id="blog">
          <h2>Site içerik alanı....</h2>
          <p>buraya istediğin kod yada yazıyı yaz</a>.
           
            buraya istediğini yap</p>
        </div>
        <div id="img"> <img src="Buraya istediğin bir resim url si kod" alt="" /> <img src="Buraya istediğin bir resim url si kod" alt="" /> <img src="Buraya istediğin bir resim url si kod" alt="" /> <img src="Buraya istediğin bir resim url si kod" alt="" /> </div>
      </div>
      <div class="right folat-r">
        <div id="top">
          <h2>Sections</h2>
          <ul id="meun">
            <li><a href="#">link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a></li>
            <li><a href="#">link</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- /content -->
  <div id="footer">
    <div id="ftlink"> <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> | <a href="#">link</a> </div>
    <p id="copyright">© 2008.  <br/>
      edit by<a href="/">sedatca.tr.gg</a>, .... <a href="/"></a></p>
    <div id="xhtml"><img src="http://img116.imageshack.us/img116/2116/xhtmljm7.gif" alt=" xhtml vaild" /> <img src="http://img116.imageshack.us/img116/806/csszh1.gif" alt="css vaild" /></div>
  </div>
  <!-- /footer -->
</div>
</body>
</html>





Arkadasım her sayfa ıcın koyacagın kodda link koyacagın yerleri link olarak bekirttim....


Birde indexte 4 tane resim vardı o resimlerin yerine senın ısteyecegın bır resımde olabılır onuda kodda istediğin bir resim url si diye yeazım....


Selametle...
Önceki mesajları göster:   


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