4

CSS WEB TASARIM

ŞUB18

oyun sitesi tasarımı

- CSS Tasarımı

Tasarımın Üstüne
<div align="center"> <table border="0" cellspacing="0" bordercolor="#ccffff" cellpadding="2" width="840" bgcolor="#ffffff" style="border-bottom: #c8c8c8 3px solid; border-left: #c8c8c8 3px solid; width: 840px; height: 594px; border-top: #c8c8c8 3px solid; border-right: #c8c8c8 3px solid"> <tbody> <tr> <td align="center"><br /> <table border="0" cellspacing="0" bordercolor="#ccffff" cellpadding="2" width="801" style="width: 801px; height: 483px"> <tbody> <tr bgcolor="#fbfbfb"> <td width="100%" align="right"> <link rel="stylesheet" type="text/css" href="sitil/1.css" /><script language="Javascript1.2" type="text/javascript"> </script><script language="Javascript1.2" src="editor/editor.js" type="text/javascript"></script><style type="text/css"> .btn { width: 22px; height: 22px; border: 1px solid buttonface; margin: 0; padding: 0; } .btnOver { width: 22px; height: 22px; border: 1px outset; } .btnDown { width: 22px; height: 22px; border: 1px inset; background-color: buttonhighlight; } .btnNA { width: 22px; height: 22px; border: 1px solid buttonface; filter: alpha(opacity=25); } .cMenu { background-color: threedface; color: menutext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }.cMenuOver { background-color: highlight; color: highlighttext; cursor: Default; font-family: MS Sans Serif; font-size: 8pt; padding: 2 12 2 16; }.cMenuDivOuter { background-color: threedface; height: 9 }.cMenuDivInner { margin: 0 4 0 4; border-width: 1; border-style: solid; border-color: threedshadow threedhighlight threedhighlight threedshadow; }</style><script type="text/javascript">  </script><script language="JavaScript" type="text/javascript"> function SayiKontrol(ths) { if (event.keyCode < 44 || event.keyCode > 57 ) { event.keyCode = 0; return false; } else return true; } </script><script type="text/javascript">  </script><script language="JavaScript" type="text/javascript">  </script><script language="JavaScript" type="text/javascript">  </script><script type="text/javascript"> /* Form field Limiter script- By Dynamic Drive For full source code and more DHTML scripts, visit http://www.dynamicdrive.com This credit MUST stay intact for use */ var ns6=document.getElementById&&!document.all function restrictinput(maxlength,e,placeholder){ if (window.event&&event.srcElement.value.length>=maxlength) return false else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){ var pressedkey=/[a-zA-Z0-9.,/]/ //detect alphanumeric keys if (pressedkey.test(String.fromCharCode(e.which))) e.stopPropagation() } } function countlimit(maxlength,e,placeholder){ var theform=eval(placeholder) var lengthleft=maxlength-theform.value.length var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder) if (window.event||e.target&&e.target==eval(placeholder)){ if (lengthleft<0) theform.value=theform.value.substring(0,maxlength) placeholderobj.innerHTML=lengthleft } } function displaylimit(thename, theid, thelimit){ var theform=theid!=""? document.getElementById(theid) : thename var limit_text='<b><BR> <span id="'+theform.toString()+'">'+thelimit+'</span></b>' if (document.all||ns6) document.write(limit_text) if (document.all){ eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)} eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)} } else if (ns6){ document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true); document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true); } } </script><script type="text/javascript"> function stoperror(){ return true } window.onerror=stoperror </script> <form method="post" action="default.asp?part=uyegorev&gorev=kontrol"> <table border="0" cellspacing="0" bordercolor="#ccffff" cellpadding="1" width="100%"> <tbody> <tr> <td width="50%" align="right"><font color="#993300"><strong><em><img border="0" alt="" width="20" height="21" src="https://img.webme.com/pic/p/piriketseverler/home.png" /><font color="#993300"> </font></em></strong><a href="http://www.vbdersleri.tr.gg/index.php"><strong><em>Anasayfa</em></strong></a> </font><strong><em><font color="#993300"><img border="0" alt="" width="16" height="16" src="http://www.reklamtakas.com/img/mail.gif" /></font></em></strong><font color="#000000"> </font><a title="iletişim" href="/iletisim.htm"><strong>İletişim</strong></a></td> </tr> </tbody> </table> </form> </td> </tr> <tr> <td height="80" width="100%" align="center"> <table border="0" cellspacing="0" bordercolor="#f8f8f8" cellpadding="3" width="100%"> <tbody> <tr> <td width="160"><img alt="" width="783" height="156" src="https://img.webme.com/pic/c/css-webtasarim/banner768yazili.png" /></td> </tr> </tbody> </table> <strong><font color="#0000ff"><font color="#ff0000"> <table border="0" cellspacing="3" width="102%" background="http://www.tembeltavuk.com/images/backs.JPG" bgcolor="#ffffff"> <tbody> <tr> <td bgcolor="#84c400" height="20" width="9%" align="center"><font color="#ffffff" size="1" face="Verdana"><a title="Macera Oyunları" style="text-decoration: none" href="/macera-oyunlari.htm"><font color="#ffffff"><strong>Macera</strong></font></a></font></td> <td bgcolor="#3399ff" height="20" width="9%" align="center"><strong><font color="#ffffff" size="1" face="Verdana"><a title="Beceri" style="text-decoration: none" href="/beceri-oyunlari.htm"><font color="#ffffff">Beceri</font></a></font></strong></td> <td bgcolor="#cc0000" height="20" width="10%" align="center"><strong><font color="#ffffff" size="1" face="Verdana"><a title="Zeka Oyunları" style="text-decoration: none" href="/zeka-oyunlari.htm"><font color="#ffffff">Zeka</font></a></font></strong></td> <td bgcolor="#ff8a15" height="20" width="11%" align="center"><strong><font color="#ffffff" size="1" face="Verdana"><a title="Aksiyon Oyunları" style="text-decoration: none" href="/aksiyon-oyunlari.htm"><font color="#ffffff">Aksiyon</font></a></font></strong></td> <td bgcolor="#990099" height="20" width="11%" align="center"><strong><font color="#ffffff" size="1" face="Verdana"><a title="Yarış" style="text-decoration: none" href="/yaris-oyunlari.htm"><font color="#ffffff">Yarış</font></a></font></strong></td> <td bgcolor="#0063ce" height="20" width="10%" align="center"><strong><a title="Komik Oyunlar" style="text-decoration: none" href="/komik-oyunlar.htm"><font color="#ffffff" size="1" face="Verdana">Komik</font></a></strong></td> <td bgcolor="#f0c000" height="20" width="10%" align="center"><strong><a title="Dövüş" style="text-decoration: none" href="/dovus-oyunlari.htm"><font color="#ffffff" size="1" face="Verdana">Dövüş</font></a></strong></td> <td bgcolor="#84c400" width="10%" align="center"><strong><a title="Spor" style="text-decoration: none" href="/spor-oyunlari.htm"><font color="#ffffff" size="1" face="Verdana">Spor</font></a></strong></td> <td bgcolor="#3399ff" width="10%" align="center"><strong><a title="Çocuk" style="text-decoration: none" href="/cocuk-oyunlari.htm"><font color="#ffffff" size="1" face="Verdana">Çocuk</font></a></strong></td> <td bgcolor="#cc0000" width="10%" align="center"><strong><a title="3D" oyunlar="" style="text-decoration: none" href="/3d-oyunlar.htm"><font color="#ffffff" size="1" face="Verdana">3D</font></a></strong></td> </tr> </tbody> </table> VBDersleri.Tr.Gg:</font>Visual Basic Derslerinde Tek Kral Site</font></strong></td> </tr> <tr> <td height="350" valign="top" width="100%" align="center"> <div align="center"> <table border="0" cellspacing="0" bordercolor="#ccffff" cellpadding="5" width="792" style="width: 792px; height: 155px"> <tbody> <tr> <td>
Tasarımın Altına
</td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div>
İçerik Kısmına
<a name="top"></a> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <a href="#" class="yukari"><img src="http://img2.blogcu.com/images/c/o/d/coderworld/sb14.png" border="0" title="Yukarı" /></a>

CSS Koduna
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;} /* 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;} /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;} /* Theme Name: CreativeArt Theme URI: http://freethemelayouts.com/ Description: Designed by <a href="http://freethemelayouts.com" _fcksavedurl="http://freethemelayouts.com">FreeThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use. Version: 1 Author: FreeThemeLayout/DreamTemplate Author URI: http://www.freethemelayouts.com/ */ body { background:#dde4dc url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/bg.gif) center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; color:#35383d;} html { padding:0; margin:0;} a:link { text-decoration:none; color :#9f974b; border:0;} a:active { text-decoration:underline; color :#9f974b; border:0;} a:visited { text-decoration:none; color :#9f974b; border:0;} a:hover { text-decoration:underline; color :#7f262e; border:0;} a:focus { outline:none;} .clr { clear:both;} h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} img { padding:0; margin:0; border:none; text-align:center;} hr { border-left:0px solid #7f262e; border-right:0px solid #7f262e; border-top:0px dotted #7f262e; border-bottom:1px solid #7f262e; height :1px; } form { padding:0; margin:0;} input { font-family:'Verdana'; color:#282b31; font-size:11px;} textarea { font-family:'Verdana'; color:#282b31; font-size:11px;} select { font-family:'Verdana'; color:#282b31; font-size:11px;} #bgcontainer { width:1000px; margin:0 auto; padding:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/right.jpg) no-repeat top right;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Header { height:158px;} /* */ .Syn { height:110px; width:119px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/rss.jpg) no-repeat right; float:left;} .Syn ul { margin:0; padding:50px 0 10px 0;} .Syn li { margin:0px 5px 0 0; padding:0px 10px 0 20px; list-style-type:none; font-size:9px; color:#c5793d; font-weight:normal;} .Syn li a {color:#c5793d; } .Syn li a:visited {color:#c5793d; } .Syn li a:hover {color:#81292e; } .Header { width:840px; position:relative; height:158px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/hed_t.jpg) no-repeat right bottom;} .Logo { float:left; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/log.jpg) no-repeat; width:310px; height:158px;} .Header .LogoText h1 { font-size:50px; line-height:55px; letter-spacing:-2px; padding:53px 25px 0 0; margin:0; font:bold 28px Arial, Helvetica, sans-serif; text-align:right;} .Header .LogoText a { color: #fffcd3; text-decoration:none; width:310px; height:158px;} .Header .LogoText a:visited { color:#fffcd3; text-decoration:none; } .Header .LogoText a:hover { color:#fffcd3; text-decoration:none; } .Header .Desc { color:#eeede5; line-height:14px; font:bold 14px Arial, Helvetica, sans-serif; padding:5px 10px 0 0; margin:0; text-align:right;} /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { padding:0 0 20px 0; margin:0; float:left; width:411px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/head_menu_bg.jpg) no-repeat;} .Menu ul { list-style:none; margin:0; padding:0;} .Menu ul li { padding:41px 0 30px 0; margin:0; display:inline; float:left; } .Menu ul li a:link { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:active { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:visited { padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} .Menu ul li a:hover { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/menu_hover.gif) no-repeat center; padding:45px 13px 30px 13px; margin:0; line-height:16px; color:#eeede5; font:bold 16px Arial, Helvetica, sans-serif; text-decoration:none;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CON { width:840px; padding:0; margin:0; } /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width:507px; float:right; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/bl_bg.gif);} .head_bg { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/b_bg.jpg) no-repeat top;} .foot_bg { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/b_bot.jpg) no-repeat bottom; padding:10px; min-height:696px;} .pagetitle { font-size:24px; line-height:24px; font-weight:bold; letter-spacing:-1px; border-bottom:solid 1px #d0c1c1;padding:15px 0; margin-top:0; color:#303030;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding:10px 0;} .PostHead { border:0; padding:5px; } .PostHead h2 { font-size:24px; letter-spacing:-1px; font-weight:normal; padding:0px 0 10px 10px; margin:0; color:#303030; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/line.gif) no-repeat bottom;} .PostHead h2 a { color:#303030; text-decoration:none;} .PostHead h2 a:visited { color:#303030; text-decoration:none;} .PostHead h2 a:hover { color:#303030; text-decoration:underline;} .PostHead h3 { font-size:14px; line-height:14px; font-weight:bold; padding:0; margin:0; color:#000033;} /**/ * html .PostTime { } /**/ .PostTime { padding:3px 0 3px 20px; margin:5px 0; color:#5c6f6c; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/nt_l.gif) no-repeat left; line-height:18px; } .PostTime strong { font-weight:normal; font-size:14px;} .PostTime .day { font-size:14px;} .PostTime .month { font-size:14px;} .PostTime .year { font-size:14px;} .PostHead small {padding:3px 10px 3px 0; margin:0; font-size:14px; line-height:18px; font-weight:normal;} .PostAuthor { color:#5c6f6c; } .PostCat { color:#5c6f6c; background:#dbd9c6 url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/nt_r.gif) no-repeat right; padding:3px 10px 3px 0; } .PostCat a { color:#7f262e; text-decoration:none; } .PostCat a:visited { color:#7f262e; text-decoration:none; } .PostCat a:hover { color:#7f262e; text-decoration:underline; } .PostContent { padding:10px 0 0 0; font-size:11px; line-height:1.4em ; color:#303030; font-family:Verdana, Arial, Helvetica, sans-serif;} .PostContent p { font-size:11px; line-height:1.4em; color:#303030;} .PostContent p strong {} .PostContent img {} .PostContent ol { padding:10px 0 10px 25px; margin:0; } .PostContent ol li { padding:2px 0 2px 0; font-size:12px; line-height:15px; color:#929292; } .PostContent ul { padding:5px 0 5px 25px; margin:0; } .PostContent ul li { padding:2px 0 2px 0; font-size:11px; line-height:15px; color:#929292; } .PostContent blockquote { padding:10px; margin:0; color:#993366; background:#eaf7ff;} .PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;} .PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;} .PostContent blockquote a { color:#7f262e;} .PostContent blockquote a:visited { color:#7f262e;} .PostContent blockquote a:hover { color:#7f262e; text-decoration:underline;} /**/ * html .PostContent p img {} /* */ .PostContent p img { max-width:420px;} .PostContent img { margin:0px 10px 10px 0; float:left;} .PostCom { border-top:1px solid #d3d4ce; padding:10px 0;} .PostCom ul { padding:0; margin:0;} .PostCom li { padding:5px 0 5px 25px; margin:0px 5px 0 0; list-style-type:none; display:inline; color:#2a688c; font-size:14px; } .PostCom li a { font-weight:normal; text-decoration:underline; color:#7f262e;} .PostCom li a:visited { font-weight:normal; text-decoration:underline; color:#7f262e;} .PostCom li a:hover { font-weight:normal; text-decoration:none; color:#7f262e;} .PostCom .Com { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/ct.gif) no-repeat left center; } .PostCom .Tags { padding-left:0;} /* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Note { padding:0; margin:0;} .Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;} /* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .TrackList { background:#f4ebef url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListBottom.gif) no-repeat bottom; padding:15px; margin-top:20px; position:relative;} .TrackListTop { background:#f4ebef url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListTop.gif) no-repeat top; position:absolute; top:0; left:0; width:455px; height:10px; } .TrackList h3 { font-size:14px; font-weight:bold; margin:0px 0 5px 0; padding:0px 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;} .TrackList ul { padding:0; margin:0;} .TrackList li { padding:0px 0 0 10px; margin:0; list-style-type:none; font-size:11px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/TrackListIco.gif) no-repeat left top;} .TrackList li a { color:#cc3366; } /* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Nav { font-size:11px; padding:10px 0; color:#666; font-family:'Verdana';} .Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;} .Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;} .Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;} .Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666; } .Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;} /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin:20px 0 0 0; position:relative;} .Comments h3 { font-size:16px; letter-spacing:-1px; margin:0px 0 5px 0; padding:10px 0; color:#660000; border-bottom:solid 2px #660000;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .List ol { padding:0; margin:0;} .List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/PostDotted.gif) repeat-x bottom; } /**/ * html .List .LGrav { right:30px;} /* */ .List .LGrav { position:absolute; right:0; top:10px;} .List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;} .List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;} .List .LUsr a { color:#999; text-decoration:none;} .List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666;} .List .LUsr strong a { color:#cc0000; text-decoration:none;} .List .LCon { margin:10px 0 0 0; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;} .List .LCon p { margin:0; padding:5px 0; font-size:12px; line-height:16px;} .List .Author { background:#fff; } /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Form .Email { } .Form { padding:0px 0 10px 0; position:relative; margin:0; font-family:'Verdana';} .Form form { margin:0; padding:0;} .Form a { text-decoration:underline;} .Form p { padding:0px 0 2px 0; margin:0; color:#666; } .Form p small strong { font-weight:bold; color:#FF3300;} .Form p small { font-size:11px; display:block; padding:6px 0; color:#000;} .Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;} .Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;} .Form input.SubmitComment { width:57px; height:29px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat; margin-top:4px;} .Form input.SubmitComment:hover { background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;} .Form input.SubmitCommentIE { width:57px; height:29px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;} /* Banners ADs ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .ADs .banner { margin:0; padding:0 0 20px 0; } .ADs .banner h2 { font-size:24px; line-height:24px; letter-spacing:-1px; font-weight:normal; padding:20px 0 10px 10px; margin:0; color:#303030; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/line.gif) no-repeat bottom;} .ADs .banner ul { margin:0; padding:10px 0 0 10px;} .ADs .banner li { margin:0; padding:1px 30px 1px 0; list-style-type:none; float:left;} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width:333px; min-height:626px; float:left; padding:70px 0 0 0; margin:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/left.jpg) no-repeat top;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR { width:198px; float:right; margin:0 40px 0 0 !important; margin:0 20px 0 0;} .SRR h2 { letter-spacing:1px; padding:0 10px 10px 25px; margin:0; font:normal 18px Tahoma, Arial; color:#dad8b7; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/as.gif) no-repeat left top;} .SRR ul { margin:0; padding:0px 0 0 20px;} .SRR li { margin:0; padding:0; list-style-type:none; } .SRR a { color:#a1a1a1; text-decoration:underline;} .SRR a:visited { color:#a1a1a1;} .SRR a:hover { color:#a1a1a1; text-decoration:none;} /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR .widget { margin:0px 0 10px 0; padding:0;} .SRR .widget ul { margin:0; padding:0px 0 0 20px;} .SRR .widget li { margin:0; padding:1px 0 1px 0; list-style-type:none; font-size:12px; color:#999;} .SRR .widget li a { color:#a1a1a1; text-decoration:underline;} .SRR .widget li a:visited { color:#a1a1a1;} .SRR .widget li a:hover { color:#a1a1a1; text-decoration:none;} .SRR .widget_categories { width:198px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_bg.jpg) 0 195px; } .SRR .widget_categories .head_bg { width:198px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_t.jpg) no-repeat top; } .SRR .widget_categories .foot_bg { width:178px; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_f.jpg) no-repeat bottom; padding:0 10px; margin:0; min-height:262px; } .SRR .widget_categories h2 { font:normal 24px Tahoma, Arial; color:#753036; padding:20px 10px 10px 20px; margin:0;} .SRR .widget_categories ul { margin:0; padding:0 0 15px 10px;} .SRR .widget_categories ul li { margin:0; padding:5px 0 5px 20px; list-style-type:none; font-size:11px; color:#292929; font-weight:normal; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/cat_l.gif) no-repeat left;} .SRR .widget_categories ul li a { color:#292929;} .SRR .widget_categories ul li a:visited { color:#292929;} .SRR .widget_categories ul li a:hover { color:#292929; text-decoration:underline;} .SRR .widget_categories ul ul { margin:2px 0 0 0; padding:0; list-style-type:none; background:none; border-bottom:none;} .SRR .widget_categories ul li li { margin:0; padding:1px 0; list-style-type:none; background:none; border-bottom:none; font-size:12px; font-weight:normal;} .SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px;} .SRR .widget_calendar table { width:100%;} .SRR .widget_calendar table td { text-align:center; padding:3px; } .SRR .widget_calendar caption { background:#fff3e2; padding:5px 0;} .SRR .widget_calendar #today { background:#fff3e2;} .SRR .widget_tag_cloud { font-family:"Trebuchet MS"; line-height:22px;} .SRR .widget_calendar table { width:100%;} .SRR .widget_calendar table td { text-align:center; padding:3px; } .SRR .widget_calendar caption { background:#ffe0bf; padding:5px 0;} .SRR .widget_calendar #today { background:#ffe0bf;} /* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /**/ * html .Search { } /**/ .Search { padding:10px 20px 0 0; } .Search form { padding:0; margin:0; } .Search h2 { letter-spacing:1px; padding:0 10px 10px 0; margin:0; font:normal 18px Tahoma, Arial; color:#dad8b7; background:none;} .Search input { color:#330033; font-size:12px;} .Search input.keyword { border:1px solid #5a5a4e; padding:4px 5px 4px 5px; width:113px; height:19px; float:left; color:#FFFFFF; background:#37362e; } .Search input.search { margin:0; padding:0;} .Search .bt { padding:0px 10px; margin:0px 0 0 0; background:none; float:left; } /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FBG { width:1000px; margin:0 auto; padding:0;} .FBG .widget_flickrrss { margin:0; padding:0; background:url(http://freethemelayouts.com/blog/wp-content/themes/CreativeArt/images/f_bg.jpg) no-repeat; height:175px;} .FBG .widget_flickrrss h2 { color:#81292e; font:normal 24px Tahoma, Arial; padding:18px 0 18px 380px; margin:0; color:#eeede5;} .FBG .widget_flickrrss ul { margin:0; padding:0 0 15px 380px;} .FBG .widget_flickrrss li { list-style-type:none; display:inline; padding:1px; float:left; padding:3px;} .FBG .widget_flickrrss li a img { background:#fff; padding:0; border:solid 1px #cebea9; width:43px; height:43px;} .FBG .widget_flickrrss li a:visited img { background:#fff; padding:0; border:solid 1px #cebea9; width:43px; height:43px;} .FBG .widget_flickrrss li a:hover img { background:#660000; padding:0; border:solid 1px #660000;} .Footer { width:1000px; margin:0 auto; padding:10px 0; text-align:center;} .Footer p { font-size:10px; line-height:15px; color:#76715e; padding:0; margin:0; font-family:'Verdana'; } .Footer a { color:#76715e; text-decoration:underline;}
.

Duyurular

Reklam

Bu Site, Tasarım Düzenleme ve Önizleme Sitesidir - Css-WebTasarim.Tr.Gg ve VBDersleri.Tr.Gg Sitelerinin Aracılığıyla..

4

CSS WEB TASARIM

oyun sitesi tasarımı