moon-tasarim - Css Tasarım

Css Tasarım

Bursaspor Tasarımı

Tasarım Üstü

<center>
<div class="all">
<div style="" class="pway"><span style="" class="pathway">Design by xir-tasarim.tr.gg  </span></div>
<div style="" id="logo"><a class="logo" href="index.php" _fcksavedurl="index.php" _fcksavedurl="index.php">Tasarimkurdu.tr.gg / tasarımın kalbi</a></div>
<div class="div">
<div id="menu">
<div class="menuc">
<div style="" id="topnavi">
<ul>
<li><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1"><span>Home</span></a></li><li><a href="index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="index.php?option=com_content&task=view&id=5&Itemid=6"><span>Joomla! License</span></a></li><li><a href="index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="index.php?option=com_content&task=section&id=1&Itemid=2"><span>News</span></a></li><li><a href="index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="index.php?option=com_content&task=blogsection&id=0&Itemid=9"><span>Blog</span></a></li><li><a style="" href="index.php?option=com_weblinks&Itemid=23" _fcksavedurl="index.php?option=com_weblinks&Itemid=23" _fcksavedurl="index.php?option=com_weblinks&Itemid=23"><span style="">Links</span></a></li><li><a style="" href="index.php?option=com_contact&Itemid=3" _fcksavedurl="index.php?option=com_contact&Itemid=3" _fcksavedurl="index.php?option=com_contact&Itemid=3"><span style="">Contact Us</span></a></li><li><a href="index.php?option=com_search&Itemid=5" _fcksavedurl="index.php?option=com_search&Itemid=5" _fcksavedurl="index.php?option=com_search&Itemid=5"><span>Search</span></a></li><li><a href="index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="index.php?option=com_newsfeeds&Itemid=7"><span>News Feeds</span></a></li><li><a href="index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25" _fcksavedurl="index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25" _fcksavedurl="index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25"><span>FAQs</span></a></li><li><a href="index.php?option=com_wrapper&Itemid=8" _fcksavedurl="index.php?option=com_wrapper&Itemid=8" _fcksavedurl="index.php?option=com_wrapper&Itemid=8"><span style="">Wrapper</span></a></li>			</ul>
</div>
</div>
</div>
</div><div id="pagecontainer">
<table cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="" class="leftcol" valign="top">
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<th style="" valign="top">
Choose a Template				</th>
</tr>
<tr>
<td>
<ul class="menu"><li>
<a style="" href="?joomla10-template=themza_j10_01" _fcksavedurl="?joomla10-template=themza_j10_01" _fcksavedurl="?joomla10-template=themza_j10_01">Football League</a>
</li>
<li>
<a style="" href="?joomla10-template=themza_j10_02" _fcksavedurl="?joomla10-template=themza_j10_02" _fcksavedurl="?joomla10-template=themza_j10_02">Football Dreams</a>
</li>
</ul>
</td>
</tr>
</tbody></table>
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<th style="" valign="top">
Main Menu				</th>
</tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Home</a></td></tr>
<tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" class="mainlevel">Joomla! License</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" class="mainlevel">News</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" class="mainlevel">Blog</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" class="mainlevel">Links</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" class="mainlevel">Contact Us</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" class="mainlevel">Search</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" class="mainlevel">News Feeds</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=category§ionid=3&id=7&Itemid=25" class="mainlevel">FAQs</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" class="mainlevel">Wrapper</a></td></tr>
</tbody></table>			</td>
</tr>
</tbody></table>
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr align="left"><td><a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org" _fcksavedurl="http://www.joomla.org" class="mainlevel">Joomla! Home</a></td></tr>
<tr align="left"><td><a href="http://forum.joomla.org" _fcksavedurl="http://forum.joomla.org" _fcksavedurl="http://forum.joomla.org" class="mainlevel">Joomla! Forums</a></td></tr>
<tr align="left"><td><a href="http://www.opensourcematters.org" _fcksavedurl="http://www.opensourcematters.org" _fcksavedurl="http://www.opensourcematters.org" class="mainlevel">OSM Home</a></td></tr>
<tr align="left"><td><a href="http://demo.themza.com/joomla10/administrator/" _fcksavedurl="http://demo.themza.com/joomla10/administrator/" _fcksavedurl="http://demo.themza.com/joomla10/administrator/" class="mainlevel">Administrator</a></td></tr>
</tbody></table>			</td>
</tr>
</tbody></table>
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<th valign="top">
Login Form				</th>
</tr>
<tr>
<td>
<form action="http://demo.themza.com/joomla10/index.php" method="post" name="login">
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
<label for="mod_login_username">
Username			</label>
<br>
<input name="username" id="mod_login_username" class="inputbox" alt="username" size="10" type="text">
<br>
<label for="mod_login_password">
Password			</label>
<br>
<input id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" type="password">
<br>
<input name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" type="checkbox">
<label for="mod_login_remember">
Remember me			</label>
<br>
<input name="Submit" class="button" value="Login" type="submit">
</td>
</tr>
<tr>
<td>
<a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword">
Lost Password?</a>
</td>
</tr>
<tr>
<td>
No account yet?				<a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register">
Register</a>
</td>
</tr>
</tbody></table>
<input name="option" value="login" type="hidden">
<input name="op2" value="login" type="hidden">
<input name="lang" value="english" type="hidden">
<input name="return" value="http://demo.themza.com/joomla10/index.php?joomla10-template=themza_j10_02" type="hidden">
<input name="message" value="0" type="hidden">
<input name="force_session" value="1" type="hidden">
<input name="j47dde8b8415c49d0056fd8f80f9a5b65" value="1" type="hidden">
</form>
</td>
</tr>
</tbody></table>
</td>
<td style="" class="maincol" valign="top">
<div style="">			<table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div style="">				<table class="contentpaneopen">
<tbody><tr>
<td style="" class="contentheading" width="100%">Tasarimkurdu.Tr.Gg / Belenlee.Tr.gg</td>
</tr>
</tbody></table>
<table style="" class="contentpaneopen">
<tbody><tr>
<td style="" colspan="2" valign="top" width="70%" align="left">
<span style="" class="small">bişeyler</span>
</td>
</tr>
<tr style="">
<td style="" colspan="2" class="createdate" valign="top"></td>
</tr>
<tr>
<td style="" colspan="2" valign="top">

Tasarım Altı

</td>
</tr>
<tr>
<td style="" colspan="2" align="left"></td>
</tr>
</tbody></table>
<span class="article_seperator"> </span>
</div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td style="" valign="top" width="50%"></td><td style="" valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td style="" valign="top"><div class="blog_more">			<div>
<strong style=""></strong>
</div>
<ul>
<li style=""></li>
</ul>
</div></td></tr><tr><td style="" valign="top" align="center"></td></tr><tr><td style="" valign="top" align="center"></td></tr></tbody></table>		</div>
</td>
<td style="" class="rightcol" valign="top">
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<th valign="top">
Polls				</th>
</tr>
<tr>
<td style="">
<script language="javascript" type="text/javascript">
		<!--
		function submitbutton_Poll1() {
			var form 		= document.pollxtd1;			
			var radio		= form.voteid;
			var radioLength = radio.length;
			var check 		= 0;

if ( 'z' != 'z' ) {
				alert('You already voted for this item today.');
				return;
			}
			for(var i = 0; i < radioLength; i++) {
				if(radio[i].checked) {
					form.submit();
					check = 1;					
				}
			}		
			if (check == 0) {
				alert('No selection has been made, please try again');
			}
		}		
		//-->
		</script>
<form name="pollxtd1" method="post" action="http://demo.themza.com/joomla10/index.php?option=com_poll">
<table class="poll" width="95%" align="center" border="0" cellpadding="1" cellspacing="0">
<thead>
<tr>
<td style="font-weight: bold;">
Do you like our templates			</td>
</tr>
</thead>
<tbody><tr>
<td style="" align="center">
<table class="pollstableborder" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="sectiontableentry2" valign="top">
<input name="voteid" id="voteid1" value="1" alt="1" type="radio">
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid1">
They are amazing									</label>
</td>
</tr>
<tr>
<td style="" class="sectiontableentry1" valign="top">
<input style="" name="voteid" id="voteid2" value="2" alt="2" type="radio">
</td>
<td style="" class="sectiontableentry1" valign="top">
<label style="" for="voteid2">
Hell ya									</label>
</td>
</tr>
<tr>
<td class="sectiontableentry2" valign="top">
<input name="voteid" id="voteid3" value="3" alt="3" type="radio">
</td>
<td style="" class="sectiontableentry2" valign="top">
<label for="voteid3">
Yes									</label>
</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input name="voteid" id="voteid4" value="4" alt="4" type="radio">
</td>
<td style="" class="sectiontableentry1" valign="top">
<label for="voteid4">
Maybe									</label>
</td>
</tr>
<tr>
<td style="" class="sectiontableentry2" valign="top">
<input name="voteid" id="voteid5" value="5" alt="5" type="radio">
</td>
<td class="sectiontableentry2" valign="top">
<label for="voteid5">
No									</label>
</td>
</tr>
<tr>
<td class="sectiontableentry1" valign="top">
<input name="voteid" id="voteid6" value="6" alt="6" type="radio">
</td>
<td class="sectiontableentry1" valign="top">
<label for="voteid6">
Absolutely not									</label>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<div align="center">
<input onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%2520onclick%253D%2522submitbutton_Poll1()%253B%2522%22" name="task_button" class="button" value="Vote" type="button">
<input name="option" class="button" value="Results" onclick_fckprotectedatt_fckprotectedatt="%20onclick_fckprotectedatt%3D%22%2520onclick%253D%2522document.location.href%253D'http%253A%252F%252Fdemo.themza.com%252Fjoomla10%252Findex.php%253Foption%253Dcom_poll%2526task%253Dresults%2526id%253D14'%253B%2522%22" type="button">
</div>
</td>
</tr>
</tbody></table>
<input name="id" value="14" type="hidden">
<input name="task" value="vote" type="hidden">
<input name="j4fe163d9aad8d09b2c8ee446c4766cb2" value="1" type="hidden">
</form>
</td>
</tr>
</tbody></table>
<table class="moduletable" cellpadding="0" cellspacing="0">
<tbody><tr>
<th valign="top">
Who's Online				</th>
</tr>
<tr>
<td>
We have 2 guests online			</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<div style="" class="footer_bg">
<div class="footer">
<div style="" align="center">
| © 2010 siteadı  | <a href="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" _fcksavedurl="http://tasarimkurdu.tr.gg/" >Designed By: X-!-R-tasarim.Tr.Gg</a> | Tüm hakları saklıdır.  </div>
<div style="" align="center">
</div></div>
</div>
<div style="background: rgb(87, 87, 87) none repeat scroll 0% 0%; height: 10px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div>
</div>
</div>
</center>

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;}
body {
overflow-x : hidden;
overflow: -moz-scrollbars-vertical;
}
.body {
color: #000000;
margin: 0 0 0 0;
padding: 0px;
font-size: 11px;
font-family: "Trebuchet MS";
background: #575757;
}
.all {
width:970px;
margin:0 auto;
padding:0;
background:  none repeat-y;
}
#logo {
background: transparent url(http://i1002.hizliresim.com/2010/2/28/2727.jpg) no-repeat top center;
margin:0 auto;
width: 100%;
padding:0;
height:119px;
text-align:left;
vertical-align:middle;
}
#logo a {
margin:20px 0 0 75px;
line-height:80px;
font-family:"Trebuchet MS";
font-size:23px;
color:#FFFFFF;
}
.topmaincol {
width:100%;
height:30px;
}
/* --- nav --- */
.div {
}
#menu{
position:relative;
height:58px;
color:#E0E0E0;
background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x;
width:966px;
font-size:13px;
}
#menu .menuc {
margin: 0px auto;
width: 966px;
font-family:"Trebuchet MS";
}
#topnavi{
position:relative;
height:58px;
font-size:12px;
font-weight: normal;
font-family:"Trebuchet MS";
background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x top left;
padding:0 0 0 5px;
}
#topnavi ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}
#topnavi ul li{
display:block;
float:left;
margin:0 1px;
}
#topnavi ul li a{
display:block;
float:left;
color: #FFFFFF;
text-decoration:none;
padding:0 0 0 11px;
height:52px;
}
#topnavi ul li a span{
font-size:12px;
padding:17px 11px 0 0;
height:52px;
float:left;
}
#topnavi ul li a:hover{
font-size:12px;
color: #000000;
}
#topnavi ul li a:hover span{
font-size:12px;
display:block;
width:auto;
cursor:pointer;
}
#topnavi ul li a.current,#topnavi ul li a.current:hover{
color: #FFFFFF;
background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_left.jpg) no-repeat top left;
line-height:350%;
}
#topnavi ul li a.current span{
display:block;
padding:0 10px 0 0;
width:auto;
background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_right.jpg)) no-repeat top right;
height:52px;
}
/* --- end nav --- */
/* /////////////////////////////////////////////////////////////////////////// */
form {display:inline;}
hr {
color            : #999999;
height           : 1px;
width            : 100%;
}
.back_button {
color            : #999999;
font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size        : 11px;
font-weight      : normal;
padding-bottom   : 3px;
margin-right     : 4px;
float            : right;
line-height      : 20px;
}
.button {
font-size        : 11px;
color            : #333333;
border           : 1px solid #999999;
margin           : 3px;
background-color : #EDEDED;
padding          : 1px;
cursor           : pointer;
}
.inputbox {
color        : #000000;
background   : #ffffff;
border       : 1px solid #cccccc;
margin       : 3px;
}
table,td,div {
color            : #000000;
font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size        : 11px;
margin:0;
}
p {
color            : #000000;
font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size        : 11px;
line-height      : 16px;
padding:4px 0px 4px 0px;
margin:0;
}
strong {
color            : #000000;
font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size        : 11px;
line-height      : 16px;
padding:4px 0px 4px 0px;
margin:0;
}
i {
color            : #000000;
font-family      : Verdana,  Helvetica, sans-serif;
font-size        : 10px;
line-height      : 16px;
padding:4px 0px 4px 0px;
margin:0;
font-style: normal;
}
em {
color            : #000000;
font-family      :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size        : 11px;
line-height      : 16px;
padding:4px 0px 4px 0px;
margin:0;
font-style: normal;
}
/* /////////////////////////////////////////////////////////////////////////// */
.leftcol {width:200px;padding:10px 5px 10px 10px;}
.maincol {width:525px;padding:10px 5px 10px 5px;}
.rightcol {width:200px;padding:10px 10px 10px 10px;}
.pollstableborder td{ text-align:left}
#pagecontainer {
width:970px;
height:100%;
margin: 0px auto;
padding:0;
text-align: left;
}
/* -------------------------------------------------------------------------------------------------------------- */
table.moduletable {
margin             : 0 0 20px 0;
width              : 100%;
font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size          : 10px;
}
table.moduletable th {
font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-size          : 11px;
font-weight        : bold;
text-align         : left;
height			   : 34px;
color              : #FFFFFF;
padding            : 8px 0 0 13px;
text-indent        : 10px;
line-height        : 15px;
background		   : #fff url(http://i1002.hizliresim.com/2010/2/28/2781.jpg) no-repeat left top;
}
table.moduletable td {
padding-top: 2px;
}
table.moduletable td table{
width              : 100%;
}
.sectiontableheader {
font-size        : 10px;
font-family        :"Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
font-weight      : normal;
text-transform   : uppercase;
letter-spacing   : 1px;
color            : #333333;
background       : #ffffff;
padding          : 1px;
}
.sectiontableentry1 {
vertical-align   : top;
padding          : 3px;
background       : #D9D9D9;
border-bottom    : 1px solid #ffffff;
line-height      : 25px;
}
.sectiontableentry2 {
vertical-align   : top;
padding          : 3px;
border-bottom    : 1px solid #ffffff;
background       : #EEEEEE;
line-height      : 25px;
}
a.mainlevel  {
display           : block;
width             : auto;
margin            : 1px 0;
padding           : 0;
font-size         : 12px;
background        : none;
text-indent       : 10px;
width				: 200px;
}
a.mainlevel:link, a.mainlevel:visited {
display          : block;
font-size        : 11px;
background       : transparent url(http://www.hizliupload.com/img/90224moduletable_th_bg.jpg) repeat-x right bottom;
font-weight      : normal;
padding          : 4px 0 4px 0;
color            : #000000;
text-indent      : 11px;
}
a.mainlevel:hover {
background       : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom;
font-size        : 11px;
font-weight      : normal;
color            : #D01C0D;
text-decoration  : none;
text-indent      : 11px;
}
#active_menu {
color            : #D01C0D;
background       : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom;
}
a#active_menu:hover {
color            : #333333;
}
a:link, a:visited {
font-size        : 11px;
color            : #333333;
text-decoration  : none;
font-weight      : bold;
}
a:hover {
font-size        : 11px;
color            : #D01C0D;
text-decoration  : none;
font-weight      : bold;
}
a.category:link, a.category:visited {
font-size        : 11px;
font-weight      : bold;
}
a.readon:link, a.readon:visited {
color            : #999999;
font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size        : 11px;
background       : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat;
white-space      : normal;
font-weight      : bold;
padding          : 1px 0 3px 18px;
float            : right;
line-height      : 10px;
text-decoration  : underline;
}
a.readon:hover {
color            : #D01C0D;
font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size        : 11px;
background       : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat;
white-space      : normal;
font-weight      : bold;
padding          : 1px 0 3px 18px;
line-height      : 10px;
text-decoration  : underline;
}
ul {
margin           : 2px;
padding-left     : 10px;
list-style       : none;
}
li {
line-height      : 15px;
padding-left     : 10px;
padding-top      : 0;
}
table.contenttoc {
border           : 1px solid #dcdcdc;
background       : #F1F1F1;
padding          : 5px;
margin-left      : 2px;
margin-bottom    : 2px;
}
.pagenavcounter {
font-size        : 10px;
color            : #4da338;
}
.pagenavbar {
border-top       : 1px solid #999999;
padding          : 2px;
}
.pagenav {
font-weight      : bold;
}
a.pagenav:link, a.pagenav:visited {
font-size        : 11px;
color            : #999999;
text-decoration  : none;
}
a.pagenav:hover {
font-size        : 11px;
color            : #3333ff;
text-decoration  : none;
}
.date {
font-size        : 10px;
font-weight      : bold;
color            : #707070;
padding-right    : 12px;
}
.small {
font-size        : 10px;
color            : #333333;
}
.smalldark {
font-size        : 10px;
color            : #333333;
}
.createdate, .modifydate {
float            : right;
font-size        : 10px;
color            : #666666;
font-weight      : bold;
}
.content_vote {
font-size        : 10px;
height           : 22px;
padding-top      : 2px;
padding-bottom   : 2px;
}
.content_rating {
font-size        : 10px;
color            : #999999;
}
.pway {
margin:0 auto;
text-align:left;
width:970px;
height:18px;
padding:5px 0 0 0 ;
background:#575757;
}
.pathway {
font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size        : 11px;
color            : #D01C0D;
padding-left     : 12px;
}
a.pathway:link, a.pathway:visited {
font-family      :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color			   : #FFFFFF;
font-size        : 11px;
padding-left     : 0;
}
a.pathway:hover {
color:#efefef;
font-size        : 11px;
padding-left     : 0;
}
table.content{
width            : 100%;
padding          : 0;
border-collapse  : collapse;
border-spacing   : 0;
margin-bottom    : 10px;
}
table.contentpane {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;
}
table.contentpaneopen {
width            : 100%;
border-spacing   : 0;
padding-left     : 5px;
padding-right    : 5px;
margin-bottom    : 5px;
}
.poll {
color : #333333;
line-height : 12px;
font-weight: normal;
}
.pollstableborder{
border-color     : #999999;
}
.contentheading,.componentheading {
width            : 90%;
font-size        : 12px;
font-weight      : bold;
line-height      : 16px;
text-transform   : uppercase;
text-align       : left;
text-indent      : 0;
color            : #D01C0D;
padding          : 1px;
margin           : 3px 0px;
}
.ontab {
border-left      : 1px solid #666666;
text-align       : center;
font-weight      : bold;
color            : #333333;
padding          : 5px;
cursor           : pointer;
line-height      : 30px;
}
.offtab {
border-left      : 1px solid #666666;
text-align       : center;
color            : #999999;
font-weight      : normal;
padding          : 5px;
cursor           : pointer;
line-height      : 30px;
}
.tabpadding {
border-left       : 1px solid #666666;
}
.col {
vertical-align   : top;
background       : #ffffff;
padding-top: 5px;
}
.contentdescription {
width          : auto !important;
margin         : 0;
padding        :  0;
padding-top    : 5px;
text-align     : left;
}
td.top1{
margin: 0;
padding:  0;
height: 28px !important;
height: 28px;
padding-top:  2px !important;
padding-top:  3px;
background		: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/shadow.jpg) #f1f1f1 repeat-x top;
}
table.top2{
background : #ffffff;
}
.searchbox {
margin           : 0;
padding          : 0;
margin-top       : 13px;
margin-left      : 10px;
width            : 130px;
font-size        : 11px;
color            : #707070;
border           : 1px solid #cccccc;
padding          : 2px !important;
padding          : 1px;
background       : none;
}
.sublevel {
font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
font-weight      : normal;
color            : #999999;
margin-top		: 10px;
}
a.sublevel:link, a.sublevel:visited {
font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
font-weight      : normal;
color            : #999999;
padding    	    : 5px 1px 3px 5px;
text-decoration	: none;
}
a.sublevel:hover {
color            : #D01C0D;
text-decoration  : none;
}
a.sublevel#active_menu  {
background      : transparent;
color           : #ff6600;
border          : 0;
}
a.toclink:link, a.toclink:visited {
font-family      :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
font-weight      : normal;
color            : #999999;
padding    	    : 5px 1px 3px 5px;
text-decoration	: none;
}
a.toclink:hover {
color            : #D01C0D;
text-decoration  : none;
}
td.logoheader {
margin: 0;
padding:  0;
background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/header.jpg)  no-repeat bottom;
height         : 65px;
width          : 770px;
}
td.topnav {
margin : 0px;
padding:  0px;
background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_top.jpg) repeat-x top left;
height         : 42px;
width          : 770px;
}
td.bgline {
margin : 0;
padding:  0;
background     : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/s.gif) repeat-y;
width          : 7px;
}
#mainlevel-nav {
font-size        : 11px;
list-style       : none;
padding          : 0;
margin           : 0;
margin-left      : 1px;
}
#mainlevel-nav li {
float            : right;
display          : block;
list-style       : none;
background-image : none;
padding-left     : 2px;
padding-right    : 2px;
margin           : 0;
width            : auto !important;
font-size        : 11px;
line-height      : 28px;
white-space      : nowrap;
border-left      : 1px solid #cccccc;
}
#mainlevel-nav li a {
padding-left     : 10px;
padding-right    : 10px;
font-size        : 11px;
color            : #000033;
text-decoration  : none;
}
#mainlevel-nav li a:hover {
font-size        : 11px;
color            : #999999;
}
.blog_more {
margin   : 10px 0 7px 7px;
}
.buttonheading {
padding  : 0 2px;
}
.mosimage {
border     : 1px solid #dedede;
margin     : 5px;
padding-top:  3px;
background:#FFFFFF;
}
.mosimage_caption {
margin-top: 3px;
padding   :  2px;
color     : #000066;
font-size : 10px;
background: #f1f1f1;
}
/* -------------------------- */
.footer_bg {
width:970px;
background:#575757 url(http://www.hizliupload.com/img/946339footer_bg.jpg) no-repeat left top;
color:#FFFFFF;
padding:6px 0px 0 0;
height:43px;
text-align: center;
margin:0px;
}
.footer {
color:#fff;
padding:0;
margin:0 0 10px 0;
}
.footer div, .footer div a, .footer div a:visited{
color:#fff;
}

Tasarım 1

Tasarım Üstü

Tasarım Altı

Css Kodu