Forum'da ara:
Ara


Yazar Mesaj
Mesaj23.02.2012, 20:14 (UTC)    
Mesaj konusu: Arkadaşlar Acill Bakarmısınız!!
Alıntıyla Cevap Gönder
http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/preview.php

Arkadaşlar bu tasarımı ayırabilirmisiniz lütfen çok acil lazım Exclamation
↑
Mesaj24.02.2012, 11:30 (UTC)    
Mesaj konusu: Re: Arkadaşlar Acill Bakarmısınız!!
Alıntıyla Cevap Gönder
pith10 yazmış:
http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/preview.php

Arkadaşlar bu tasarımı ayırabilirmisiniz lütfen çok acil lazım Exclamation


Özel mesajdan iletişime geçin yardımcı olayım Wink
______________

Arrow Ethical Hacker Arrow Professional Web Designer
↑
Mesaj25.02.2012, 09:36 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
msj attım kardeş
↑
Mesaj25.02.2012, 11:32 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
TASARIMIN ÜSTÜNE

Kod:
    <body>      
          <div id="header_bg">
            <div id="menu">
               <ul>
                  <li><a href="index.html" class="active">Home</a></li>
                  <li><a href="blog.html">Blog</a></li>
                  <li><a href="gallery.html">Gallery</a></li>
                  <li><a href="aboutus.html">About Us</a></li>

                  <li><a href="contact.html">Contact Us</a></li>
               </ul>
               <div class="clear"></div>
            </div>
            

            <div id="logo">
               <h1><a href="#">metamorph_grassgreen</a></h1>
               <a href="#"><small>Small Company Slogan Goes Here</small></a>

            </div>
            <div id="prew_img">
            
               <ul class="round">
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header1.jpg" alt="" /></li>
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header2.jpg" alt="" /></li>
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header3.jpg" alt="" /></li>
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header4.jpg" alt="" /></li>
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header5.jpg" alt="" /></li>
         <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/header6.jpg" alt="" /></li>

</ul>
<script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/lib/jquery.js"></script>
<script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/lib/jquery.roundabout.js"></script>
<script type="text/javascript">
         
         $(document).ready(function() {
            $('.round').roundabout();
         });
      
      </script>
            
            </div>
            
   
<div id="black_bg">
         <div id="wrap">
            
            <div id="content">
            
                <div class="content-container">

         <div class="info-box">
            <h3>Our Services</h3>
            <ul id="services">
               <li><a href="#">Operations consulting</a></li>
               <li><a href="#">Program and project management</a></li>
               <li><a href="#">Technology and innovation</a></li>
               <li><a href="#">Information technology</a></li>

               <li><a href="#">People and organizational change</a></li>
            </ul>
         </div>
         <div class="info-box wide-box">
            
            <h3>Proin accumsan congue</h3>
            <div>
               <p>



TASARIMIN ALTINA

Kod:
</p>

            </div>
         </div>
         <div class="clear"></div>
      </div>
   </div>
   <div class="content-container middle-side">
      
      <div class="clear"></div>
   </div>
            
            </div>
                 
               <!-- bottom begin -->
    <div id="bottom_bot">
    <div id="bottom">
    <div id="b_col1">

            <h3>Useful Resources</h3>
           <div style="height:10px"></div>
                <ul class="spis_bot">
                    <li><a href="#">Lorem ipsum dolor sit amet </a></li>
                    <li><a href="#">Maecenas in magna quis augue</a></li>
                    <li><a href="#">Ut a mauris nec eros consect</a></li>
                    <li><a href="#">Nam luctus felis at mauris co </a></li>

                    <li><a href="#">Aliquam sagittis ligula sit amet </a></li>
                    <li><a href="#">Quisque sit amet est id urna</a></li>
                </ul>
            </div>
           <div id="b_col2">
                <h3>Contact Information</h3>
                <div style="height:15px"></div>

                <div style="padding-left:10px">
                    <div  class="box_us">
                          <div  class="box_us_l">
                            <img src="images/fish_us1.png" alt="" />
                          </div>
                          <div  class="box_us_r">
                                <b class="lh">1234 Some Street, Brooklyn, NY 11201</b>
                          </div>

                          <div style="clear: both; height:10px;"></div>
                    </div>
                    <div  class="box_us">
                          <div  class="box_us_l">
                            <img src="images/fish_us2.png" alt="" />
                          </div>
                          <div  class="box_us_r">
                                <b class="lh">Phone:  1(234) 567 8910<br />

                           Fax: 1(234) 567 8910
                                </b>
                          </div>
                          <div style="clear: both; height:10px;"></div>
                    </div>
                    <div  class="box_us">
                          <div  class="box_us_l">
                            <img src="images/fish_us3.png" alt="" />
                          </div>

                          <div  class="box_us_r">
                                <b class="lh">E-mail: companyname( at )yahoo.com</b>
                          </div>
                          <div style="clear: both; height:10px;"></div>
                    </div>
                 </div>
         </div>

  <div id="b_col3">

                <h3>Share with Others</h3>
          <div style="height:15px"></div>
                <ul>
                    <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/fu_i1.png" class=" fu_i" alt="" /><a href="#">Subscribe to Blog</a></li>
                    <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/fu_i2.png" class=" fu_i" alt="" /><a href="#">Be a fan on Facebook</a></li>
                    <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/fu_i3.png" class=" fu_i" alt="" /><a href="#">RSS Feed</a></li>
                    <li><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/fu_i4.png" class=" fu_i" alt="" /><a href="#">Follow us on Twitter</a></li>

                </ul> 
                   
            </div>
      <div style="clear: both; height:20px;"></div>
    </div>
    </div>
<!-- bottom end -->

            </div>   
         <div id="footer">
            <p>Copyright  2011. <!-- Do not remove -->Designed by <a href="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a><!-- end --></p>

              <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
         </div>
      </div>
    </body>

</html>






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





/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*{
    margin: 0px;
    padding: 0px;
}

img, fieldset{
    padding: 0px;
    border: none;
   margin: 0px;
   line-height: 0px;
}

a{
    color: #174500;
    text-decoration: none;
   font-weight: bold;
}

a:hover {
    text-decoration: none;
    color: #ff0000;
}

h2{
   font: 24px Arial, Helvetica, sans-serif;
   color: #174500;
   font-weight: normal;
   padding-top: 20px;
   padding-bottom: 20px;
}

h3{
   font: 18px Arial, Helvetica, sans-serif;
   color: #174500;
   font-weight: normal;
   padding-bottom: 5px;
}

body{   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    background: #242424 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/content_bg.jpg) fixed center ;
}

.clear{
   clear: both;   
}

.read{
   text-align: right;
   padding-right: 5px;
}

.read a{
   font-weight: bold;
   color: #174500;
}

.read a:hover{
   color: #174500;
}

#wrap{
   width: 1054px;
   margin: 0 auto;
   padding-top: 30px;
}

/*
   header
*/
#black_bg{
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/bg.png);
   width: 1000px;
   margin: 0 auto;
}

#header_bg{
   height: 532px;
}

/*
   menu
*/

#menu{
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/menu.png) top left;
   height: 73px;
   width: 100%;
}

#menu ul{
   padding-left: 0px;
    list-style: none;
   width: 800px;
   margin: 0 auto;
}

#menu ul li{
   display: inline;
}

#menu ul li a{
   font: 18px  Arial, Helvetica, sans-serif;
    color: #ffffff;
   text-align: center;
    font-weight: normal;
    text-decoration: none;
    display: block;
    float: left;
    width: 160px;
    height: 70px;
   line-height: 70px;
}

#menu ul li a:hover,  #menu ul li .active{
   color: #ffffff;
   text-decoration: underline;
}


/*logo*/

#logo{
   width: 1032px;
   margin: 0 auto;
   height: 52px;
   padding-top: 30px;
   padding-left: 75px;
}

#logo h1 a{
   font: 14px Arial, Helvetica, sans-serif;
   color: #174500;
   font-weight: bold;
   text-decoration: none;
}

#logo a small{
   font: 12px Arial, Helvetica, sans-serif;
   color: #174500;
   font-weight: normal;
   text-decoration: none;
}

#prew_img{
   height: 297px;
}

/*
   content
*/

#wrap
{

width: 100%
}

#content{
width: 710px;
margin: 1 auto   
}

.content-container {width:1152px;margin:0 auto;padding: 0px 24px}
.info-box .readmore-small img {display:block;width:111px;height:33px}
.middle-side .info-box.no-delimeter {background:none}
.info-box .positioned-btn {position:absolute;bottom:0}
#services {margin:0;padding:0;font-size:12px;list-style:none}
#services li {padding:0 0 0 16px;margin-bottom:20px;display:inline-block;background:url('http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/list-marker.gif') no-repeat left center}
#services a {color:#174500}
.info-box.wide-box {width:574px}
.info-box {float:left;position:relative;padding:0 -26px ;width:264px;text-align:left}
.clear {clear:both;display:block;font-size:0;line-height:0;height:0}
.photo {border:1px solid #174500;padding:3px;background:#fff}
.photo2 {border:1px solid #174500;padding:3px;background:#fff; float: left; margin-right: 10px}

.content-container H4 {font-size: 20px; color: #174500; padding-bottom: 10px; font-weight: normal}
.content-container H3 {font-size: 24px; color: #174500; padding-bottom: 10px;}


/*contact, blog*/

.ls{
    list-style: none;
    padding-left: 0px;
}

.ls li{
    margin-bottom: 4px;

    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/bot_bor.png) repeat-x bottom;
}

.ls li a{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/spis_bot.gif) no-repeat 0px 6px;
    display: block;
    padding-left: 15px;
    padding-bottom: 4px;
    color: #000000;
    font-weight: normal;
}

.ls li a:hover{
    color: #a7001c;
}

.ls_style{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/spis_bot.gif) no-repeat 0px 6px;
    display: block;
    padding-left: 15px;
    color: #000000;
}

.contact_content_bg{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/con_bg.png) repeat-y center;
    padding-left: 20px;
}

.contact_content_left{
    padding-right: 20px;
    float: left;
    width: 656px;
   
}

.contact_content_left p{
    line-height: 20px;
}

.contact_content_right{
    float: left;
    width: 274px;
}

#contact_form fieldset {
    border: none;
}

#contact_form input {
    margin-bottom: 5px;
}

#contact-submit{
    width: 150px;
    height: 40px;
    color: #ffffff;
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/contact_but.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#contact-clear{
    width: 150px;
    height: 40px;
    color: #ffffff;
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/contact_but.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

#con_name, #con_email, #con_website {
    width: 566px;
    height: 26px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/input_bg.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    color: #000000;
    padding-bottom: 5px;
}

#con_mess {
    width: 566px;
    height: 125px;
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    border: none;
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/mess_text.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    color: #000000;
    margin-bottom: 10px;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight: normal;
    color: #174500;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
}

.contact_content_left h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight: normal;
    color: #174500;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 10px;
}

.contact_content_left h5{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/bot_bor.png) repeat-x bottom;
    padding-top: 0px;
    margin-bottom: 10px;
}

.contact_content_right h6{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/title.png) no-repeat top left;
    text-align: center;
    width: 274px;
    height: 40px;
    padding-top: 14px;
}

.pad_left_con{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}





/*aboutus*/

.datebox{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/bot_bor.png) repeat-x bottom;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.datebox a{
    font-weight: normal;
}

.date, .user, .com{
    width: 33.3%;
    float: left;
}

.date a{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/date.jpg) no-repeat 0px 1px;
    padding-left: 20px;
    display: block;
    height: 17px;
    margin-left: 3px;
}

.user a{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/user.jpg) no-repeat 0px 3px;
    padding-left: 20px;
    display: block;
    height: 17px;
}

.com a{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/com.jpg) no-repeat 0px 3px;
    padding-left: 20px;
    display: block;
    height: 17px;
}
.bot_bor{
    background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/bot_bor.png) repeat-x bottom;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}


#b_col1 {
   width: 253px;
   float: left;
   margin-left: 43px;
}
#b_col2 {
   width: 253px;
   float: left;
   margin-left: 85px;
}
#b_col3 {
   width: 253px;
   float: left;
   margin-left: 85px;
   text-align: left;
}


.box_us {
width: 244px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/box_us.gif) 0px bottom repeat-x;
}

.box_us_l {
width: 27px;
float: left;
padding-top:3px;}

.box_us_r {
width: 217px;
float: left;}


.spis_bot {
   list-style:none;
   padding: 0px 0px 0px 14px;}

.spis_bot li {
   padding: 5px 0px 0px 18px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/spis_bot.gif) 0px 12px no-repeat;
   }
   
.spis_bot a {
   color:#174500;
   text-decoration:none;
   font-weight: 100;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/spis_bot_a.gif) bottom repeat-x;
   display: block;
   font-weight:bold;}
.spis_bot a:hover {
   text-decoration: underline;
   }
   
.fu_i {
   padding: 0px 14px 0px 0px;
   vertical-align: middle ;
}

#b_col3 ul {
   list-style:none;
   padding: 0px 0px 0px 32px;}

#b_col3 li {
   padding: 8px 0px 2px 0px;
   background: none;
   }
   
#b_col3 li a {
   color:#174500;
   text-decoration: none;
   font-weight: bold;}
   
#b_col3 li a:hover {
   text-decoration: underline;
}

#bottom_bot {
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/razd_h.gif) repeat-x;
   padding-top: 10px;
   margin-top: 10px
}

/* gallery */

.gallery {
   }
   
.gallery_bot {
   padding: 5px 5px 0px 5px;

}

.row {
   padding: 0px 0px 0px 0px;
   height: 284px;
}

.box_img2 {
   width: 308px;
   height: 274px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/box_img.gif) left top no-repeat;
   padding: 10px 10px 0px 10px;
   float:left;
}

.gallery h3 {
   padding: 5px 0px 5px 0px;
   color: #174500;
   font-size: 16px;
   text-align: left;
}

.box_razd {
   width: 10px;
   height: 50px;
   float: left;
}

.gallery h1 {
   padding: 5px 0px 15px 8px;
   color: #174500;
   font-size: 16px;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/h1_gallery.jpg) left top no-repeat;}

.gal_num {
   width:16px;
   height:22px;
   padding: 3px 0px 0px 9px;
   display:block;
   background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/gal_num.gif) left top no-repeat;
   color: #174500;
   font-size: 12px;
   margin: 0px 10px 0px 0px;
   text-decoration:none;
   float: left;}
   
.gal_num:hover {
   background:url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_grassgreen/images/gal_num_hover.gif) left top no-repeat;
   text-decoration: none;}

.g_size
{
width: 308px;
height: 162px;
}

/*
   footer
*/

#footer{
   padding: 25px;
   text-align: center;
   font-size: 11px;
}

#footer a{
   font-size: 11px;
   font-weight: normal
}



/*
Header scroll
*/

#prew_img
{
width: 1000px;
margin-left: -30px;
margin: 0 auto;
padding-top: 80px;
}


.roundabout-holder {
            list-style: none;
            width: 50em;
            height: 10em;
            margin: 1em auto;
         }
         
         .roundabout-moveable-item {
            height: 300px;
            width: 562px;
            cursor: pointer;
         }
         
   
   .roundabout-moveable-item img {
            width: 100%;
            height: 100%;
         }
   
   .roundabout-in-focus { cursor: auto; }




Not : Resimleri ve bulunan javascript kodlarını bır yere yukle silinirse tasarım gider :=)
↑
Mesaj25.02.2012, 11:44 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
çok teşekkür ederim Smile
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.