web develobment css tasarımı

[url=http://websteam.forum.st/giriş yapılacak  sayfanın adresi]GİRİŞ YAP[/url]
[list]
<LI class="SAYFA URL">ANA SAYFA
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[/list]

[b]Search[/b]




enter the domain name



[b]Our scopes[/b]


[list]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[/list]
[url=http://websteam.forum.st/#][img]a href=[/img]http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif[/url]" _fcksavedurl="[url=http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif]http://img231.imageshack.us/img231/9494/banneryk8.gif/banner.gif[/url]" alt="banner" width="157" height="146" border="0" class="banner" /></A>


[url=http://websteam.forum.st/#][/url]
[url=http://websteam.forum.st/#][/url]











[list]
[*][url=http://websteam.forum.st/SAYFA URL]ANA SAYFA[/url]|
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]|
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]|
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]|
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]|
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[*][url=http://websteam.forum.st/SAYFA URL]SAYFA ADI[/url]
[/list]

[url=http://websteam.forum.st/a href=]http://kod-collection.tr.gg[/url]" _fcksavedurl="[url=http://kod-collection.tr.gg"kod-collection.tr.gg/a]http://kod-collection.tr.gg">kod-collection.tr.gg ve [url=http://websteam.forum.st/a href=]http://kod-collection.tr.gg[/url]" _fcksavedurl="[url=http://kod-collection.tr.gg"MEHMET/a/p]http://kod-collection.tr.gg">MEHMET</A>
Designed By: KAOS!ABİ

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;}
/* CSS Document */
body{
padding:0;
margin:0;
background:url([url=http://img530.imageshack.us/img530/5081/bodybgyn7.gif/body_bg.gif]http://img530.imageshack.us/img530/5081/bodybgyn7.gif/body_bg.gif[/url]) 0 0 repeat-x #C3EA5E;
color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
margin:0; padding:0;
}
ul{
margin:0;
padding:0;
list-style-type:none;
}
.spacer{
clear:both;
font-size:0px;
line-height:0px;
}
/*------------------------------------------------body---------------------*/
/*------------------------------------------------header start---------------------*/
#header{
width:778px;
height:49px;
background:url([url=http://img57.imageshack.us/img57/1140/headerry2.jpg/header.jpg]http://img57.imageshack.us/img57/1140/headerry2.jpg/header.jpg[/url]) 0 0 no-repeat;
padding:385px 0 0 0;
margin:0 auto;
position:relative;
}
#header a.member{
background:url([url=http://img124.imageshack.us/img124/1285/memberloginiconpz0.gif/member_login_icon.gif]http://img124.imageshack.us/img124/1285/memberloginiconpz0.gif/member_login_icon.gif[/url]) center top no-repeat #fff;
width:44px;
height:17px;
padding:23px 0 0 0;
font:bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#0C0C0C;
text-transform:uppercase;
text-decoration:none;
text-align:center;
position:absolute;
left:490px;
top:6px;
}
#header a.member:hover{
color:#607800;
background-color:#fff;
}
#header img{
position:absolute;
left:209px;
top:311px;
}
#header ul.nav{
width:538px;
height:28px;
padding:0;
margin:0 auto;
}
#header ul.nav li{
float:left;
padding:0;
margin:0;
}
#header ul.nav li a{
display:block;
height:28px;
padding:0 11px 0 11px;
background-color:#FFFFEF;
color:#523500;
font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0 1px 0 0;
float:left;
}
#header ul.nav li a:hover{
background:url([url=http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif]http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif[/url]) 0 0 repeat-x #FFFEEF;
color:#fff;
}
#header ul.nav li.home{
display:block;
height:28px;
float:left;
margin:0;
padding:0 11px 0 11px;
background:url([url=http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif]http://img207.imageshack.us/img207/8735/navhovergc3.gif/nav_hover.gif[/url]) 0 0 repeat-x #FFFEEF;
color:#fff;
font:bold 11px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}
/*------------------------------------------------header end---------------------*/
/*------------------------------------------------body start---------------------*/
#body{
background:url([url=http://img530.imageshack.us/img530/6888/bodybgmidwd3.gif/body_bg_mid.gif]http://img530.imageshack.us/img530/6888/bodybgmidwd3.gif/body_bg_mid.gif[/url]) 0 0 repeat-y;
width:631px;
margin:0 auto;
}
#body p.top{
display:block;
background:url([url=http://img266.imageshack.us/img266/2095/bodytopbghg0.gif/body_top_bg.gif]http://img266.imageshack.us/img266/2095/bodytopbghg0.gif/body_top_bg.gif[/url]) 0 0 no-repeat;
width:631px;
height:75px;
float:left;
}
#body p.bot{
display:block;
background:url([url=http://img231.imageshack.us/img231/5766/bodybottombgpz5.gif/body_bottom_bg.gif]http://img231.imageshack.us/img231/5766/bodybottombgpz5.gif/body_bottom_bg.gif[/url]) 0 0 no-repeat;
width:631px;
height:78px;
float:left;
}
/*------------------------------------------------left panel start---------------------*/
#left{
width:414px;
padding:0 0 0 29px;
float:left;
}
#left h2{
display:block;
width:300px;
font:bold 22px/38px Georgia, "Times New Roman", Times, serif;
color:#694F10;
background-color:#F8EFD3;
float:left;
}
#left h3{
display:block;
width:354px;
height:23px;
padding:0 0 0 12px;
margin:0 0 0 0;
background:url([url=http://img84.imageshack.us/img84/1471/h3bgww0.gif/h3_bg.gif]http://img84.imageshack.us/img84/1471/h3bgww0.gif/h3_bg.gif[/url]) 0 0 no-repeat #FCF8EA;
font:bold 16px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#7C7A02;
float:left;
}
#left p.text1{
display:block;
width:385px;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#63562E;
background-color:#F8EFD3;
margin:0 0 0 0;
padding:24px 0 0 0;
float:left;
}
#left p.text2{
display:block;
width:385px;
font:normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#63562E;
background-color:#F8EFD3;
padding:11px 0 19px 0;
float:left;
}
#left p.text2 span{
font:bold 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#9C4D00;
background-color:#F8EFD3;
}
#left p.rm{
display:block;
width:370px;
height:19px;
margin:0 0 4px 0;
font-size:0;
background:url([url=http://img207.imageshack.us/img207/4461/readmoredivgv1.gif/read_more_div.gif]http://img207.imageshack.us/img207/4461/readmoredivgv1.gif/read_more_div.gif[/url]) 0 0 repeat-x;
float:left;
}
#left p.rm a{
background:url([url=http://img266.imageshack.us/img266/1682/btnreadmorebh1.gif/btn_read_more.gif]http://img266.imageshack.us/img266/1682/btnreadmorebh1.gif/btn_read_more.gif[/url]) 0 1px no-repeat;
width:58px;
height:14px;
padding:0;
margin:0;
float:right;
}
#left p.rm a:hover{
background:url([url=http://img84.imageshack.us/img84/2955/btnreadmorehoverok4.gif/btn_read_more_hover.gif]http://img84.imageshack.us/img84/2955/btnreadmorehoverok4.gif/btn_read_more_hover.gif[/url]) 0 1px no-repeat;
}
#left h3.date{
display:block;
background:url([url=http://img84.imageshack.us/img84/6221/datebgce0.gif/date_bg.gif]http://img84.imageshack.us/img84/6221/datebgce0.gif/date_bg.gif[/url]) 0 0 no-repeat #FCF8EA;
width:125px;
height:18px;
padding:0 0 0 12px;
margin:0 0 0 0;
font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#7C7A02;
float:left;
}
#left p.event{
width:354px;
background:url([url=http://img517.imageshack.us/img517/5166/eventbgvb9.gif/event_bg.gif]http://img517.imageshack.us/img517/5166/eventbgvb9.gif/event_bg.gif[/url]) 0 11px no-repeat #F8EFD3;
padding:11px 0 0 20px;
margin:0 0 15px 0;
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#63562E;
float:left;
}
#left p.rm2{
display:block;
width:370px;
height:14px;
font-size:0;
margin:0 0 4px 0;
background:url([url=http://img517.imageshack.us/img517/3364/readmoredivjp6.gif/read_more_div.gif]http://img517.imageshack.us/img517/3364/readmoredivjp6.gif/read_more_div.gif[/url]) 0 0 repeat-x;
float:left;
}
#left p.rm2 a{
background:url([url=http://img525.imageshack.us/img525/2529/btnreadmoredg7.gif/btn_read_more.gif]http://img525.imageshack.us/img525/2529/btnreadmoredg7.gif/btn_read_more.gif[/url]) 0 1px no-repeat;
width:58px;
height:14px;
padding:0;
margin:0;
float:right;
}
#left p.rm2 a:hover{
background:url([url=http://img518.imageshack.us/img518/607/btnreadmorehovercm8.gif/btn_read_more_hover.gif]http://img518.imageshack.us/img518/607/btnreadmorehovercm8.gif/btn_read_more_hover.gif[/url]) 0 1px no-repeat;
}
/*------------------------------------------------left panel end---------------------*/
/*------------------------------------------------right panel start---------------------*/
#right{
width:188px;
padding:5px 0 55px 0;
margin:0;
float:left;
}
#right h2{
display:block;
background:url([url=http://img117.imageshack.us/img117/1872/serchbgcp5.gif/serch_bg.gif]http://img117.imageshack.us/img117/1872/serchbgcp5.gif/serch_bg.gif[/url]) 0 0 no-repeat #ECE2C3;
width:145px;
height:27px;
padding:0 0 0 9px;
margin:0 0 5px 0;
font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
color:#694F10;
float:left;
}
#right form{
width:154px;
padding:0 0 35px 0;
margin:0;
float:left;
}
#right form p.domain{
width:134px;
height:15px;
background:url([url=http://img117.imageshack.us/img117/1872/serchbgcp5.gif/domain_name_bg.gif]http://img117.imageshack.us/img117/1872/serchbgcp5.gif/domain_name_bg.gif[/url]) 0 0 no-repeat #FCF8EA;
padding:0 0 0 20px;
margin:0 0 7px 0;
font:normal 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#900C00;
text-transform:uppercase;
float:left;
}
#right form input{
width:152px;
height:22px;
background-color:#fff;
color:#000;
border:#D0BE90 solid 1px;
font:normal 11px/22px Arial, Helvetica, sans-serif;
float:left;
}
#right form input.go{
background:url([url=http://img237.imageshack.us/img237/2803/btngoxl7.gif/btn_go.gif]http://img237.imageshack.us/img237/2803/btngoxl7.gif/btn_go.gif[/url]) 0 0 no-repeat;
width:27px;
height:11px;
border:none;
cursor:pointer;
float:right;
}
#right h2.scope{
display:block;
background:url([url=http://img237.imageshack.us/img237/9907/serchbgbb8.gif/serch_bg.gif]http://img237.imageshack.us/img237/9907/serchbgbb8.gif/serch_bg.gif[/url]) 0 0 no-repeat #ECE2C3;
width:145px;
height:27px;
padding:0 0 0 9px;
margin:0 0 12px 0;
font:normal 18px/27px Georgia, "Times New Roman", Times, serif;
color:#694F10;
float:left;
}
#right ul{
width:140px;
padding:0 0 28px 9px;
margin:0 0 0 0;
float:left;
font-size:0;
}
#right ul li{
padding:0;
margin:0;
float:left;
}
#right ul li a{
display:block;
width:125px;
background:url([url=http://img49.imageshack.us/img49/1765/arrow1yi9.gif/arrow1.gif]http://img49.imageshack.us/img49/1765/arrow1yi9.gif/arrow1.gif[/url]) 0 5px no-repeat #F8EFD3;
padding:0 0 0 15px;
font:bold 11px/19px Arial, Helvetica, sans-serif;
color:#BF0000;
text-decoration:none;
height:19px;
}
#right ul li a:hover{
background:url([url=http://img49.imageshack.us/img49/5572/arrow1hoveril8.gif/arrow1_hover.gif]http://img49.imageshack.us/img49/5572/arrow1hoveril8.gif/arrow1_hover.gif[/url]) 0 5px no-repeat #FEFAEC;
color:#694F10;
}
#right img.banner{
display:block;
width:157px;
height:146px;
margin:0 0 15px 0;
padding:0 0 0 3px;
float:left;
}
#right p.bottom{
display:block;
background:url([url=http://img49.imageshack.us/img49/9097/bottombgzc3.gif/bottom_bg.gif]http://img49.imageshack.us/img49/9097/bottombgzc3.gif/bottom_bg.gif[/url]) 0 0 no-repeat;
width:162px;
height:14px;
padding:0 0 0 22px;
margin:0;
float:left;
}
#right p.bottom a.xhtm{
display:block;
background:url([url=http://img129.imageshack.us/img129/2592/xhtmlbgsr3.gif/xhtml_bg.gif]http://img129.imageshack.us/img129/2592/xhtmlbgsr3.gif/xhtml_bg.gif[/url]) 0 1px no-repeat;
width:58px;
height:14px;
padding:0;
margin:0 7px 0 0;
font-size:0;
float:left;
}
#right p.bottom a.xhtm:hover{
background:url([url=http://img210.imageshack.us/img210/7044/xhtmlbghovermn2.gif/xhtml_bg_hover.gif]http://img210.imageshack.us/img210/7044/xhtmlbghovermn2.gif/xhtml_bg_hover.gif[/url]) 0 1px no-repeat;
}
#right p.bottom a.css{
display:block;
background:url([url=http://img129.imageshack.us/img129/1017/cssbgtm9.gif/css_bg.gif]http://img129.imageshack.us/img129/1017/cssbgtm9.gif/css_bg.gif[/url]) 0 1px no-repeat;
width:58px;
height:14px;
padding:0;
margin:0;
font-size:0;
float:left;
}
#right p.bottom a.css:hover{
background:url([url=http://img132.imageshack.us/img132/3936/cssbghoverdp6.gif/css_bg_hover.gif]http://img132.imageshack.us/img132/3936/cssbghoverdp6.gif/css_bg_hover.gif[/url]) 0 1px no-repeat;
}
/*------------------------------------------------right panel end---------------------*/
/*------------------------------------------------body end---------------------*/
/*------------------------------------------------footer start---------------------*/
#footer{
width:778px;
height:207px;
margin:0 auto;
padding:31px 0 0 0;
background:url(images/footer_bg.gif) left bottom no-repeat;
position:relative;
}
#footer ul{
width:559px;
margin:0;
padding:0;
position:absolute;
left:148px;
top:31px;
}
#footer ul li{
margin:0;
float:left;
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#880000;
background-color:#FFFFD5;
background-image:none;
}
#footer ul li a{
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#880000;
background-color:#FFFFD5;
text-decoration:none;
padding:0 10px 0 10px;
}
#footer ul li a:hover{
color:#000;
background-color:#C6EC62;
}
#footer p.copyright{
font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
background-color:#FFFED0;
position:absolute;
left:285px;
top:50px;
}
#footer p.design{
display:block;
width:194px;
height:17px;
border:#E1E08E solid 1px;
padding:0 0 0 35px;
position:absolute;
left:291px;
top:72px;
font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#990000;
background-color:#fff;
}
#footer a.link{
width:85px;
font:bold 11px/17px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#990000;
background-color:#fff;
padding:0 3px;
text-decoration:none;
text-transform:capitalize;
}
#footer a.link:hover{
color:#fff;
background-color:#B50000;
}
/*------------------------------------------------footer end---------------------*/