kilruge Yönetici
Nerden : Nereye.. Mesaj Sayısı : 257 +Rep Gücü :D : 1000 Kayıt tarihi : 22/05/10 Ruh Hali : Konu: Mario Tasarımı Süper Oyun Siteleri için C.tesi Mayıs 22, 2010 2:17 pm [Resimleri görebilmek için üye olun veya giriş yapın .] Tasarım Üst
Kod: <style type="text/css"> <!-- html, body { text-align: center; } --> </style> !-- wrapper start --> <div id="wrapper"> <!-- header start --> <div id="header"> <!-- navigation start --> <div id="navigation"> <a href="http://www.ezwpthemes.com/examples"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="Home" height="33px" width="92px" /></a> <a href="http://www.ezwpthemes.com/examples/?page_id=2"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="About" height="33px" width="121px" /></a> <a href="http://www.ezwpthemes.com/examples"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="Contact" height="33px" width="121px" /></a> <a href="http://www.ezwpthemes.com/examples/?page_id=145"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="FAQ" height="33px" width="81px" /></a> </div> <!-- navigation end --> <div id="searchform"> <form method="get" action="http://www.ezwpthemes.com/examples"> <input class="searchtext" type="text" value="" name="s" /> <input class="searchbutton" type="image" src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="Search" /> </form> </div> <div class="endline"></div> <div id="rss"><a href="http://www.ezwpthemes.com/examples/?feed=rss2"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/spacer.gif" alt="RSS" height="48" width="64" /></a></div> <div class="endline"></div> <h1><a href="http://www.ezwpthemes.com/examples">Hersey.forum.st</a></h1> <h2></h2> </div> <!-- header end --> <!-- container start --> <div id="container"> <!-- sidebar start --> <div id="sidebar"> <ul> <div class="sidebar-img"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/sidebar-top.jpg" alt="" /></div> <li> <ul> <li class="cat-item cat-item-35"><a href="http://www.ezwpthemes.com/examples/?cat=35" title="</a> </li> <li class="cat-item cat-item-36"><a href="http://www.ezwpthemes.com/examples/?cat=36" title=""></a> </li> <li class="cat-item cat-item-37"><a href="http://www.ezwpthemes.com/examples/?cat=37" title=""></a> </li> </ul> </li> <div class="sidebar-img"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/sidebar-archives.jpg" alt="" /></div> <li> <ul> <li><a href='http://www.ezwpthemes.com/examples/?m=200901' title='January 2009'>January 2009</a></li> </ul> </li> <div class="sidebar-img"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/sidebar-links.jpg" alt="" /></div> <li> <span style="display: none;">Blogroll</span> <ul class='xoxo blogroll'> <li><a href="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> <div class="sidebar-img"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/sidebar-meta.jpg" alt="" /></div> <li> <ul> <li> <a href="http://www.ezwpthemes.com/examples/wp-login.php">Log in</a> </li> </ul> </li> <div class="sidebar-img"><img src="http://www.ezwpthemes.com/examples/wp-content/themes/super-mario-land/images/sidebar-bottom.jpg" alt="" /></div> <div class="endline"></div> </ul> </div> <!-- sidebar end --> <!-- content start --> <div id="content-bg"> <div id="content-top"> <div id="content"> <div class="post"> <h2><a href="p=180"></a></h2> <div class="entry"> <p class="postmetadata"></p> <p>
Tasarım Alt
Kod: </p>
</div>
</div>
<div class="post">
<h2><a href="http://www.ezwpthemes.com/examples/?p=177">a></h2>
<div class="entry">
<p class="postmetadata"></p>
<p><a href=""><img src="" alt="" width="311" height="133" class="alignleft size-full wp-image-178" /></a> <del ="00">del> .</p>
<p>p>
<div class="endline"></div>
<p class="tags"></p>
<p class="commentline">
<a href="http://www.ezwpthemes.com/examples/?p=177#comments"><img src="" alt="" /> (0)</a>
</p>
</div>
</div>
<div class="endline"></div>
</div>
<div class="endline"></div>
</div>
</div>
<!-- content end -->
<div class="endline"></div>
</div>
<!-- container end -->
<!-- footer start -->
<div id="footer">
<p>Copyright
2009 <a href="http://www.ezwpthemes.com/examples">Games Themes</a>. All rights reserved.
<a href="http://www.ezwpthemes.com/examples/?feed=rss2">Entries RSS</a> & <a href="http://www.ezwpthemes.com/examples/?feed=comments-rss2">Comments RSS</a> | <a href="http://www.ezwpthemes.com/examples/wp-login.php">Log in</a> | <a href="http://validator.w3.org/check/referer">Valid XHTML</a>
<a href="http://www.ezwpthemes.com/">WordPress Themes</a> designed by <a href="http://www.ezwpthemes.com/">EZwpthemes</a></p>
</div>
<!-- footer end -->
</div>
<!-- wrapper end -->
Css Kodu
Kod: 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;} */ /* Global */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Verdana, Sans-Serif; background: #fff url(http://img44.imageshack.us/img44/1011/76782917.jpg) repeat-x; margin: 0; padding: 0; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999999; } blockquote { margin: 5px 20px; padding: 0; color: #000; border-left: 5px solid #dedede; background: #efefef; } blockquote p { margin:0; padding: 10px 20px; display: block; } a { color: #fa5400; } a:hover { text-decoration: none; } a img { border: none; } img { border: none; } h1, h2, h3 { font-family: Arial, Verdana, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; } h2 { font-size: 1.6em; } #wrapper { margin: 0 auto; width: 871px; } /* Header */ #header { width: 871px; height: 235px; margin: 0; padding: 0; background: url(http://img37.imageshack.us/img37/7341/headerwrz.jpg) no-repeat; } #header h1 { font-size: 4em; padding: 20px 0 0 420px; margin: 0; } #header h1 a { text-decoration: none; color: #000; } #header h2 { color: #000; font-size: 1.6em; padding: 5px 0 0 440px; margin: 0; } /* Navigation */ #navigation { padding: 0 0 0 240px; float: left; } #searchform { float: left; padding: 12px 0 0 10px; margin: 0; } #searchform input { float: left; border: none; color: #000000; margin: 0; padding: 0; } #searchform .searchtext { margin: 0; width: 138px; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; border: none; background: transparent; } #searchform .searchbutton{ width: 30px; height: 19px; margin: 0 0 0 8px; } #searchform label { display: none; } #rss { margin: 13px 0 0 627px; } /* Mainframe */ #container { width: 871px; background: url(images/container-bg.jpg) top no-repeat; margin: 0; padding: 0; } /* Content */ #content-bg { float: left; width: 652px; background: url(http://img10.imageshack.us/img10/9100/contentbgv.jpg) repeat-y; } #content-top { float: left; width: 652px; background: url(http://img10.imageshack.us/img10/1232/contenttopj.jpg) top no-repeat; } #content { float: left; width: 652px; background: url(http://img.webme.com/pic/b/barbaroskarde/contentbottom.jpg) bottom no-repeat; } .post { padding: 28px 0 0 14px; } .post h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; margin: 0; padding: 16px 0 0 80px; height: 35px; background: url() no-repeat; } .post h2 a { text-decoration: none; color: #2a69ae; } .postmetadata { margin: 0; padding: 0 0 0 30px; font-size: 0.8em; line-height: 12px; color: #7e7e7e; } .entry { width: 530px; overflow: hidden; font-family: Tahoma; font-size: 1.4em; line-height: 20px; padding: 0 50px; color: #000000; } .notfound { margin: 100px 0; text-align:center; font-size: 4em; font-weight: bold; color: #782f02; } .endline { clear: both; } .commentline { text-align: right; font-weight: bold; padding: 20px 10px 0 0; font-size: 0.9em; margin: 0 0 16px 0; } .commentline a { text-decoration: none; color: #939393; } .quickjump { padding: 0 0 0 60px; font-size: 1.2em; font-weight: bold; line-height: 18px; color: #782f02; } .postjumper { float: left; padding: 0 20px 16px 0; } /* PageNavi*/ .wp-pagenavi { padding: 10px 60px 25px; } .wp-pagenavi a { padding: 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #0066cc; color: #0066cc; background-color: #FFFFFF; } .wp-pagenavi a:hover { border: 1px solid #000000; color: #000000; } .wp-pagenavi span.pages { padding: 2px 4px; margin: 2px; color: #000000; border: 1px solid #000000; background-color: #FFFFFF; } .wp-pagenavi span.current { padding: 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } .wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; border: 1px solid #000000; color: #000000; background-color: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 219px; margin: 0; padding: 0; } #sidebar h2 { font-size: 1.4em; font-weight: bold; font-family: Arial; color: #000; margin: 0; height: 29px; padding: 10px 0 0 16px; } #sidebar ul { margin: 0; padding: 0; list-style: none; background: url(http://img198.imageshack.us/img198/2590/sidebarbg.jpg) repeat-y; } #sidebar ul li { margin: 0; padding: 0; } #sidebar ul ul { padding: 0 30px 0 40px; margin: 0; list-style-image: url(http://img198.imageshack.us/img198/6572/sidebarli.gif); } #sidebar ul ul li { margin: 0; padding: 0; font-size: 1.2em; color: #000; } #sidebar ul ul li a { text-decoration: none; color: #696969; } .sidebar-img { margin: 0; padding: 0; } /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; color: #000; } #wp-calendar #next a { padding-right: 10px; text-align: right; font-size: 9pt; } #wp-calendar #prev a { padding-left: 10px; text-align: left; font-size: 9pt; } #wp-calendar a { display: block; font-weight: bold; text-decoration: none; } #wp-calendar a:hover { background: #000; color: #fff; } #wp-calendar caption { text-align: center; width: 100%; font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* Comments */ h3#comments, #respond h3 { font-size: 1em; color: #555; } #commentform { margin: 5px 0 0 0; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform textarea { width: 98%; padding: 2px; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform p { margin: 5px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } #commentform #submit { margin: 0 0 5px auto; float: right; } #respond { color: #333; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .commentlist { padding: 0; margin: 0; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; font-weight: bold; font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; font-size: 1em; } .commentlist p { margin: 10px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none; } .commentlist li .avatar { float: right; border: 1px solid #333; padding: 2px; background: #fff; } .commentlist li a { color: #369; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .children { padding: 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; font-weight: normal; } .thread-alt { background-color: #efefef; } .thread-even { background-color: #dedede; } .depth-1 { border: 1px solid #000; } .alt { border-left: 1px solid #000; background-color: #efefef; margin: 0; padding: 10px; } .even { border-left: 1px solid #000; background-color: #dedede; } /* Footer */ #footer { background: #fff; width: 871px; height: 60px; clear: both; margin: 0; } #footer p { margin: 0; padding: 10px 20px 0 0; text-align: right; color: #474d52; } #footer a { color: #474d52; text-align: center; text-decoration:none; } /* Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } #sidebar ul ul ul { border: none; margin: 0; padding: 0 0 0 10px; background: none; } #sidebar ul ul ul li { width: 80%; border: none; background: none; font-size: 1em; } #sidebar select { margin-left: 37px; width: 80%; } #content .entry ul { margin: 0 22px; list-style-type: disc; } #content .entry ol { margin: 0 0px; padding: 0 30px; list-style-type:decimal; }