ŞUB18

Mr-badboy-fm tasarımı

- CSS Tasarımı

Tasarımın Üstüne
<div style="text-align: center">&nbsp;</div> <!-- no cache headers --><!-- end no cache headers --> <link rel="canonical" href="http://www.metin2pvpserverler.com/" /><!-- CSS Stylesheet --><style id="vbulletin_css" type="text/css"> /** * vBulletin 3.8.4 CSS * Style: 'Metin2pvpserverler.com Teması'; Style ID: 4 */ body { background: #E1E1E2; color: #000000; font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } a:link, body_alink { color: #977835; text-decoration: none; } a:visited, body_avisited { color: #977835; text-decoration: none; } a:hover, a:active, body_ahover { color: #977835; text-decoration: none; } .page { background: #FFFFFF; color: #000000; } td, th, p, li { font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tborder { background: #CBB072; color: #000000; } .tcat { background: #869BBF url(o5-metin2/gradients/gradient_tcat.gif) repeat-x top left; color: #FFFFFF; font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .tcat a:link, .tcat_alink { color: #ffffff; text-decoration: none; } .tcat a:visited, .tcat_avisited { color: #ffffff; text-decoration: none; } .tcat a:hover, .tcat a:active, .tcat_ahover { color: #ffffff; text-decoration: none; } .thead { background: #5C7099 url(o5-metin2/gradients/gradient_thead.gif) repeat-x top left; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .thead a:link, .thead_alink { color: #FFFFFF; text-decoration: none; } .thead a:visited, .thead_avisited { color: #FFFFFF; text-decoration: none; } .thead a:hover, .thead a:active, .thead_ahover { color: #FFFFFF; text-decoration: none; } .tfoot { background: #977835; color: #FFFFFF; } .tfoot a:link, .tfoot_alink { color: #E0E0F6; text-decoration: none; } .tfoot a:visited, .tfoot_avisited { color: #E0E0F6; text-decoration: none; } .tfoot a:hover, .tfoot a:active, .tfoot_ahover { color: #E0E0F6; text-decoration: none; } .alt1, .alt1Active { background: #F2F2F2; color: #000000; } .alt2, .alt2Active { background: #F5F5FF; color: #000000; } .inlinemod { background: #FFFFCC; color: #000000; } .wysiwyg { background: #FFFFFF; color: #000000; font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 5px 10px 10px 10px; padding: 0px; } .wysiwyg a:link, .wysiwyg_alink { color: #977835; text-decoration: none; } .wysiwyg a:visited, .wysiwyg_avisited { color: #977835; text-decoration: none; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover { color: #977835; text-decoration: none; } textarea, .bginput { font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .bginput option, .bginput optgroup { font-size: 11px; font-family: tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .button { font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } select { font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } option, optgroup { font-size: 11px; font-family: tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .smallfont { font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .time { color: #666686; } .navbar { font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .highlight { color: #FF0000; font-weight: bold; } .fjsel { background: #3E5C92; color: #E0E0F6; } .fjdpth0 { background: #F7F7F7; color: #000000; } .panel { background: #E4E7F5 url(o5-metin2/gradients/gradient_panel.gif) repeat-x top left; color: #000000; padding: 10px; border: 2px outset; } .panelsurround { background: #D1D4E0 url(o5-metin2/gradients/gradient_panelsurround.gif) repeat-x top left; color: #000000; } legend { color: #22229C; font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; } .vbmenu_control { background: #A58741; color: #FFFFFF; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; } .vbmenu_control a:link, .vbmenu_control_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:visited, .vbmenu_control_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_popup { background: #FFFFFF; color: #000000; } .vbmenu_option { background: #BBC7CE; color: #000000; font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_option a:link, .vbmenu_option_alink { color: #22229C; text-decoration: none; } .vbmenu_option a:visited, .vbmenu_option_avisited { color: #22229C; text-decoration: none; } .vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite { background: #8A949E; color: #FFFFFF; font: 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; cursor: pointer; } .vbmenu_hilite a:link, .vbmenu_hilite_alink { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:visited, .vbmenu_hilite_avisited { color: #FFFFFF; text-decoration: none; } .vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover { color: #FFFFFF; text-decoration: none; } /* ***** styling for 'big' usernames on postbit etc. ***** */ .bigusername { font-size: 14pt; } /* ***** small padding on 'thead' elements ***** */ td.thead, th.thead, div.thead { padding: 4px; } /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 2px 4px 2px 4px; } /* ***** de-emphasized text */ .shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; } a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; } .tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; } /* ***** define margin and font-size for elements inside panels ***** */ .fieldset { margin-bottom: 6px; } .fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; } .metin2 { line-height:16px; background-image: url(o5-metin2/pbt-bg.gif); background-repeat:repeat-x; padding-left: 8px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px; background-color: #FFFFFF; border-top: 1px solid #dadada; border-right: 1px solid #dadada; border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; margin-bottom: 3px; font-family:tahoma; font-size:11px; }</style> <link rel="stylesheet" type="text/css" href="clientscript/vbulletin_important.css?v=384" /><!-- / CSS Stylesheet --><script type="text/javascript" src="clientscript/yui/yahoo-dom-event/yahoo-dom-event.js?v=384"></script><script type="text/javascript" src="clientscript/yui/connection/connection-min.js?v=384"></script><script type="text/javascript"> <!-- var SESSIONURL = ""; var SECURITYTOKEN = "guest"; var IMGDIR_MISC = "o5-metin2/misc"; var vb_disable_ajax = parseInt("0", 10); // --> </script><script type="text/javascript" src="clientscript/vbulletin_global.js?v=384"></script><script type="text/javascript" src="clientscript/vbulletin_menu.js?v=384"></script><!-- nCode Image Resizer (c) nCode http://www.ncode.nl/vbulletinplugins/ --><script type="text/javascript" src="http://www.metin2pvpserverler.com/clientscript/ncode_imageresizer.js?v=1.0.1"></script><style type="text/css"> <!-- table.ncode_imageresizer_warning { background: #FFFFE1; color: #000000; border: 1px solid #CCC; cursor: pointer; } table.ncode_imageresizer_warning td { font-size: 10px; vertical-align: middle; text-decoration: none; } table.ncode_imageresizer_warning td.td1 { padding: 5px; } table.ncode_imageresizer_warning td.td1 { padding: 2px; } --></style><script type="text/javascript"> <!-- NcodeImageResizer.MODE = 'enlarge'; NcodeImageResizer.MAXWIDTH = 700; NcodeImageResizer.MAXHEIGHT = 500; NcodeImageResizer.BBURL = 'http://www.metin2pvpserverler.com'; vbphrase['ncode_imageresizer_warning_small'] = 'Resmin orjinal halini görmek için buraya tıklayın.'; vbphrase['ncode_imageresizer_warning_filesize'] = 'Bu resim boyutlandırılmıştır. Orjinal halini görmek için buraya tıklayın. Orijinal resim %1$sx%2$s boyuttadır ve %3$s KB'dir.'; vbphrase['ncode_imageresizer_warning_no_filesize'] = 'Bu resim boyutlandırılmıştır. Orjinal halini görmek için buraya tıklayın. Orijinal resim %1$sx%2$s boyuttadır.'; vbphrase['ncode_imageresizer_warning_fullsize'] = 'Resmi küçültmek için buraya tıklayın.'; //--> </script><script type="text/javascript"><!-- window.google_analytics_uacct = 'UA-18161389-2'; var _gaq = _gaq || []; _gaq.push( ['_setAccount', 'UA-18161389-2'], ['_setVar', 'usergroup-1-Unregistered / Not Logged In'], ['_trackPageview'] ); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //--> </script><!-- logo --><!-- /logo --><!-- content table --><!-- open content container --> <div align="center"> <div class="page" style="text-align: left; width: 960px"> <div style="padding-bottom: 0px; padding-left: 25px; padding-right: 25px; padding-top: 0px" align="left"> <div style="text-align: center"><a href="/ana-sayfa.htm"><img border="0" alt="" style="width: 907px; height: 107px" src="http://img3.imageshack.us/img3/7025/sperrrda6copy.jpg" /></a></div> <table class="tborder" border="0" cellspacing="1" cellpadding="6" width="910" align="center" style="background-color: rgb(203,176,114); width: 910px; height: 109px; color: rgb(0,0,0); margin-left: auto; margin-right: auto; background-origin: initial; background-clip: initial"> <thead> <tr> <td class="tcat" colspan="2" style="background-image: url(http://www.metin2pvpserverler.com/o5-metin2/gradients/gradient_tcat.gif); text-align: center; background-color: rgb(134,155,191); font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-position: 0% 0%; color: rgb(255,255,255); background-origin: initial; background-clip: initial">Mr BadBoy Fm</td> </tr> </thead> <tbody> </tbody> <tbody id="collapseobj_forumhome_activeusers"> <tr> <td class="alt2" style="background-color: rgb(245,245,255); font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); background-origin: initial; background-clip: initial"><img title="'Kimler aktif' (Online) g&ouml;ster" border="0" alt="" style="width: 28px; height: 22px" src="http://metin2hile.net/images/misc/navbits_start.gif" /></td> <td class="alt1" width="100%" style="background-color: rgb(242,242,242); font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); background-origin: initial; background-clip: initial"> <table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="white-space: normal; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px"> <tbody> <tr align="center"> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><a href="/ana-sayfa.htm">Anasayfa</a></td> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><a href="/iletisim.htm">İletişim</a></td> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><a href="/ziyaretci-defteri.htm">Ziyaret&ccedil;i Defteri</a></td> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><a href="/yayin-akisi.htm">Yayın Akışı</a></td> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><a href="/djler.htm">Dj'lerimiz</a></td> <td class="vbmenu_control" style="padding-bottom: 3px; background-color: rgb(165,135,65); padding-left: 6px; padding-right: 6px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; white-space: nowrap; color: rgb(255,255,255); padding-top: 3px; background-origin: initial; background-clip: initial"><span style="color: #ffff99">MrBadBoy-Fm</span></td> </tr> </tbody> </table> </td> </tr> </tbody> <tbody> <tr> <td class="thead" colspan="2" style="background-image: url(http://www.metin2pvpserverler.com/o5-metin2/gradients/gradient_thead.gif); text-align: center; padding-bottom: 4px; background-color: rgb(92,112,153); padding-left: 4px; padding-right: 4px; font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-position: 0% 0%; color: rgb(255,255,255); padding-top: 4px; background-origin: initial; background-clip: initial">Sitemize Hoş Geldiniz..!! Radyomuz &quot;ONLİNE&quot;</td> </tr> </tbody> </table> <table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center" style="background-color: rgb(203,176,114); color: rgb(0,0,0); font-size: 13px; background-origin: initial; background-clip: initial"> <tbody> <tr> <td class="alt1" width="100%" style="background-color: rgb(242,242,242); font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); background-origin: initial; background-clip: initial"> <div class="navbar" style="font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif"> <div id="mediaDiv">
Tasarımın Altına
<br /> <iframe height="580" src="http://www.flatcast.info/Player.aspx?sid=811404" frameborder="0" width="822" scrolling="no"> </iframe></div> </div> </td> <td class="alt2" nowrap="nowrap" style="padding-bottom: 0px; background-color: rgb(245,245,255); padding-left: 0px; padding-right: 0px; font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); padding-top: 0px; background-origin: initial; background-clip: initial"> <div style="text-align: center"><img id="vImage" alt="" style="width: 65px; height: 118px" src="http://img528.imageshack.us/img528/8018/av25504vk1dv6.gif" /><br /> <img id="vImage" alt="" style="width: 65px; height: 118px" src="http://img528.imageshack.us/img528/8018/av25504vk1dv6.gif" /><br /> <img id="vImage" alt="" style="width: 65px; height: 118px" src="http://img528.imageshack.us/img528/8018/av25504vk1dv6.gif" /><br /> <img id="vImage" alt="" style="width: 65px; height: 118px" src="http://img528.imageshack.us/img528/8018/av25504vk1dv6.gif" /><br /> <img id="vImage" alt="" style="width: 65px; height: 118px" src="http://img528.imageshack.us/img528/8018/av25504vk1dv6.gif" /></div> </td> </tr> </tbody> </table> <table class="tborder" border="0" cellspacing="1" cellpadding="6" width="910" align="center" style="background-color: rgb(203,176,114); width: 910px; height: 58px; color: rgb(0,0,0); margin-left: auto; margin-right: auto; background-origin: initial; background-clip: initial"> <thead> <tr> <td class="tcat" colspan="2" style="background-image: url(http://www.metin2pvpserverler.com/o5-metin2/gradients/gradient_tcat.gif); text-align: center; background-color: rgb(134,155,191); font: bold 11px tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; background-position: 0% 0%; color: rgb(255,255,255); background-origin: initial; background-clip: initial">Banner &amp; Link Reklam&nbsp;Alanı</td> </tr> </thead> <tbody> </tbody> <tbody id="collapseobj_forumhome_activeusers"> <tr> <td class="alt1" width="100%" style="text-align: center; background-color: rgb(242,242,242); font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); background-origin: initial; background-clip: initial">Banner Reklam&nbsp;Ver</td> </tr> <tr> <td class="alt1" width="100%" style="background-color: rgb(242,242,242); font: 10pt tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; color: rgb(0,0,0); background-origin: initial; background-clip: initial">Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam - Link Reklam</td> </tr> </tbody> </table> <!-- end what's going on box --><!-- icons and login code --><!-- / icons and login code --><br /> <div class="smallfont" align="center"><strong>Web Tasarımcı: </strong>By Batuhan POLAT</div> <br /> &nbsp;</div> </div> </div> <!-- / close content container --><!-- /content area table --> <form method="get" action="http://www.metin2pvpserverler.com/" style="clear: left"> <table class="page" border="0" cellspacing="0" cellpadding="6" width="960" align="center"> <tbody> <tr> <td class="tfoot"><select onchange="switch_id(this, 'lang')" name="langid"> <optgroup label="Dili se&ccedil;"> <option value="1">-- English (US)</option> <option value="2" selected="selected">-- T&uuml;rk&ccedil;e</option> </optgroup></select></td> <td class="tfoot" width="100%" align="right"> <div class="smallfont"><strong><a accesskey="9" rel="nofollow" href="/iletisim.htm">İletişim</a> - <a href="/site-haritasi.htm">Arşiv</a> - <a onclick="self.scrollTo(0, 0); return false;" href="#top">Yukarı git</a> </strong></div> </td> </tr> </tbody> </table> </form>
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;}
.