turk-tasarimci ya hoş geldiniz
anasayfa
css tasarımlar
=> mp tasarım
=> Counter Strike Tasarım
=> Korku Tasarımı
=> i-Phone Tasarımı
=> Bioshock Tasarımı
=> Beyaz Css Tasarım
=> AreaFantasy Tasarımı
=> AreaAnime Tasarımı
=> AreaAlien Tasarımı
=> Altın Css Tasarımı
=> PlayStation 3 Tasarımı
=> P!nk Tasarımı
=> Ratatouille Design
=> Red Css Tasarımı
=> Shadow Tasarımı
=> Siyah Css Tasarım
=> Smiley Tasarımı
=> Süper Mario Design
=> unreal tasarım
=> Maybach Tasarımı
tasarımlar
IceBlue Tasarımları
RED Tema Tasarımları
ButterFly Tasarımları
tasarımlarınız için
Css Dersleri
htmlkodları
mp tasarım
Css Kodları
#content_container { padding-bottom:3em; } BODY {scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#666666; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-shadow-color:transparent; } /* Design */ body#hpb_cssonly{ background-color: #FFFFFF; background-image: Url(URL); background-repeat: no-repeat; position:absolute; margin-top: 0px; padding-top: 0px; margin-left: auto; margin-right: auto; } a{ color: #969696; text-decoration: none; } a:hover{ color: #DADADA; text-decoration: none; } /* Header */ div.header{ background-image: url(https://img.webme.com/pic/m/mytests/star_head.gif); background-repeat: no-repeat; height: 104px; width: 850px; } div#header_container{ position:absolute; top: 17px !important; height: 104px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; left: 100px; margin-left: 0px; } /* Navigation */ div#nav_container{ display: none; } #navcontainer { float:left; position: absolute; top: 125px; left: 100px; margin-left: 0px; width: 850px; height: 25px; padding: 5px 0px 0px 0px; background: #ADCAF5; background-repeat: no-repeat; } #navcontainer ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; } #navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #navcontainer ul li a { background: #A9C7F5; width: 78px; height: 18px; border-top: 1px solid #969696; border-left: 1px solid #969696; border-bottom: 1px solid #969696; border-right: none; padding: 0; margin: 0 0 10px 0; color: #000; text-decoration: none; display: block; text-align: center; font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #navcontainer ul li a:hover { color: #fff; background: #8EB7F2; } #navcontainer a:active { background: #6199ED; color: #fff; } #navcontainer li#active a { background: #6199ED; border: 1px solid #000; color: #fff; } /* Seitentitel */ h2#title{ font-size: 12px; font-style: none; text-align: left; color: white; background-color: #8EB7F2; background-image: URL(URL); height: 20px; width: 100%; margin-left: 0px; padding-top: 5px; margin-right: auto; margin-top: 5px; margin-bottom: 10px; } /* Seiteninhalt */ div#content{ position: absolute; top: 130px; left: 400px; margin-left: 0px; margin-right: auto; margin-top: 30px; margin-bottom: 10px; background: white url(URL); border: 1px dotted #969696; width: 531px; height: 544px; text-align: left; padding: 0px 10px 10px 5px; color: #444444!important; overflow:auto; z-index: 7; } div#container{ margin-top: 10px; } div#content_container{ margin-top: 50px; } #content1 { background: white url(https://img.webme.com/pic/m/mytests/star_content1.gif) left center; background-repeat: no-repeat; width: 300px; height: 600px; position:absolute; top: 160px; left: 100px; margin-left: 0px; border: 1px dotted #969696; margin-bottom: 0px; bottom:0px; text-align:left; padding-left: 0px; padding-top:5px; padding-buttom: 5px; margin-top: 0px; z-index: 3; color: white; } #footer { margin-bottom: 0px; position:absolute; left: 100px; margin-left: 0px; top: 685px; border: 1px dotted #969696; bottom:0px; background: white url(https://img.webme.com/pic/m/mytests/star_footer.gif) repeat-x; width: 845px; height: 90px; text-align:left; padding-left: 5px; padding-top:0px; padding-buttom: 0px; margin-top: 0px; z-index: 5; color: #6199ED; } /* Counter */ #counter{ position: absolute; top: 725px; left: 720px; vertical-align: bottomline; margin-top: 0px; padding-top: 5px; text-align: center; font-color: #6199ed!important; font-size: 8px; width: 155px; height: 40px; border: 1px dotted #969696; background-color: transparent; background-image: url(URL); background-repeat: no-repeat; z-index: 8; } /* Style Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } /* Ausblendungen */ div.header span, div#post_header, div#pre_header, h2#nav_heading, h2#nav_heading span, div#pre_content{ display: none; }
Tasarımın Üstündeki Yazı
<div id="navcontainer"> <ul id="navlist"> <!-- CSS Tabs --> <li id="active"><a id="current" href="Home.htm">Home</a></li> <li><a href="Tipps.htm">Tipps &</a></li> <li><a href="Tricks.htm">Tricks</a></li> <li><a href="Aktuell.htm">Aktuell</a></li> <li><a href="Details-zu-.--.--.--.--.-.htm">Details zu...</a></li> <li><a href="Link-me.htm">Link Me</a></li> <li><a href="Topliste.htm">Topliste</a></li> <li><a href="Vote4me.htm">Vote4me</a></li> <li><a href="G.ae.stebuch.htm">Gästebuch</a></li> <li><a href="Kontakt.htm">Kontakt</a></li> </ul> </div> <div id="content1"> </div> <div id="footer"> <a href="javascript:history.go(-1)">Zurück</a> | <a href="javascript:history.go(1)">Vorwärts</a> | <a href="javascript:history.go(0)">Aktualisieren</a> <br> <br>Copyright © 2008 Youre Company <br> Designed by <a href="http://www.mp-templates.de" class="link1">MP-templates</a> </div>
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol