Forum Özgür
Forumumuzdan Daha İyi Yararlanmak İçin Üye Olun.
Forum Özgür
Forumumuzdan Daha İyi Yararlanmak İçin Üye Olun.
Forum Özgür
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
AnasayfaKapıAramaLatest imagesKayıt OlGiriş yap

 

 Kişisel Bir Tasarım

Aşağa gitmek 
2 posters
YazarMesaj
SiteYasam
Admin
Admin
SiteYasam


Yaş : 28

Kayıt tarihi : 15/06/10

Mesaj Sayısı : 114

Karizma : 15358

Rep Gücü : 5

Doğum tarihi : 24/10/95

Nerden : Giresun

İş/Hobiler : Silkroad

Lakap : Caylak

Cinsiyet : Erkek

Reklam : Kişisel Bir Tasarım 2duy3hj

Kişisel Bir Tasarım Empty
MesajKonu: Kişisel Bir Tasarım   Kişisel Bir Tasarım EmptyÇ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
http://forumozgurce.tk
Holy of HeLL
Yeni Üye
Yeni Üye
Holy of HeLL


Yaş : 29

Kayıt tarihi : 07/11/10

Mesaj Sayısı : 14

Karizma : 4927

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 : Kişisel Bir Tasarım 2duy3hj

Kişisel Bir Tasarım Empty
MesajKonu: Geri: Kişisel Bir Tasarım   Kişisel Bir Tasarım EmptyPaz 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
http://www.interestingoyun.tr.gg
 
Kişisel Bir Tasarım
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Osman Talay v4 Tasarım Kodu
» Kendi Tasarımım Olan Css Tasarım Kodları

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