Forum Özgür
Forumumuzdan Daha İyi Yararlanmak İçin Üye Olun.



 
AnasayfaKapıSSSAramaÜye ListesiKullanıcı GruplarıKayıt OlGiriş yap

Paylaş | 
 

 Kişisel Bir Tasarım

Aşağa gitmek 
YazarMesaj
SiteYasam
Admin
Admin
avatar

Yaş : 22

Kayıt tarihi : 15/06/10

Mesaj Sayısı : 114

Karizma : 13312

Rep Gücü : 5

Doğum tarihi : 24/10/95

Nerden : Giresun

İş/Hobiler : Silkroad

Lakap : Caylak

Cinsiyet : Erkek

Reklam :

MesajKonu: Kişisel Bir Tasarım   Çarş. Haz. 16, 2010 8:03 pm

Önizleme [Linkleri görebilmek için üye olun veya giriş yapın.] sitesindedir.




Tasarim üzeri:

Kod:
<div id="tasarim">
<div id="ust">
  <div class="logo">

<a target="_self" href="http://www.osmantalay.tr.gg"><img border="0" alt="" src="http://img.webme.com/pic/o/osmantalay/logot.bmp" style="width: 296px; height: 73px;" /></a>


  </div>
<div class="reklamalani"> 

        <a href="  " target="_self"><img border="0" src="http://img.webme.com/pic/o/osmantalay/rklamotl.gif" </a> 


<div class="ustmenuosman">
</div> 
</div></div> 

<div id="orta"> 


<div class="menuosman"> 



<div class="urbangreymenu">

<div class="urbangreymenu">

<h3 class="headerbar">Ana Menü</h3>
<ul>
<li><a href="http://osmantalay.tr.gg/">Ana Sayfa</a></li>
<li><a href="http://osmantalay.tr.gg/Destek-Ol.htm">Destek Ol</a></li>
<li><a href="http://osmantalay.tr.gg/Siteni-Ekle.htm">Siteni Ekle</a></li>
<li><a href="http://osmantalay.tr.gg">Dost Siteler</a></li>
<li><a href="http://osmantalay.tr.gg/iletisim.htm">Bana Ulaşın</a></li>
<li><a href="http://osmantalay.tr.gg">Site Haritası</a></li>
<li><a href="http://osmantalay.tr.gg/defter.htm">Konuk Defteri</a></li>

</ul>

<h3 class="headerbar">Sİten İçİn</h3>
<ul>
<li><a href="http://osmantalay.tr.gg/html-kodlari.htm">Html Kodları</a></li>
<li><a href="http://osmantalay.tr.gg/Web-Dersleri.htm">Web Dersleri</a></li>
<li><a href="http://osmantalay.tr.gg/Grafik-Odamiz.htm">Grafik Odamız</a></li>
<li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li>


<h3 class="headerbar">BİZİM Oda</h3>
<ul>
<li><a href="http://osmantalay.tr.gg/Aksaray.htm">Aksaray</a></li>
<li><a href="http://osmantalay.tr.gg/Messenger.htm">Messenger</a></li>
<li><a href="http://osmantalay.tr.gg/incelemeler.htm">İncelemeler</a></li>
<li><a href="http://osmantalay.tr.gg/Bilmedikleriniz.htm">Bilmedikleriniz</a></li>


<h3 class="headerbar">İSlaMİYEt</h3>
<ul>
<li><a href="http://osmantalay.tr.gg/">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>

<h3 class="headerbar">Sağlık BİLGİSİ</h3>
<ul>
<li><a href="http://osmantalay.tr.gg/">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>
<li><a href="http://osmantalay.tr.gg">Eklenecek</a></li>

<h3 class="headerbar">Haftanın Vİdeosu</h3>
<div style="background-color: rgb(9, 9, 9); width: 177px;"><embed width="177" height="150" allowfullscreen="true" allowscriptaccess="always" bgcolor="#090909" wmode="window" type="application/x-shockwave-flash" src="http://www.vidivodo.com/VideoPlayerShare.swf?u=BFdAS1tEXxI="></embed></div>


  </div> </div> </div><div class="icerikosman">




Tasarım altı:




Kod:
</div> </div>  <div id="alt">    <div id="footer"><p class="altreklam">  <br>

<center>
<span style="font-size: small;"> <strong> <span style="color: rgb(255, 255, 255);"><span style="font-family: Trebuchet MS;">Copyright <span class="style9">©️</span> 2010 Osmantalay.tr.gg | V2 Beta  Design | Tüm Hakları Saklıdır  | Emeğe Saygı  | Aksaray  </span></span><span style="color: rgb(0, 0, 0);"><span style="font-family: Trebuchet MS;"><span style="color: rgb(255, 255, 255);">|</span></span></span><span style="font-family: Trebuchet MS;"><span class="style8"> </span></span></strong></span><strong><span class="style8"><span style="font-size: small;"><a target="_self" href="http://osmantalay.tr.gg/Hakkimda.htm"><span style="font-family: Arial;">Hakkımda</span></a></span><span style="font-size: medium;"><span style="font-size: small;"><span style="font-family: Arial;"> <span style="color: rgb(255, 255, 255);">| </span></span></span></span><span style="font-size: small;"><span style="font-family: Arial;"><a href="http://www.osmantalay.tr.gg/iletisim.htm" target="_self">İletişim</a> <span style="color: rgb(255, 255, 255);">|</span> <a href="http://www.osmantalay.tr.gg/defter.htm" target="_self">Yorumlar</a> </span></span></span></strong>
<center>

  </div></div>






Css Bölümü

Kod:
iframe{border:solid 1px #000000;}

table {margin-left: auto;margin-right: auto}

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;}  * {padding: 0; margin:0 }  body { margin-left:  auto; margin-right: auto; background: url(http://img.webme.com/pic/o/osmantalay/otbgrl.bmp) top center fixed; }



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


  #ust{ margin-left:  auto; margin-right: auto; background: url(http://img.webme.com/pic/o/osmantalay/otustl.bmp); width: 875px; height: 159px; float: left; } 

.logo {
width:325px;
padding: 35px 0 0 35px;
float: left;
overflow: hidden;



    } .reklamalani { width:468px; height:68px; padding: 43px 0 0 20px; float: left; overflow: hidden; } 






#orta{ margin-left:  auto; margin-right: auto; background: url( http://img.webme.com/pic/o/osmantalay/otortl.bmp); width: 875px; height: 100%; float: left; } 

.menuosman{ width:177px; float: left; padding: 0 0 0 23px; overflow: hidden; }


.icerikosman { width:630px; float: left; padding: 0 0 0 22px; overflow: hidden; text-align: justify; }

.altreklam{ float: left; width:800px; height:70px; padding: 24px 0  0 70px;}

#alt{ margin-left:  auto; margin-right: auto; background: url(http://img.webme.com/pic/o/osmantalay/otaltl.bmp); width: 875px; height: 146px; float: left;  } 





  input[type="text"]  {
font-family : "Trebuchet MS";
font-size : 11px;
font-weight : normal;
color : #333333;
border : 1px solid #cccccc;
background : #f6f6f6 url(http://turk.jotform.com/images/styles/style1_txt_bg.gif) repeat-x top;
}
input[type="text"]:focus, input[type="text"]:active {
border-color : #777;
}
input[type="submit"] {
cursor : pointer;
font-family : "Trebuchet MS";
font-size : 11px;
font-weight : normal;
color : #333333;
border : 1px solid #c6c7ca;
background : #e4e4e4 url(http://img.webme.com/pic/m/mrossi/style1_btn_bg.gif) repeat-x top;
}
textarea {
font-family : "Trebuchet MS";
font-size : 11px;
font-weight : normal;
color : #333333;
border : 1px solid #cccccc;
background : #f6f6f6 url(http://img.webme.com/pic/m/mrossi/style1_txt_bg.gif) repeat-x top;
}




Sol Menü
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 190px; height: 10px; /*width of menu*/
}

.urbangreymenu .headerbar{
width: 190px; height: 10px;
font: bold  12px Trebuchet MS;
color: white;
background: #4f6b78 url( http://img.webme.com/pic/o/osmantalay/mncnl.png) no-repeat 3px 4px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 9px 20px; /*20px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal  bold 12px Arial;
color: black;
background: #dbe6ec;
display: block;
padding: 5px 0;
line-height: 12px;
padding-left: 4px; /*link text is indented 4px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #80bbd9;
}

</style>

<style>

A{
text-decoration : none;
}
<!--
a{color:#0e9dc1;text-decoration:none;font:bold}
a:hover{color:#C0C0C0;text-decoration:none;font:bold}
-->
</style>


<style>
A{
text-decoration : none;
}

A:Hover{
text-decoration : underline;
}
</style>
--------------------------------------------------------------------------------
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://forumozgurce.tk
Holy of HeLL
Yeni Üye
Yeni Üye
avatar

Yaş : 23

Kayıt tarihi : 07/11/10

Mesaj Sayısı : 14

Karizma : 2881

Rep Gücü : 1

Doğum tarihi : 01/01/95

Nerden : Uşak

İş/Hobiler : D:NO BANNED :D

Lakap : Holy of HeLL

Cinsiyet : Erkek

Reklam :

MesajKonu: Geri: Kişisel Bir Tasarım   Paz Kas. 07, 2010 7:44 pm

Mükemmel SağoLLL... HeLaL Adminim ... Bu Arada Panel Yönetmeden Anlarım...
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör http://www.interestingoyun.tr.gg
 
Kişisel Bir Tasarım
Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Forum Özgür :: Siteniz İçin Tasarımlar :: Css Tasarım Kodları-
Buraya geçin: