Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj08.08.2009, 08:56 (UTC)    
Mesaj konusu: Nilüfer Tasarım V1.0 İlk Tasarımımı Paylaşıyorum...

Tasarımın Üstü

Kod:
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
.style2 {color: #FFFFFF; font-weight: bold; }
.style3 {color: #0099FF}
.style4 {color: #000000}
-->
</style>
 <div class="size">
        <div class="header">
            <div class="header01">
                <div class="logo">
                    <img src="http://img198.imageshack.us/img198/4995/img15n.jpg" alt="" />
                </div>
                <div class="hright">
                    <div class="hr01">
                        <div class="style1 hr0101"><strong><a href="http://www.nilufer-tasarim.tr.gg">Anasayfa</a></strong></div>
                        <div class="hr0102">
                            <a href="http://nilufer-tasarim.tr.gg/ana-sayfa.htm"></a></div>
                        <div class="hr0102">
                            <a href="http://nilufer-tasarim.tr.gg/iletisim.htm" class="style2">İletişim</a></div>
                        <div class="hr0102 style1"><a href="http://nilufer-tasarim.tr.gg/Z-.-defter.htm"><strong>Z.Defteri</strong></a></div>
                    </div>
                    <div class="hr02"></div>
                </div>
            </div>
            <div class="mnav">
                <img class="mnimgl" src="http://img193.imageshack.us/img193/5783/img37t.jpg" alt="" />
                <img class="mnimgr" src="http://img268.imageshack.us/img268/4318/img50p.jpg" alt="" />
                <div class="mnm">
                    <ul>
                        <li><a href="http://nilufer-tasarim.tr.gg/">Anasayfa</a></li>
                        <li><a href="http://nilufer-tasarim.tr.gg/Hizmetlerim.htm">Hizmetlerimiz</a></li>
                        <li><a href="http://nilufer-tasarim.tr.gg/Referans.htm">Referanslarımız</a></li>
                        <li><a href="http://nilufer-tasarim.tr.gg/Hakkimda.htm">Hakkımda</a></li>
                        <li><a href="http://nilufer-tasarim.tr.gg/Z-.-defter.htm">Z.Defteri</a></li>
                        <li><a href="http://nilufer-tasarim.tr.gg/iletisim.htm">İletişim</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="cmainimg">
                <img alt="" src="http://img193.imageshack.us/img193/3967/img73.jpg" />
            </div>
            <div class="submenu" style="left: 0px; top: 0px">
                <img class="snimgl" src="http://img198.imageshack.us/img198/516/img96b.jpg" alt="" />
                <img class="snimgr" src="http://img44.imageshack.us/img44/4229/img107u.jpg" alt="" />
                <div class="subtext style3"><strong>Nilüfer Tasarım </strong></div>
                <div class="subimag" style="width: 41px; height: 51px">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div class="mcontent">
                <div class="mcleft">
                    <div class="mcbox01">
                        <div class="mc01t">ANA MENÜ </div>
                        <div class="mc01c">
                            <ul>
                                <li><a href="http://nilufer-tasarim.tr.gg/">Anasayfa</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/Hizmetlerim.htm">Hizmetlerimiz</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/Referans.htm">Referanslarımız</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/Hakkimda.htm">Hakkımda</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/Z-.-defter.htm">Z.Defteri</a></li>
                                <li><span class="style4"><a href="http://nilufer-tasarim.tr.gg/iletisim.htm">İletişim</a></span></li>
                            </ul>
                      </div>
                        <div class="mc01b">
                            <img src="http://img193.imageshack.us/img193/4959/img272s.jpg" alt="" />
                        </div>
                    </div>
                    <div class="mcbox01">
                        <div class="mc01t2">Tasarım </div>
                        <div class="mc01cc">
                            <ul>
                                <li><a href="http://nilufer-tasarim.tr.gg/red.htm">Red</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/ice.htm">İceBLue</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/fly.html">Butterfly</a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/css.htm">Css</a></li>
                            </ul>
                      </div>
                        <div class="mc01b">
                            <img src="http://img193.imageshack.us/img193/4959/img272s.jpg" alt="" />
                        </div>
                    </div>
                    <div class="mcbox01">
                        <div class="mc01t2">İçerik Kodları </div>
                        <div class="mc01cc">
                            <ul>
                                <li><a href="http://nilufer-tasarim.tr.gg/havadurumu.htm">Hava Durumu </a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/saat.htm">Flash Saatler </a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/burc.htm">Günlük Burç </a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/resimlerlemenu.htm">Resimlerle Menü </a></li>
                                <li><a href="http://nilufer-tasarim.tr.gg/renkkodlari.htm">Renk Kodları</a></li>
                            </ul>
                        </div>
                        <div class="mc01b">
                            <img src="http://img193.imageshack.us/img193/4959/img272s.jpg" alt="" />
                        </div>
                    </div>
                </div>
                <div class="mcright">
                    <div class="mc01">
                        <div class="mc0101" style="left: 0px; top: 0px">
                            <img class="r0101" src="http://img195.imageshack.us/img195/6663/img150.jpg" alt="" />
                            <img class="r0102" src="http://img193.imageshack.us/img193/9922/img153k.jpg" alt="" />
                            <img class="r0103" src="http://img20.imageshack.us/img20/3360/img202spe.jpg" alt="" />
                            <img class="r0104" src="http://img198.imageshack.us/img198/147/img205a.jpg" alt="" />
                            <div class="mcr">
                                <div class="mcr01">Haberler</div>
                                <div class="mcr02">Yeni Tasarımımızla Karşınızdayız. </div>
                            </div>
                        </div>
                        <div class="mc0102">
                            <img class="r0101" src="http://img268.imageshack.us/img268/3415/img155gof.jpg" alt="" />
                            <img class="r0102" src="http://img43.imageshack.us/img43/406/img157dal.jpg" alt="" />
                            <img class="r0103" src="http://img188.imageshack.us/img188/6361/img207m.jpg" alt="" />
                            <img class="r0104" src="http://img151.imageshack.us/img151/7196/img209.jpg" alt="" />
                            <div class="mcl">
                                <div class="mcl01">Duyurular</div>
                                <div class="mcl02">Ücretsiz Tasarım YapılmakTadır. Sizde Tasarım Yaptırmak İstiyorsanız İletişime Geçiniz. </div>
                            </div>
                        </div>





Tasarımın Altı:
Kod:
</div>
              </div>
            </div>
        </div>
      <div class="footer">
            <img class="mnimgl" src="http://img188.imageshack.us/img188/9278/img275s.jpg" alt="" />
            <img class="mnimgr" src="http://img195.imageshack.us/img195/5355/img291d.jpg" alt="" /><br/>
   <font color="#333333">Copyright 2009 Desing by RoLLBacK </font></div>
</div>




CSS:
Kod:

#header_container,#nav_container,#sidebar_container,h2#title{display:none; visibility:hidden;}
/* regular */
body
{
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   font-family: Arial;
   background-color: Black;
}
img
{
   border: 0px;
}
.size
{
   width: 950px;
   margin: 0px auto;
}
/* header */
.header
{
   height: 138px;
   overflow: hidden;
   background-color: White;
}
.header01
{
   height: 91px;
   overflow: hidden;
}
.mnav
{
   height: 39px;
   overflow: hidden;
   background-image: url(http://img20.imageshack.us/img20/3944/img38l.jpg);
   background-repeat: repeat-x;
   margin-left: 10px;
   width: 930px;
   position: relative;
}
.mnm ul
{
   margin: 0px;
   padding: 0px;
}
.mnm li
{
   float: left;
   padding: 0 0px 0 0px;
   min-width: 155px;
   line-height: 44px;
   text-align: center;
   color: #a7a8a8;
   font-family: Arial;
   background-image: url(http://img20.imageshack.us/img20/9364/303ahe.jpg);
   background-repeat: no-repeat;
   background-position: right center;
   list-style: none;
}
.mnm a
{
   color: #c7c7c7;
   text-decoration: none;
   font-weight: bold;
   font-size: 14px;
   display: inline-block;
   width: 150px;
   height: 100%;
}
.mnm a:hover, .mnm a:active
{
   background: url(http://img198.imageshack.us/img198/769/3021g.jpg) repeat-x;
}
.mnimgl
{
   position: absolute;
   left: 0px;
   top: 0px;
}
.mnimgr
{
   position: absolute;
   right: 0px;
   top: 0px;
}
.logo
{
   float: left;
   padding-top: 11px;
   padding-left: 30px;
}
.hright
{
   float: right;
   width: 422px;
   overflow: hidden;
}
.hr01
{
   width: 407px;
   height: 28px;
   background-image: url(http://img20.imageshack.us/img20/6489/img09f.jpg);
   background-repeat: no-repeat;
}
.hr01 div
{
   float: left;
   line-height: 30px;
   font-size: 11px;
}
.hr01 a:link, .hr01 a:visited
{
   color: white;
   text-decoration: none;
}
.hr01 a:hover, .hr01 a:active
{
   color: white;
   text-decoration: underline;
}
.hr0101
{
   padding-left: 52px;
}
.hr0102
{
   padding-left: 30px;
}
.hr02
{
   text-align: right;
   padding-top: 22px;
   padding-right: 22px;
}

/* content */
.content
{
   background-color: White;
   overflow: hidden;
}
.cmainimg
{
   margin-left: 10px;
   margin-bottom: 8px;
}
.submenu
{
   height: 28px;
   margin-left: 10px;
   width: 930px;
   background-image: url(http://img193.imageshack.us/img193/3161/img97.jpg);
   background-repeat: repeat-x;
   overflow: hidden;
   position: relative;
   margin-bottom: 11px;
}
.subtext
{
   color: #aba6a6;
   font-size: 11px;
   margin-left: 11px;
   margin-top: 6px;
   float: left;
   width: 100px;
}
.subimag
{
   float: right;
   margin-top: 6px;
   margin-right: 30px;
}
.subimag ul, .subimag li
{
   padding: 0px;
   margin: 0px;
}
.subimag li
{
   list-style: none;
   float: left;
   padding-left: 4px;
}
.subimag a
{
   text-decoration: none;
}
.snimgl
{
   position: absolute;
   left: 0px;
   top: 0px;
}
.snimgr
{
   position: absolute;
   right: 0px;
   top: 0px;
}
.mcontent
{
   overflow: hidden;
   background-color: White;
/*   height: 760px; */
}
.mcleft
{
   float: left;
   width: 207px;
   margin-left: 15px;
/*   margin-left: 7px; */
   background-color: White;
}
.mcbox01
{
   overflow: hidden;
   margin-bottom: 15px;
}
.mc01t
{
   height: 37px;
   background-image: url(http://img43.imageshack.us/img43/3166/img147j.jpg);
   background-repeat: no-repeat;
}
.mc01t2
{
   height: 24px;
   background-image: url(http://img198.imageshack.us/img198/5881/img240s.jpg);
   background-repeat: no-repeat;
   color: #f3f8fe;
   padding-left: 23px;
   padding-top: 13px;
}
.mc01c
{
   border-left: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
   width: 205px;
   overflow: hidden;
   background-color: #f0f0f0;
}
.mc01c ul
{
   margin: 0px 15px 0px 15px;
   padding: 0px;
}
.mc01c li
{
   padding-left: 18px;
   margin: 0px;
   font-weight: bold;
   height: 30px;
   line-height: 30px;
}
.mc01cc
{
   border-left: 1px solid #d1d1d1;
   border-right: 1px solid #d1d1d1;
   width: 205px;
   overflow: hidden;
   background-color: #f0f0f0;
}
.mc01cc li
{
   list-style-type: square;
   font-family: Arial;
   font-size: 12px;
   padding-top: 15px;
}
.mc01cc a
{
   text-decoration: none;
   color: #494949;
}
.mc01cc a:hover, .mc01cc a:active
{
   text-decoration: underline;
}
.mc01b
{
   height: 5px;
   overflow: hidden;
   font-size: 0px;
}
.mcright
{
   width: 715px;
   overflow: hidden;
   float: right;
   background-color: White;
}
.mc01
{
   overflow: hidden;
   margin: 0px auto;
}
.mc0101
{
   width: 345px;
   height: 82px;
   background-color: Black;
   position: relative;
   float: left;
}
.mcr
{
   margin-left: 11px;
   text-align: left;
   color: #ffffff;
}
.mcr01
{
   font-size: 19px;
   font-family: Arial;
   padding-top: 10px;
}
.mcr02
{
   padding-top: 13px;
   font-size: 11px;
   font-family: Arial;
   line-height: 16px;
}
.mcl
{
   margin-left: 11px;
   text-align: left;
   color: #ffffff;
}
.mcl01
{
   padding-top: 10px;
   font-family: Arial;
   font-size: 19px;
}
.mcl02
{
   padding-top: 13px;
   font-size: 11px;
   font-family: Arial;
   line-height: 16px;
}
.r0101
{
   position: absolute;
   left: 0px;
   top: 0px;
}
.r0102
{
   position: absolute;
   right: 0px;
   top: 0px;
}
.r0103
{
   position: absolute;
   left: 0px;
   bottom: 0px;
}
.r0104
{
   position: absolute;
   right: 0px;
   bottom: 0px;
}
.mc0102
{
   margin-left: 14px;
   width: 345px;
   height: 82px;
   background-color: #227ab4;
   float: left;
   position: relative;
}
.mc01t
{
   font-size: 14px;
   padding-left: 23px;
   padding-top: 11px;
   height: 24px;
}
.mc01c li
{
   list-style: none;
   border-bottom: solid 1px #d7d7d7;
}

.mc01c a
{
   text-decoration: none;
   color: #3e6680;
}

.mc01c a:hover, .mc01c a:active
{
   text-decoration: underline;
}
.mc02
{
   padding-top: 24px;
   overflow: hidden;
}
.mc0201
{
   font-family: Arial;
   font-size: 23px;
   color: #033759;
   float: left;
}
.mc0202
{
   padding-right: 18px;
   float: right;
}
.mc0203
{
   margin-top: 68px;
}
.mc020301
{
   font-size: 12px;
   color: #494949;
   line-height: 18px;
   letter-spacing: -0.1px;
   width: 700px;
}
.mc020302
{
   margin-top: 25px;
   margin-bottom: 40px;
   margin-left: 65px;
   line-height: 25px;
}
.mc020302 a
{
   text-decoration: none;
   color: #033759;
   font-size: 12px;
   font-family: Arial;
}
.mc020302 a:hover, .mc020302 a:active
{
   text-decoration: underline;
}
.mc020302 li
{
   list-style-type: square;
}

.mc020303
{
   color: #494949;
   font-size: 12px;
   margin-bottom: 151px;
   line-height: 18px;
   letter-spacing: -0.1px;
}
/* footer */
.footer
{
   height: 142px;
   overflow: hidden;
   background-image: url(http://img43.imageshack.us/img43/9286/img276.jpg);
   background-repeat: repeat-x;
   position: relative;
   line-height: 60px;
   font-size: 11px;
   color: White;
   text-align: center;
   clear: both;
   width: 100%;
}
.footer a:link, .footer a:visited
{
   color: white;
   text-decoration: none;
}
.footer a:hover, .footer a:active
{
   color: white;
   text-decoration: underline;
}


Yorumlarınızı Bekliyorum
Önizleme www.nilufer-tasarim.tr.gg
Mesaj08.08.2009, 10:31 (UTC)    
Mesaj konusu:

Mükemmel Smile
Mesaj08.08.2009, 10:33 (UTC)    
Mesaj konusu:

İyi de kod eksik.....Yukarı menü yok....
______________



Mesaj09.08.2009, 07:51 (UTC)    
Mesaj konusu:

arkadaşım kodlar felan eksik değil tasarım ayarlarımdan kopyalayp koydum sende sorun var Smile
Mesaj09.08.2009, 10:24 (UTC)    
Mesaj konusu:

97 bakım 3 yorum :S
Önceki mesajları göster:   


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