Dokaliko Saydam V1

68

Tasarım Bilgileri : 

Tasarımı Çizen : 
www.dokaliko.tr.gg
Tasarımı Kodlayan : www.dokaliko.tr.gg
Tasarım Düzeyi : Güzel

Telif Hakkı : www.dokaliko.tr.gg
Tasarım Hakkında : Saydam çok güzel bir css tasarım arkasınada güzel bir arkaplan ayarlarsanız süper olur

Kodlar :

Tasarım Üzeri :

<table width="945" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="945" height="252" align="center" valign="top" background="https://img.webme.com/pic/d/dokaliko/ndy6.png"><table width="891" height="169" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="129" align="right" valign="middle"><table width="478" height="96" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="bottom"><table width="481" height="77" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"><a href="http://dokaliko.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/23a5.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/23a5.png" /></a></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td align="right" valign="middle"><table width="755" height="36" border="0" cellpadding="0" cellspacing="0"> <tr> <td><marquee direction=right>Sitemiz yeni açıldğından hazırlanıyor.. </marquee></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="235" background="https://img.webme.com/pic/d/dokaliko/ndyg2.png"><table width="911" height="231" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="232" valign="top"></div></div> </script><div id="menm"> <div class="HazirMenu"><h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://dokaliko.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://dokaliko.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://dokaliko.tr.gg.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li> <li><a href="http://dokaliko.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li> <li><a href="http://dokaliko.tr.gg/Admin-Hakk%26%23305%3Bnda.htm" _fcksavedurl="http://dokaliko.tr.gg/Admin-Hakk%26%23305%3Bnda.htm" _fcksavedurl="http://dokaliko.tr.gg/Admin-Hakk%26%23305%3Bnda.htm">Admin Hakkında</a></li> <li><a href="http://dokaliko.tr.gg/Top-liste.htm" _fcksavedurl="http://dokaliko.tr.gg/Top-liste.htm" _fcksavedurl="http://dokaliko.tr.gg/Top-liste.htm">Toplist</a></li> <li><a href="http://dokaliko.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://dokaliko.tr.gg/Ziyaret%E7i-defteri.htm" _fcksavedurl="http://dokaliko.tr.gg/Ziyaret%E7i-defteri.htm">Ziyaretci Defteri</a></li> <li><a href="http://dokaliko.tr.gg/Referanslar.htm" _fcksavedurl="http://dokaliko.tr.gg/Referanslar.htm" _fcksavedurl="http://dokaliko.tr.gg/Referanslar.htm">Referanslar</a></li> <li><a href="http://dokaliko.tr.gg/Banner-Takas.htm" _fcksavedurl="http://dokaliko.tr.gg/Banner-Takas.htm" _fcksavedurl="http://dokaliko.tr.gg/Banner-Takas.htm">Banner Takas</a></li> </ul> <h3 class="headerbar">Webmaster</h3> <ul> <li><a href="http://dokaliko.tr.gg/Tasarimlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Tasarimlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Tasarimlar.htm">Tasarımlar</a></li> <li><a href="http://dokaliko.tr.gg/Bs.htm" _fcksavedurl="http://dokaliko.tr.gg/Bs.htm" _fcksavedurl="http://dokaliko.tr.gg/Bs.htm">BedavaSitem(Bs)</a></li> <li><a href="http://dokaliko.tr.gg/Css-Paylasimlari.htm" _fcksavedurl="http://dokaliko.tr.gg/Css-Paylasimlari.htm">Css Paylaşımları</a></li> <li><a href="http://dokaliko.tr.gg/Css-Dersleri.htm" _fcksavedurl="http://dokaliko.tr.gg/Css-Dersleri.htm" _fcksavedurl="http://dokaliko.tr.gg/Css-Dersleri.htm">Css Dersleri</a></li> <li><a href="http://dokaliko.tr.gg/HTML-Paylasimlari.htm" _fcksavedurl="http://dokaliko.tr.gg/HTML-Paylasimlari.htm"_fcksavedurl="http://dokaliko.tr.gg/HTML-Paylasimlari.htm">HTML Paylaşımları</a></li> <li><a href="http://dokaliko.tr.gg/JavaScript.htm" _fcksavedurl="http://dokaliko.tr.gg/JavaScript.htm" _fcksavedurl="http://dokaliko.tr.gg/JavaScript.htm">Javascript Paylaşımları<a href="http://dokaliko.tr.gg/Photoshop-Paylasimlari.htm" _fcksavedurl="http://dokaliko.tr.gg/Photoshop-Paylasimlari.htm" _fcksavedurl="http://dokaliko.tr.gg/Photoshop-Paylasimlari.htm">Photoshop Paylaşımları<li><a href="http://dokaliko.tr.gg/Teknoloji.htm" _fcksavedurl="http://dokaliko.tr.gg/Teknoloji.htm" _fcksavedurl="http://dokaliko.tr.gg/Teknoloji.htm">Teknoloji Haberleri</a></li> <li><a href="http://dokaliko.tr.gg/Yararli-Siteler.htm" _fcksavedurl="http://dokaliko.tr.gg/Yararli-Siteler.htm" _fcksavedurl="http://dokaliko.tr.gg/Yararli-Siteler.htm">Tasarımda Yararlı Siteler</a></li> <li><a href="http://dokaliko.tr.gg/Css-Dili.htm" _fcksavedurl="http://dokaliko.tr.gg/Css-Dili.htm" _fcksavedurl="http://dokaliko.tr.gg/Css-Dili.htm">Css Dili</a></li> <li><a href="http://dokaliko.tr.gg/%26%23304%3Bcon.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bcon.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bcon.htm">İcon Arşivi</a></li> <li><a href="http://dokaliko.tr.gg/Renk-Kodlari.htm" _fcksavedurl="http://dokaliko.tr.gg/Renk-Kodlari.htm" _fcksavedurl="http://dokaliko.tr.gg/Renk-Kodlari.htm">Css Renk Kodları</a></li> <li><a href="http://dokaliko.tr.gg/%26%23304%3Bceblue.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bceblue.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Bceblue.htm">İceblue</a></li> <li><a href="http://dokaliko.tr.gg/Arkaplanlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Arkaplanlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Arkaplanlar.htm">Arkaplanlar</a></li> <li><a href="http://dokaliko.tr.gg/Men.ue.ler.htm" _fcksavedurl="http://dokaliko.tr.gg/Men.ue.ler.htm" _fcksavedurl="http://dokaliko.tr.gg/Men.ue.ler.htm">Css Menüler</a></li> <li><a href="http://dokaliko.tr.gg/Diger.htm" _fcksavedurl="http://dokaliko.tr.gg/Diger.htm" _fcksavedurl="http://dokaliko.tr.gg/Diger.htm">Diğer</a></li> </ul> <h3 class="headerbar">Karışık İçerik Menüsü</h3> <ul> <li><a href="http://dokaliko.tr.gg/-Oe-dev.htm" _fcksavedurl="http://dokaliko.tr.gg/-Oe-dev.htm" _fcksavedurl="http://dokaliko.tr.gg/-Oe-dev.htm">Ödev Ve Araştırma</a></li> <li><a href="http://dokaliko.tr.gg/S.oe.zl.ue.k.htm" _fcksavedurl="http://dokaliko.tr.gg/S.oe.zl.ue.k.htm" _fcksavedurl="http://dokaliko.tr.gg/S.oe.zl.ue.k.htm">Sözlük</a></li> <li><a href="http://dokaliko.tr.gg/Bur%E7.htm" _fcksavedurl="http://dokaliko.tr.gg/Bur%E7.htm" _fcksavedurl="http://dokaliko.tr.gg/Bur%E7.htm">Günlük Burç</a></li> <li><a href="http://dokaliko.tr.gg/Oyunlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Oyunlar.htm" _fcksavedurl="http://dokaliko.tr.gg/Oyunlar.htm">Oyunlar</a></li> <li><a href="http://dokaliko.tr.gg/%26%23350%3Bark%26%23305%3Blar.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23350%3Bark%26%23305%3Blar.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23350%3Bark%26%23305%3Blar.htm">Şarkılar</a></li> <li><a href="http://dokaliko.tr.gg/Hava-Durumu.htm" _fcksavedurl="http://dokaliko.tr.gg/Hava-Durumu.htm" _fcksavedurl="http://dokaliko.tr.gg/Hava-Durumu.htm">Hava Durumları (Günlük)</a></li> <li><a href="http://dokaliko.tr.gg/3doyun.htm" _fcksavedurl="http://dokaliko.tr.gg/3doyun.htm" _fcksavedurl="http://dokaliko.tr.gg/3doyun.htm">3 Boyutlu Oyunlar</a></li> <li><a href="http://dokaliko.tr.gg/Atat.ue.rk.htm" _fcksavedurl="http://dokaliko.tr.gg/Atat.ue.rk.htm" _fcksavedurl="http://dokaliko.tr.gg/Atat.ue.rk.htm">Atatürk Bölümü</a></li> <li><a href="http://dokaliko.tr.gg/Gazete.htm" _fcksavedurl="http://dokaliko.tr.gg/Gazete.htm" _fcksavedurl="http://dokaliko.tr.gg/Gazete.htm">Gazete Oku</a></li> <li><a href="hhttp://dokaliko.tr.gg/%26%23304%3Blgin%E7-Bilgiler.htm" _fcksavedurl="hhttp://dokaliko.tr.gg/%26%23304%3Blgin%E7-Bilgiler.htm" _fcksavedurl="http://dokaliko.tr.gg/%26%23304%3Blgin%E7-Bilgiler.htm">İlginç Bilgiler</a></li> <li><a href="http://dokaliko.tr.gg/Son-Dakika.htm" _fcksavedurl="http://dokaliko.tr.gg/Son-Dakika.htm" _fcksavedurl="http://dokaliko.tr.gg/Son-Dakika.htm">Haberler</a></li> <li><a href="http://dokaliko.tr.gg/TV.htm" _fcksavedurl="http://dokaliko.tr.gg/TV.htm" _fcksavedurl="http://dokaliko.tr.gg/TV.htm">Tv İzle</a></li> <li><a href="http://dokaliko.tr.gg/Videolar.htm" _fcksavedurl="http://dokaliko.tr.gg/Videolar.htm" _fcksavedurl="http://dokaliko.tr.gg/Videolar.htm">Videolar</a></li> <li><a href="http://dokaliko.tr.gg/T.ue.rk-Sanat-M.ue.zi%26%23287%3Bi.htm" _fcksavedurl="http://dokaliko.tr.gg/T.ue.rk-Sanat-M.ue.zi%26%23287%3Bi.htm" _fcksavedurl="http://dokaliko.tr.gg/T.ue.rk-Sanat-M.ue.zi%26%23287%3Bi.htm">Türk Sanat Müziği</a></li> <li><a href="http://dokaliko.tr.gg/Oyun-Hileleri.htm" _fcksavedurl="http://dokaliko.tr.gg/Oyun-Hileleri.htm" _fcksavedurl="http://dokaliko.tr.gg/Oyun-Hileleri.htm">Oyun Hileleri</a></li> <li><a href="linkekle1" _fcksavedurl="linkekle1" _fcksavedurl="linkekle2">Eklenecek</a> <h3 class="headerbar">~~Reklam~~</h3><img src="https://img.webme.com/pic/c/cin-cell/reklamba.gif" _fcksavedurl="https://img.webme.com/pic/c/cin-cell/reklamba.gif"/></a><img src="https://img.webme.com/pic/c/cin-cell/reklamba.gif" _fcksavedurl="https://img.webme.com/pic/c/cin-cell/reklamba.gif"/><h3 class="headerbar">~~Sayacımız~~</h3><table width="190" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td height="160" background="https://img.webme.com/pic/k/korany/sayacv1.png"> <br /> <div class="tabloyazi"><span style="font-size: large"><span style="color: rgb(0,0,0)"><span style="font-weight: bold"><span style="font-family: Arial"><span style="font-size: medium; "><span style="text-shadow: rgb(128, 128, 128) 0px 0px 3px; "><br /> </span><span style="font-size: large; "><span style="text-shadow: rgb(128, 128, 128) 0px 0px 3px; "> Bugün:95<br />  Tıklanma:291<br /> Online:<script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://dokaliko.tr.gg"></script><br /> İpniz:78.161.222.133</span></span></span></span></span></span></span></div> </td> </tr> </tbody> </table> </body></html></td> <td width="24"> </td> <td width="659" align="left" valign="top"> <!--dokaliko.tr.gg-yukari cik capasi basla--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> /*********************************************** * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://www.dynamicdrive.com for full source code ***********************************************/ //** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. //** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09') //** v1.1 (April 7th, 09'): //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. //** 2) Fixes scroll animation not working in Opera. TÜRKÇESİ: Kod Operada Çalışmaz! var scrolltotop={ //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, controlHTML: '<img src="https://img.webme.com/pic/d/dokaliko/yukaricikcapasi1.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links state: {isvisible:false, shouldvisible:false}, scrollup:function(){ if (!this.cssfixedsupport) //if control is positioned using JavaScript this.$control.css({opacity:0}) //hide control immediately after clicking it var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists dest=jQuery('#'+dest).offset().top else dest=0 this.$body.animate({scrollTop: dest}, this.setting.scrollduration); }, keepfixed:function(){ var $window=jQuery(window) var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety this.$control.css({left:controlx+'px', top:controly+'px'}) }, togglecontrol:function(){ var scrolltop=jQuery(window).scrollTop() if (!this.cssfixedsupport) this.keepfixed() this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false if (this.state.shouldvisible && !this.state.isvisible){ this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) this.state.isvisible=true } else if (this.state.shouldvisible==false && this.state.isvisible){ this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) this.state.isvisible=false } }, init:function(){ jQuery(document).ready(function($){ var mainobj=scrolltotop var iebrws=document.all mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) .attr({title:''}) .click(function(){mainobj.scrollup(); return false}) .appendTo('body') if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text mainobj.togglecontrol() $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ mainobj.scrollup() return false }) $(window).bind('scroll resize', function(e){ mainobj.togglecontrol() }) }) } } scrolltotop.init() </script><!--dokaliko.tr.gg-yukari cik capasi bitir-->

 Tasarım Altı :

Css :

} p {text-shadow: -2px -2px 4px silver} 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;} body { background-image: url(http://myprofilebackgrounds.com/myspace-backgrounds/images/Colors%20~%20Black/1177991097-718-2.gif); background-repeat: repeat; background-attachment: scroll; background-color: white; background-position: top-left; } } #menm { float: left; height: auto; width: 200px; margin-left: 20px; } .HazirMenu .headerbar{ color: white; margin-bottom: 5px; height: 18px; padding: 8px 0 5px 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-shadow: -2px 1px 1px #E9E9E9; color: ##c0ff40; background-image: url(https://img.webme.com/pic/d/dogukanpekgoz/menbaslk.png); } .HazirMenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .HazirMenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .HazirMenu ul li a{ color: #A70303; /*custom bullet list image*/ display: block; padding-left: 25px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 12px; background-image: url(https://img.webme.com/pic/d/dogukanpekgoz/faivkonn22.png); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-right: 0; padding-bottom: 3px; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: #dadada; } .HazirMenu ul li a:visited{ color: #A70303; } .HazirMenu ul li a:hover{ /*hover state CSS*/ color: #000000; background-color: #F3F3F3; } input,textarea{ border: 1px solid #00BFFF; background: #eeeeee; padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;} input[type="submit"]{ background: url(https://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x; border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #646464; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb; color: #000000; text-decoration: none;} textarea.code{ border: 1px solid #dddddd; background: #efefef; width: 460px; height: 45px; font-size: 11px; overflow: auto; padding: 5px; margin: 2px 0px 2px 0px; } textarea.code:focus{ border: 1px solid #cccccc; background: #fff; } #below_content{margin-bottom:-950px;} font[color="green"]{ background-color:#ADFF2F; border:1px solid #00B233; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } font[color="red"]{ background-color:#FF9999; border:1px solid #CC0033; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; }