Grafik Destek Platformu › BS Tasarımlar & Yardım › CSS Tasarımlar v
Üst Menü + Duyuru Panolu Yeşil Blog Tasarımı

Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Gösterim Stili
Üst Menü + Duyuru Panolu Yeşil Blog Tasarımı
admin Çevrimdışı
before you, after me
******
Admin
Yorum Sayısı: 741
Konu Sayısı: 275
Üyelik Tarihi: 06-05-2008
Rep Puanı: 1,060
#1
17-05-2012, 07:40
renkli_onizleme.png

T.üstü;
Kod:
<script src="http://cufon.shoqolate.com/js/cufon-yui.js" type="text/javascript"></script>
<script src="myriad-pro.cufonfonts.js" type="text/javascript"></script>
<script type="text/javascript">
         Cufon.replace('h2', {
                  });
               Cufon.replace(' #ustmenu');
        
               Cufon.replace(' h3', {
                  });
</script>


<div id="tasarim">
   <div class="logo"><a href="#"><img src="http://img.webme.com/pic/m/mikro-blog/logo_kirmizi.png" /></a></div>
    <!-- UST MENU -->
  <div id="ustmenu">
      <ul>
           <li><a href="#">Anasayfa</a></li>
            <li><a href="#">Hakkimda</a></li>
            <li><a href="#">Iletisim</a></li>
            <li><a href="#">Forum</a></li>
        </ul>
    </div>
    <!-- UST DUYURULAR -->
    <div id="ustduyuruvs">
       <div class="duyuru">
        <h3>Duyurular;</h3>
           <ul>
               <li><a href="#">Duyuru Buraya gelicek.</a></li>
                <li><a href="#">Duyuru Buraya gelicek.</a></li>
                <li><a href="#">Duyuru Buraya gelicek.</a></li>
                <li><a href="#">Duyuru Buraya gelicek.</a></li>
                <li><a href="#">Duyuru Buraya gelicek.</a></li>
            </ul>
      </div>
        <div class="duyuruforum">
        <h3>Bedava-Sitem Forum Konularim;</h3>
            <ul>
               <li><a href="#">Forum Konularim Buraya gelicek.</a></li>
                <li><a href="#">Forum Konularim Buraya gelicek.</a></li>
                <li><a href="#">Forum Konularim Buraya gelicek.</a></li>
                <li><a href="#">Forum Konularim Buraya gelicek.</a></li>
                <li><a href="#">Forum Konularim Buraya gelicek.</a></li>
            </ul>
      </div>
    </div>
    <!-- ICERIK -->
    <div class="icerikust"></div>
    <div class="icerikorta">
        <div class="sol">
           <div class="mmenubaslik">MENU BASLIK</div>
                <ul>
                   <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                </ul>
            <div class="kmenubaslik">MENU BASLIK</div>
            <ul>
                   <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                </ul>
            <div class="ymenubaslik">MENU BASLIK</div>
            <ul>
                   <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                    <li><a href="#">Anasayfa</a></li>
                </ul>
        </div>
      <div class="sag">
           <div class="sagbaslik">BURADASIN</div>
        <div class="sagicerik">

T.altı;
Kod:
</div>
                    </div>
        </div>
            <div class="altt"></div>

    </div>
</div>

CSS;
Kod:
/*Menü Gizleme Kodu*/
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

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

body,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
}
a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #900;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #900;
}
a:hover {
   text-decoration: none;
   color: #F00;
}
a:active {
   text-decoration: none;
   color: #900;
}

img{
   border: none;
}

h3{
   font-size: 18px;
}

body{
   background: #fff;
   background: url(http://www.backgroundlabs.com/backgrounds/78.gif);
}

#tasarim{
   width: 950px;
   margin-left: auto;
   margin-right: auto;
}

.logo{
   width: 317px;
   height: 77px;
   float: left;
   margin: 0 0 0 37px;
}

#ustmenu{
   width: 905px;
   height: 49px;
   float: left;
   background:url(http://img.webme.com/pic/m/mikro-blog/ustmenu_bg.png);
   padding: 22px 0 0 45px;
   font-family: "Myriad Pro";
   font-weight: bold;
}

#tasarim #ustmenu ul {
   font-family: "Myriad Pro";
   font-size: 18px;
   font-weight: bold;
   text-decoration: none;
   margin: 0;
   padding: 0;
}
#tasarim #ustmenu ul li {
   display: inline;
   padding-right: 30px;
   margin: 0;
}
#tasarim #ustmenu ul li a {
   font-family: "Myriad Pro";
   font-size: 18px;
   font-weight: bold;
   color: #FFF;
   text-decoration: none;
   padding: 5px;
}
#tasarim #ustmenu ul li a:hover {
   text-decoration: none;
   padding: 2px 5px 3px 5px;
   background: url(http://img.webme.com/pic/m/mikro-blog/menu_hover.png);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

#ustduyuruvs{
   width: 950px;
   height: 202px;
   background:url(http://img.webme.com/pic/m/mikro-blog/duyurularvs.png);
   float: left;
}


.duyuru{
   width: 365px;
   height: 175px;
   float: left;
   margin: -8px 0 0 80px;
   color: #f91364;
}
.duyuruforum{
   width: 365px;
   height: 175px;
   float: right;
   margin: -8px 87px 0 0;
   color: #f91364;
}

/*DUYURULAR*/
#tasarim #ustduyuruvs .duyuru ul {
   margin: -15px 0 0 0;
   padding: 0px;
}
#tasarim #ustduyuruvs .duyuru ul li {
   line-height: 25px;
   border-bottom: 1px dashed #e3e7e9;
   list-style: none;
}
#tasarim #ustduyuruvs .duyuru ul li a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   font-weight: bold;
   text-decoration: none;
}

/*FORUM KONULARIM*/
#tasarim #ustduyuruvs .duyuruforum ul {
   margin: -15px 0 0 0;
   padding: 0px;
}
#tasarim #ustduyuruvs .duyuruforum ul li {
   line-height: 25px;
   border-bottom: 1px dashed #e3e7e9;
   list-style: none;
}
#tasarim #ustduyuruvs .duyuruforum ul li a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   font-weight: bold;
   text-decoration: none;
}

/*ICERIK*/

.icerikust{
   width: 950px;
   height: 21px;
   background: url(http://img.webme.com/pic/m/mikro-blog/icerik_ust.png);
   float: left;
}

.icerikorta{
   width: 950px;
   height: 100%;
   background:url(http://img.webme.com/pic/m/mikro-blog/icerik_bg.png);
   float: left;
}

.sol{
   width: 266px;
   height: 100%;
   float: left;
   margin: 0 0 0 59px;
}


.sag{
   width: 545px;
   height: 100%;
   float: right;
}

.sagicerik{
   width: 515px;
   height: 100%;
   float: right;
   margin: 0 84px 0 0;
}


/*MENU BASLIKLAR*/

.mmenubaslik{
   width: 246px;
   height: 36px;
   background:url(http://img.webme.com/pic/m/mikro-blog/mavi_menubaslik.png);
   float: left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   padding: 4px 0 0 20px;
}

.kmenubaslik{
   width: 246px;
   height: 36px;
   background:url(http://img.webme.com/pic/m/mikro-blog/kirmizi_menubaslik.png);
   float: left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   padding: 4px 0 0 20px;
}

.ymenubaslik{
   width: 246px;
   height: 36px;
   background:url(http://img.webme.com/pic/m/mikro-blog/yesil_menubaslik.png);
   float: left;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   padding: 4px 0 0 20px;
}

/*SOL MENU*/
#tasarim .icerikorta .sol ul {
   padding: 0px;
   margin-left: 30px;
}
#tasarim .icerikorta .sol ul li {
   list-style-type: none;
}
#tasarim .icerikorta .sol ul li a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000;
   text-decoration: none;
   line-height: 25px;
   padding-left: 20px;
   background: url(http://img.webme.com/pic/m/mikro-blog/yildizz.png) left center no-repeat;
}
#tasarim .icerikorta .sol ul li a:hover {
   text-decoration: underline;
}

/*SAG TARAF*/
.sagbaslik{
   width: 525px;
   height: 36px;
   background: url(http://img.webme.com/pic/m/mikro-blog/sag_baslik.png);
   float: right;
   margin: 0 61px 0 0;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   padding: 4px 0 0 20px;
}


.altt{
   width: 950px;
   height: 43px;
   background:url(http://img.webme.com/pic/m/mikro-blog/alt.png);
   float: left;
   margin-bottom: 20px;
Ara
Cevapla
pletcherdwc Çevrimdışı
pletcherdwc
*
Forum Üyesi
Yorum Sayısı: 1
Konu Sayısı: 0
Üyelik Tarihi: 08-06-2012
Rep Puanı: 0
#2
12-06-2012, 11:57
Carrollton-born Negassi surely likes Tory Burch Flats artwork, tool collecting. Finally her drive originates from drinking along with her mates. Paterson-born Negassi is excited by Tory Burch football and candle making. Her enthusiasm originates from checking out and going to different places and places around the world and in particular to Swakopmund,Namibia. Reno-born Negassi interests includes Tory Burch sports, frolf (frisbee golf). She's stimulated by watching a Detroit Red Wings icehockey match IRL.
Related links:
http://www.toryburchoutlet-3sale.com
A Couple Of Simplistic Ways Designed For tory burch handbags outlet Pointed Out
WWW Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


10tl.net Destek Forumu -