TASARIM ÜSTÜ ;

<div id="tasarim"> <div id="baslik"></div> <div id="ust"><div class="ustsol"><marquee> <p><span style="color: #0000ff"><span style="background-color: #ffffff"><span style=""><span style="font-size: x-small"><strong>!!!!!!!! v5 TASARIMI İLE SİZLERLE BİRLİKTEYİZ !!!!!!!! SİTEMİZDE CRETSİZ TASARIM YAPIM HİZMETİ DEVAM ETMEKTEDİR !!!!!!!!</strong></span></span></span></span></p> </marquee></div> <div class="ustsag"><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .suckertreemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .suckertreemenu ul li{ position: relative; display: inline; float: left; background-color: #F3F3F3; /*overall menu background color*/ } /*Top level menu link items style*/ .suckertreemenu ul li a{ display: block; width: 130px; /*Width of top level menu link items*/ padding: 1px 8px; border: 1px solid black; border-left-width: 0; text-decoration: none; color: navy; } /*1st sub level menu*/ .suckertreemenu ul li ul{ left: 0; position: absolute; top: 1em; /* no need to change, as true value set by script */ display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .suckertreemenu ul li ul li{ display: list-item; float: none; } /*All subsequent sub menu levels offset after 1st level sub menu */ .suckertreemenu ul li ul li ul{ left: 159px; /* no need to change, as true value set by script */ top: 0; } /* Sub level menu links style */ .suckertreemenu ul li ul li a{ display: block; width: 200px; /*width of sub menu levels*/ color: navy; text-decoration: none; padding: 1px 5px; border: 1px solid #ccc; } .suckertreemenu ul li a:hover{ background-color: black; color: white; } /*Background image for top level menu list links */ .suckertreemenu .mainfoldericon{ background: #F3F3F3 url(http://www.dynamicdrive.com/cssexamples/media/arrow-down.gif) no-repeat center right; } /*Background image for subsequent level menu list links */ .suckertreemenu .subfoldericon{ background: #F3F3F3 url(http://www.dynamicdrive.com/cssexamples/media/arrow-right.gif) no-repeat center right; } * html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/ padding-top: 1em; } /* Holly Hack for IE */ * html .suckertreemenu ul li { float: left; height: 1%; } * html .suckertreemenu ul li a { height: 1%; } /* End */</style><script type="text/javascript"> //SuckerTree Horizontal Menu (Sept 14th, 06) //By Dynamic Drive: http://www.dynamicdrive.com/style/ var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas function buildsubmenus_horizontal(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon" } else{ //else if this is a sub level menu (ul) ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon" } ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.visibility="visible" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.visibility="hidden" } } } } if (window.addEventListener) window.addEventListener("load", buildsubmenus_horizontal, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus_horizontal) </script> <div class="suckertreemenu"> <ul id="treemenu1"> <li><a style="border-left: black 1px solid" href="http://www.cssdizgini.tr.gg/anasayfa.htm" _fcksavedurl="http://www.cssdizgini.tr.gg/anasayfa.htm" _fcksavedurl="http://www.cssdizgini.tr.gg/anasayfa.htm"><span style="color: #ff0000">Anasayfa</span></a></li> <li><a style="border-left: black 1px solid" href="#" _fcksavedurl="#" _fcksavedurl="#"><span style="color: #ff0000">Css</span></a> <ul> <li><a href="http://www.cssdizgini.tr.gg/cssmenu1.htm" _fcksavedurl="http://www.cssdizgini.tr.gg/cssmenu1.htm" _fcksavedurl="http://www.cssdizgini.tr.gg/cssmenu1.htm">Css Men<002f0061003e003c/li> </ul> <li><a href="http://cssdizgini.tr.gg/ANKET.htm" _fcksavedurl="http://cssdizgini.tr.gg/ANKET.htm" _fcksavedurl="http://cssdizgini.tr.gg/ANKET.htm"><span style="color: #ff0000">Anket</span></a></li> <li><a style="width: 106px; height: 1.77%" href="http://cssdizgini.tr.gg/Z%26%23304%3BYARET%C7%26%23304%3B-DEFTER%26%23304%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/Z%26%23304%3BYARET%C7%26%23304%3B-DEFTER%26%23304%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/Z%26%23304%3BYARET%C7%26%23304%3B-DEFTER%26%23304%3B.htm"><span style="color: #ff0000"> Defter</span></a></li> <li><a style="width: 102px; height: 1.77%" href="http://cssdizgini.tr.gg/B%26%23304%3BLG%26%23304%3B-VE-%26%23304%3BLET%26%23304%3B%26%23350%3B%26%23304%3BM.htm" _fcksavedurl="http://cssdizgini.tr.gg/B%26%23304%3BLG%26%23304%3B-VE-%26%23304%3BLET%26%23304%3B%26%23350%3B%26%23304%3BM.htm" _fcksavedurl="http://cssdizgini.tr.gg/B%26%23304%3BLG%26%23304%3B-VE-%26%23304%3BLET%26%23304%3B%26%23350%3B%26%23304%3BM.htm"><span style="color: #ff0000">İletişim</span></a></li> </ul> </div></div></div> <div id="orta"> <div class="sagsutun"> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .sexypanels{ list-style-type: none; margin: 0; padding: 0; width: 240px; /* width of menu */ } .sexypanels li{ border-bottom: 1px solid yellow; /* white border beneath each menu item */ } .sexypanels li a{ background: #ffffcc url(media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/ font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana; display: block; color: white; width: auto; padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */ text-indent: 8px; text-decoration: none; border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/ } .sexypanels li a:visited, .sexypanels li a:active{ color: white; } .sexypanels li a:hover{ background-color: black; /*color of menu onMouseover*/ color: blue; border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/ }</style><!--[if IE]> <style type="text/css"> .sexypanels li a{ /* Menu link width value for IE */ width: 100%; } </style> <![endif]--> <ul class="sexypanels"> <li> <a class="menu" href="http://cssdizgini.tr.gg/lstema.htm" _fcksavedurl="http://cssdizgini.tr.gg/lstema.htm" _fcksavedurl="http://cssdizgini.tr.gg/lstema.htm"><span style="color: #ff0000">Liseli Web Tasarımı ( İSTEK )</span></a> <a class="menu" href="http://cssdizgini.tr.gg/Cdv5.htm" _fcksavedurl="http://cssdizgini.tr.gg/Cdv5.htm" _fcksavedurl="http://cssdizgini.tr.gg/Cdv5.htm"><span style="color: #ff0000">YENİ SPER v5 TASARIM</span></a> <a class="menu" href="http://cssdizgini.tr.gg/Cdv4.htm" _fcksavedurl="http://cssdizgini.tr.gg/Cdv4.htm" _fcksavedurl="http://cssdizgini.tr.gg/Cdv4.htm"><span style="color: #ff0000">C-D V4 TASARIMI</span></a> <a class="menu" href="http://cssdizgini.tr.gg/-Oe-zel-Gen%E7lik-Tasar%26%23305%3Bm%26%23305%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/-Oe-zel-Gen%E7lik-Tasar%26%23305%3Bm%26%23305%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/-Oe-zel-Gen%E7lik-Tasar%26%23305%3Bm%26%23305%3B.htm"><span style="color: #ff0000">İSTEK Genl0069k TASARIM</span></a> <a class="menu" href="http://cssdizgini.tr.gg/-Oe-zel-Dj-Tasar%26%23305%3Bm%26%23305%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/-Oe-zel-Dj-Tasar%26%23305%3Bm%26%23305%3B.htm" _fcksavedurl="http://cssdizgini.tr.gg/-Oe-zel-Dj-Tasar%26%23305%3Bm%26%23305%3B.htm"><span style="color: #ff0000">İSTEK ZEL Dj TASARIM</span></a> <a class="menu" href="http://cssdizgini.tr.gg/Mario-Tasar%26%23305%3Bm.htm" _fcksavedurl="http://cssdizgini.tr.gg/Mario-Tasar%26%23305%3Bm.htm" _fcksavedurl="http://cssdizgini.tr.gg/Mario-Tasar%26%23305%3Bm.htm"><span style="color: #ff0000">MARİO OYUN TASARIM</span></a> <a class="menu" href="http://cssdizgini.tr.gg/CSS-H_F-RED-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-H_F-RED-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-H_F-RED-TASARIM.htm"><span style="color: #ff0000">CSS H-F RED TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-OYUNCAK-TASARIMI-.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-OYUNCAK-TASARIMI-.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-OYUNCAK-TASARIMI-.htm"><span style="color: #ff0000">CSS OYUNCAK TASARIMI </span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-MAV%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-MAV%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-MAV%26%23304%3B-TASARIM.htm"><span style="color: #ff0000">CSS MAVİ TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-KAHVERENG%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KAHVERENG%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KAHVERENG%26%23304%3B-TASARIM.htm"><span style="color: #ff0000">CSS KAHVERENGİ TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-DAG-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DAG-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DAG-TASARIMI.htm"><span style="color: #ff0000">CSS DAG TASARIMI</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-KIRMIZI-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KIRMIZI-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KIRMIZI-TASARIM.htm"><span style="color: #ff0000">CSS KIRMIZI TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-DAMLA-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DAMLA-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DAMLA-TASARIMI.htm"><span style="color: #ff0000">CSS DAMLA TASARIMI</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-KARI%26%23350%3BIK-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KARI%26%23350%3BIK-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-KARI%26%23350%3BIK-TASARIM.htm"><span style="color: #ff0000">CSS KARIŞIK TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-SADE-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-SADE-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-SADE-TASARIM.htm"><span style="color: #ff0000">CSS SADE TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-MOR-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-MOR-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-MOR-TASARIM.htm"><span style="color: #ff0000">CSS MOR TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS--Oe-ZELC%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS--Oe-ZELC%26%23304%3B-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS--Oe-ZELC%26%23304%3B-TASARIM.htm"><span style="color: #ff0000">CSS ZELCİ TASARIM</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-BAYRAK-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-BAYRAK-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-BAYRAK-TASARIMI.htm"><span style="color: #ff0000">CSS BAYRAK TASARIMI</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-DEN%26%23304%3BZ-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DEN%26%23304%3BZ-TASARIMI.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-DEN%26%23304%3BZ-TASARIMI.htm"><span style="color: #ff0000">CSS DENİZ TASARIMI</span></a><a class="menu" href="http://cssdizgini.tr.gg/CSS-WORDPRESS-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-WORDPRESS-TASARIM.htm" _fcksavedurl="http://cssdizgini.tr.gg/CSS-WORDPRESS-TASARIM.htm"><span style="color: #ff0000">CSS WORDPRESS TASARIM</span></a></li> <li><span style="color: #ff0000"></span></li> </ul> </div> <div class="solsutun"> TASARIM ALTI ;

</div> <div id="alt"><div class="sagtik">Sponsorumuz Olmak İi006e İletişime Gei006eiz</div></div> </div> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <a href="#" _fcksavedurl="#" _fcksavedurl="#" class="yukari"><img src="http://img382.imageshack.us/img382/4578/yukariokfy3.gif" _fcksavedurl="http://img382.imageshack.us/img382/4578/yukariokfy3.gif" _fcksavedurl="http://img382.imageshack.us/img382/4578/yukariokfy3.gif" border="0" title="Yukarı" /></a> CSS KODU ;
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://www.backgroundlabs.com/backgrounds/190.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/c/cssdizgini/tasarim1.gif); width: 1000px; height: 230px; float: left; } .ustsol { width: 455px; float: left; padding: 25px 0 0 507px; overflow: auto; text-align: justify; font-family:Verdana, Arial; font-size:14px; color: #000000; } .ustsag { width: 695px; float: left; padding: 97px 0 0 240px; text-align: justify; font-family:Verdana, Arial; font-size:14px; font-color:#000000; } #orta{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/c/cssdizgini/tasarim2.gif); width: 1000px; height: 100%; float: left; } .sagsutun{ width:175px; float: left; padding: 0 0 0 26px; overflow: hidden; }.solsutun { width:555px; float: left; padding: 0 0 0 55px; overflow: hidden; text-align: justify; } .sag2sutun { width:145px; float: left; padding: 0 0 0 27px; overflow: hidden; text-align: justify; } #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/c/cssdizgini/tasarim3.gif); width: 1000px; height: 225px; float: left; } .sagtik { width: 665px; float: left; padding: 115px 0 0 310px; text-align: justify; font-family:Verdana, Arial; font-size:14px; font-color:#000000; } <style type="text/css"> .arrowlistmenu{ width: 500px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(https://img.webme.com/pic/s/sanaldersimiz/titlebar.bmp) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(https://img.webme.com/pic/s/sanaldersimiz/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style>