Forum'da ara:
Ara


Yazar Mesaj
Mesaj28.04.2009, 09:14 (UTC)    
Mesaj konusu: Tasarımı Halledemiyorum



Bu Tasarımı Bir Türlü Yapamadım Lütfen Bana yaparmısınız
Çok Acil

buda İndirme Adresi
http://www.freewebsitetemplates.com/download.php?template=musicstore
Mesaj28.04.2009, 09:41 (UTC)    
Mesaj konusu:

Birisi Yapsın Şunu Ne Olur YAa : Crying or Very sad Rolling Eyes
Mesaj28.04.2009, 10:51 (UTC)    
Mesaj konusu:

LÜTFEN .............................................................................................................................N


YA.......................................................................A
Crying or Very sad
Mesaj28.04.2009, 13:27 (UTC)    
Mesaj konusu:

Tasarımın Üzerine



Kod:
<div id="outer">
   <div id="wrapper">
      <div id="header">
         <h1>Musicmania</h1>
         <p>Online Music Store</p>
      </div>
      <div id="naw">
         <div id="head"></div>
         <div id="head-pip"></div>
         <ul>
            <li id="m1"><a href="http://www.freewebsitetemplates.com">Latest News</a></li>
            <li id="m2"><a href="http://www.freewebsitetemplates.com">Music</a></li>
            <li id="m3"><a href="http://www.freewebsitetemplates.com">About</a></li>
            <li id="m4"><a href="http://www.freewebsitetemplates.com">Visuals</a></li>
            <li id="m5"><a href="http://www.freewebsitetemplates.com">Online Stores</a></li>
            <li id="m6"><a href="http://www.freewebsitetemplates.com">Contact</a></li>
         </ul>
         <div id="search">
            <h2>Search Music Online</h2>
            <form action="http://www.freewebsitetemplates.com/">
               <input type="text" class="text" name="q" value="" id="q" /> <input type="submit" name="submit" value="Go &gt; &gt;" id="submit" class="submit" />
            </form>
            <a href="http://www.freewebsitetemplates.com">Advanced Search</a> | <a href="http://www.freewebsitetemplates.com">Search Tips</a>
         </div>
      </div>
      <div id="body">
         <div id="body-inner">
            <div id="body-left">
               <div id="topic-pic">
                  <img src="images/pic_1.jpg" width="259" height="199" alt="Pic 1" />
               </div>
               <h2>Dietary nutrients</h2>
                  <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>
         
         
         
         
               <ul class="blank">
                  <li><a href="http://www.freewebsitetemplates.com">&gt; &nbsp; Top 10 Countdown</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">&gt; &nbsp; New Releases</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">&gt; &nbsp; Folk Collections</a></li>
                  <li><a href="http://www.freewebsitetemplates.com">&gt; &nbsp; Devotional</a></li>
               </ul>
               <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>
            </div>
            <div id="body-right">
               <h2>HackeR FrienD.Net</h2>



Tasarım Altına

Kod:

</div>
            <div class="clear"></div>
         </div>
         <div id="copyright">
            <div id="copyright-left">
               Copyright &copy; 2006,www.mediamajic.com,all right reserved
            </div>
         </div>
         <div class="clear">&nbsp;</div>
      </div>
   </div>
</div>





Css Koduna



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

html, body, ul, li, h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
   list-style: none;
}
h1 img {
   display: block;
}
img {
   border: 0;
}
a {
   color: #333;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #f00;
}
.left {
   float: left;
}
.right {
   float: right;
}
.more {
   text-align: right;
}
.clear {
   clear: both;
}
body {
   text-align: center;
   font: 12px arial, sans-serif;
   background: #eee;
}
#outer {
   background: top center url(http://www.freewebsitetemplates.com/preview/musicstore/images/header_bg.jpg) repeat-x;
}
#wrapper {
   text-align: left;
   margin: auto;
   width: 756px;
}

#header {
   background: top left url(http://www.freewebsitetemplates.com/preview/musicstore/images/logo.gif) no-repeat;
   height: 78px;
}
#header h1 {
   color: #FD2E00;
   font-weight: normal;
   font-size: 22px;
   padding: 20px 0 0 70px;
   margin: 0;
}
#header p {
   color: #333333;
   padding: 0 0 10px 70px;
   margin: 0;
}
#naw {
   background: url(http://www.freewebsitetemplates.com/preview/musicstore/images/header_c_bg.gif) repeat-x;
   position: relative;
   height: 370px;
}
#naw a {
   color: #E7E4E4;
   text-decoration: none;
}
#naw a:hover {
   color: #fff;
   text-decoration: none;
}
#naw ul {
   padding: 70px 0 0 382px;
   margin: 0;
   position: relative;
   z-index: 1;
}
#naw li {
   background: left center url(http://www.freewebsitetemplates.com/preview/musicstore/images/bullet.gif) no-repeat;
   padding: 10px 0 8px 30px;
   margin: 0;
}
#naw li#m1 { margin-left: 19px; }
#naw li#m2 { margin-left: 11px; }
#naw li#m3 { margin-left: 3px; }
#naw li#m4 { margin-left: 0px;  }
#naw li#m5 { margin-left: 2px; }
#naw li#m6 { margin-left: 8px; }
#naw a {
   font-weight: normal;
}
#search {
   margin: 23px 0 0 400px;
}
#search h2 {
   font-weight: normal;
}
#search form {
   margin: 0;
   padding: 0 0 10px 0;
}
#search input.text {
   border: 1px solid #333;
   background: #E7E4E4;
}
#search input.submit {
   border: none;
   background: #E7E4E4;
}
#search a {
   color: #333;
   padding: 0 5px;
}
#search a:hover {
   color: #300;
}
#head {
   background: url(http://www.freewebsitetemplates.com/preview/musicstore/images/header.jpg) no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 382px;
   height: 370px;
}
#head-pip {
   background: url(http://www.freewebsitetemplates.com/preview/musicstore/images/header_pip.jpg) no-repeat;
   position: absolute;
   top: 0;
   left: 382px;
   width: 48px;
   height: 94px;         
}

#body {
   background: top left #EEEEEE url(http://www.freewebsitetemplates.com/preview/musicstore/images/body_bg.gif) repeat-y;
   position: relative;
   left: -10px;
   width: 775px;
}
#body-inner {
   padding: 28px 23px 28px 31px;
}
#body-left {
   float: left;
   width: 281px;
}
#body-right {
   float: right;
   width: 384px;
}
#topic-pic {
   background: #666;
   padding: 10px;
}
#body-left h2 {
   background: #f00;
   font-size: 12px;
   color: #fff;
   padding: 6px 23px;
   margin: 6px 0 60px 0;
}
#body-left ul {
   margin: 30px 55px;
}
#body-left li {
   margin: 5px;
}

#body-right .box {
   padding: 15px;
   background: #fff;
   border: 1px solid #999;
   margin: 3em 0;
}
#body-right h2 {
   font: 18px "arial narrow", arial, sans-serif;
}
#body-right .box p {
   margin: 0 0 1em 0;
}
#body-right .box .left {
   margin-right: 15px;
   border: 1px solid #999;
}
#body-right .box .btns {
   text-align: right;
   padding-top: 10px;
   position: relative;
}
.btns a {
   background: left #CC0000 url(http://www.freewebsitetemplates.com/preview/musicstore/images/btn.gif) repeat-y;
   border: 2px solid #E68282;
   border-color: #E68282 #650000 #650000 #9C2828;
   color: #fff;
   font-weight: normal;
   padding: 3px 15px 3px 20px;
   position: relative;
}
.btns a:hover {
   background-color: #EF1818;
   color: #fff;
}

#copyright {
   background: top left url(http://www.freewebsitetemplates.com/preview/musicstore/images/footer_bg.gif) repeat-x;
   float: right;
   width: 425px;
   clear: both;
   margin-right: 9px;
   padding-bottom: 30px;
   _margin-right: 5px;
}

#copyright-left {
   background: top left url(http://www.freewebsitetemplates.com/preview/musicstore/images/footer_left.gif) no-repeat;
   padding: 27px 30px;
   font-size: 11px;
   text-align: center;
}



Bu Tür Tasarımları Hackerfriend adresinde bulabilirsin Wink
______________
Önceki mesajları göster:   


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