Grafik-em - css tasarım 23

css tasarım 23

TASARIM ÜSTÜ

<div id="top_with_search"> 			<div class="pathway"> 				<div class="only_path"> 					<span class="pathway">Joomla Hosting </span> 				</div> 							<table class="moduletable" cellpadding="0" cellspacing="0"> 						<tbody><tr> 				<td> 				 <form action="index.php" method="post">  <div class="search" align="left">	 <input alt="search" class="inputbox" name="searchword" size="20" value="search..." onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')%20this.value%3D'search...'%3B%22" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3D'search...')%20this.value%3D''%3B%22" type="text"></div>  <input name="option" value="search" type="hidden"> </form>				</td> 			</tr> 			</tbody></table> 						</div> 		</div> 		<div id="headertop"></div> 	<div id="header"> 		<div id="image"> 			<div id="sitename"> 				<p>Joomla Templates</p> 			</div> 		</div> 	</div> 	<div id="headerbottom"></div> 	 	<div class="center"> 		<div id="wrapper"> 			<div id="content"> 				<div id="leftmenu"> 					 <div class="module"><div><div><div>  <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Joomla Hosting</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=25&Itemid=36" _fcksavedurl="index.php?option=com_content&task=view&id=25&Itemid=36" class="mainlevel">Joomla Tutorial</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=26&Itemid=37" _fcksavedurl="index.php?option=com_content&task=view&id=26&Itemid=37" class="mainlevel">Joomla Templates</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=27&Itemid=38" _fcksavedurl="index.php?option=com_content&task=view&id=27&Itemid=38" class="mainlevel">Joomla Extensions</a></td></tr> </tbody></table>  </div></div></div></div>  <div class="module"><div><div><div><h3>Template Chooser</h3> <img src="templates/siteground89/template_thumbnail.png" _fcksavedurl="templates/siteground89/template_thumbnail.png" name="preview" alt="siteground89" width="140" border="1" height="90"> <script language="JavaScript1.2" type="text/javascript">  </script> <br><br>  </div></div></div></div> 			<table class="moduletable" cellpadding="0" cellspacing="0"> 							<tbody><tr> 					<td> 					<p align="center"> <a href="http://www.siteground.com/joomla-hosting.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm"><img src="http://www.siteground.com/img/banners_templates/120x60joomla.gif" _fcksavedurl="http://www.siteground.com/img/banners_templates/120x60joomla.gif" alt="Joomla hosting" title="Joomla hosting" border="0"></a> </p>					</td> 				</tr> 						</tbody></table> 							<div style="margin: 0pt auto; width: 137px; text-align: center;"> <br> <table style="width: 137px; text-align: center;" cellpadding="0" cellspacing="0"> 	<tbody><tr> 		<td><font class="sgf1">Designed by:</font></td> 	</tr> </tbody></table> <table style="border: medium none ; width: 137px; height: 16px; text-align: center;" cellpadding="0" cellspacing="0"> 	<tbody><tr> 		<td><img src="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" _fcksavedurl="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" alt="SiteGround web hosting" title="SiteGround web hosting" width="28" border="0" height="16"></td> 		<td width="2" height="16"></td> 		<td width="107" align="center" background="http://www.joomla.siteground.com/templates/siteground89/images/banner_02.jpg" height="16"> 		<a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting/joomla-templates.htm" target="_blank" style="font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); text-decoration: none; font-weight: normal;">Joomla Templates</a> 		</td> 	</tr> </tbody></table> </div>  				</div> 				 									<div id="main"> 								<div style="margin: 10px auto 20px; text-align: center;"> 	<a href="http://www.siteground.com/joomla-hosting.htm?referrerid=113594" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm?referrerid=113594"><img src="joomla10_banner.gif" _fcksavedurl="joomla10_banner.gif" alt="Joomla Hosting!" style="border: medium none ;"></a> </div>				<table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div>			<table class="contentpaneopen"> 			<tbody><tr> 								<td class="contentheading" width="100%"> 				HackeR FrienD.Net							</td> 							</tr> 			</tbody></table> 			 		<table class="contentpaneopen"> 				<tbody><tr> 			<td colspan="2" valign="top" width="70%" align="left"> 			<span class="small"> 			 Bilgi Güçtür, Paylaştıkça Büyür</span> 			   			</td> 		</tr>  					<tr> 			<td colspan="2" valign="top"><br/> 			  <p>

TASARIM ALTI

</p>     <ul> <li></li> <li></li>  <li></li> <li></li>  <li></li> <li></li>  </ul>  			</td> 		</tr> 					<tr> 				<td colspan="2" class="modifydate" align="center"> 				<a href="#" _fcksavedurl="#">Z.Defteri</a> <a href="#" _fcksavedurl="#">İletişim</a> 				</td> 			</tr> 					</tbody></table> 		</div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" width="50%"></td><td valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td valign="top"><div class="blog_more">			<div></div> 			<ul> 						<li></li> 						<li></li> 						<li></li> 					</ul> 		</div></td></tr></tbody></table>				</div> 				 				<div id="rightmenu"> 					 <div class="module"><div><div><div><h3>Polls</h3> 		<form name="form2" method="post" action="index.php?option=com_poll&Itemid=1"> 		<table width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> 			<tbody><tr> 			  <td colspan="2" class="poll"><b>The most influential person in technology in the last 25 years is...</b></td> 			</tr> 			<tr> 			  <td align="center"> 			  <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> 					<tbody><tr> 			  <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid13" value="13" alt="13" type="radio"></td> 			  <td class="sectiontableentry2" valign="top"><label for="voteid13">Steve Jobs</label></td> 			</tr> 						<tr> 			  <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid14" value="14" alt="14" type="radio"></td> 			  <td class="sectiontableentry1" valign="top"><label for="voteid14">Bill Gates</label></td> 			</tr> 						<tr> 			  <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid15" value="15" alt="15" type="radio"></td> 			  <td class="sectiontableentry2" valign="top"><label for="voteid15">Linus Torvalds</label></td> 			</tr> 						<tr> 			  <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid16" value="16" alt="16" type="radio"></td> 			  <td class="sectiontableentry1" valign="top"><label for="voteid16">Tim Berners-Lee</label></td> 			</tr> 						<tr> 			  <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid17" value="17" alt="17" type="radio"></td> 			  <td class="sectiontableentry2" valign="top"><label for="voteid17">Scott Adams</label></td> 			</tr> 						  </tbody></table> 			  </td> 			</tr> 			<tr> 			  <td colspan="2" align="center"> 			  <input name="task_button" class="button" value="Vote" type="submit">   			  <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'index.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D15'%3B%22" type="button"> 			  </td> 			</tr> 		</tbody></table> 		<input name="id" value="15" type="hidden"> 		<input name="task" value="vote" type="hidden"> 		</form> 	  </div></div></div></div>  <div class="module"><div><div><div><h3>Who's Online</h3> We have 49 guests online  </div></div></div></div> 				</div> 				 				<div class="clr"></div> 			</div>		 		</div> 		<div class="clr"></div> 	</div> 	<div id="content_bottom"></div> 	 	<div id="footer"> 		<p class="copyright">	http://www.joomla.siteground.com, Powered by <a href="http://joomla.org/" _fcksavedurl="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/" _fcksavedurl="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a> </p> 	</div>

CSS

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 { 	font-family: Tahoma, Verdana, sans-serif; 	line-height: 1.3em; 	margin: 0; 	padding: 0; 	font-size: 12px; 	color: #000; 	background: #f3f2e7; 	text-align: center; }  .clr { 	clear: both; }  body.contentpane { 	background: #FEFEFE; 	text-align: left; }  body.contentpane .contentpaneopen { 	width: 97%; }  body.contentpane .contentpaneopen .contentheading { 	 }  .moduletable { 	margin: 0 auto; }   select.button { 	width: auto; 	padding: 0; }  td { 	font-family: Tahoma, Verdana, sans-serif; 	color: #000; 	font-size: 11px; }  .sectiontableentry1 { 	background: #eae8d8; }  .sectiontableentry2 { 	color: #666; }  ul { 	margin: 0; 	padding: 0; 	list-style: none; }  li{ 	line-height: 20px; 	padding-left: 12px; 	padding-top: 0px; }  a:link, a:visited { 	text-decoration: underline; 	font-weight: bold; 	color: #5b4848; 	outline: none; 	font-size: 11px; }  a:hover { 	text-decoration: none; 	font-weight: bold; 	color: #5b4848; 	font-size: 11px; }  p { 	margin-top: 0; 	margin-bottom: 5px; 	text-align: justify; }  .center { 	text-align: center; 	margin: 0 auto; 	padding: 0; 	width: 906px; }  div#wrapper { 	margin: 0 auto; 	width: 906px; 	text-align: left; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/content.jpg) top center repeat-y; }  #area { 	padding: 0; 	margin: 0 auto; 	text-align: center; }  .pathway table.moduletable form { 	margin: 0; 	padding: 0; }  .pathway table.moduletable { 	margin: 0; 	padding: 0; }  .search { 	padding: 10px 0 0 42px; 	float: left; }  .search .inputbox { 	background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/search_field.jpg) top center no-repeat; 	width: 136px; 	height: 14px; 	font-size: 10px; 	color: #666; 	padding: 1px 2px; 	border: none; }  .search .button { 	background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/searchbut.jpg) top center no-repeat; 	width: 51px; 	height: 16px; 	color: #453f33; 	border: none; 	padding: 0 4px; 	margin: 0 0 0 4px; 	text-align: center; 	font-family: Georgia, serif; 	font-size: 10px; 	text-transform: uppercase; 	line-height: 14px; }  #top { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/top.jpg) top center no-repeat; 	margin: 0 auto; 	width: 970px; 	height: 41px; }  #top_with_search { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_with_search.jpg) top center no-repeat; 	margin: 0 auto; 	width: 946px; 	height: 67px; }  #top_without_search { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_without_search.jpg) top center no-repeat; 	margin: 0 auto; 	width: 946px; 	height: 67px; }  .pathway { 	font-family: Georgia, Tahoma, serif; 	padding: 36px 0 0 0px; 	text-align: left; 	margin: 0 auto; }  .only_path { 	width: 670px; 	height: 36px; 	float: left; }  span.pathway { 	color: #5b4848; 	display: block; 	padding: 10px 0 0 34px; 	font-size: 11px; 	font-weight: bold; 	width: 636px; 	float: left; }  span.pathway a { 	text-decoration: underline; }  span.pathway a:hover { 	text-decoration: none; }  .pathway span img { 	height: 5px; 	padding: 0 0 1px 0; }  #headertop { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/headertop.jpg) top center no-repeat; 	width: 946px; 	height: 6px; 	margin: 0 auto; 	font-size: 0; }  #header { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/header.jpg) top center repeat-y; 	margin: 0 auto; 	width: 946px; }  #image { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerimg.jpg) top center no-repeat; 	width: 928px; 	height: 208px; 	margin: 0 auto; 	text-align: left; }  #headerbottom { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerbottom.jpg) top center no-repeat; 	margin: 0 auto; 	height: 9px; 	width: 946px; 	font-size: 0; }  .maintable { 	margin: 0 auto; 	width: 906px; 	text-align: left; }  #sitename { 	padding: 120px 0 0 90px; 	text-align: left; 	width: 600px; }  #sitename p {     font-weight: normal; 	font-family: Georgia, Verdana, Arial, sans-serif; 	font-size: 20px; 	padding: 0; 	margin: 0; 	letter-spacing: 1px; 	color: #f0f0f0; 	text-decoration: none; 	outline: none; 	line-height: 20px; }  #menucenter { 	text-align: left; 	margin: 0 auto; 	padding: 0; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu.jpg) top center no-repeat; 	width: 970px; 	height: 29px; }  #menucenter .menu_m { 	float: left; 	padding: 0; 	margin: 0; }  #topnavi{ }  #topnavi ul { 	margin: 0; 	padding: 0 28px; 	list-style: none; }  #topnavi ul li { 	float: left; 	margin: 0; 	padding: 0; 	height: 29px; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_li.jpg) bottom right no-repeat; }  #topnavi ul li a{ 	font-family: Verdana, Tahoma, sans-serif; 	font-size: 12px; 	float: left; 	display: block; 	line-height: 26px; 	padding: 0 10px; 	color: #999; 	text-decoration: none; 	font-weight: normal; 	text-transform: lowercase; 	height: 29px; }  #topnavi ul li a:hover,#topnavi ul li a.current{ 	color: #666; 	cursor: pointer; }  #topnavi ul li a span{  } #topnavi ul li a:hover span,#topnavi ul li a.current span {  }  #leftmenu, #rightmenu { 	margin: 0; 	width: 180px; 	float: left; 	text-align: left; 	padding: 0; }  #main { 	float: left; 	width: 494px; 	padding: 0 6px; 	text-align: left; }  #main_full { 	float: left; 	width: 666px; 	padding: 0 0 0 10px; 	text-align: left; }  #pagecontent { 	width: 866px; 	margin: 0 auto; 	text-align: center; 	padding: 10px 20px 10px 20px; }  #content_bottom { 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/content_bottom.jpg) top center no-repeat; 	height: 10px; }  #footer { 	margin: 0 auto; 	width: 906px; 	height: 10px; 	text-align: center; 	vertical-align: top; 	padding: 10px 0; }   a.mainlevel:link, a.mainlevel:visited { 	font-family: Georgia, Verdana, serif; 	line-height: 20px; 	padding: 0 0 0 14px; 	text-decoration: none; 	color: #333; 	font-weight: normal; 	font-size: 11px; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_row.jpg) bottom left no-repeat; 	margin: 0; 	height: 20px; 	display: block; }  a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited { 	color: #000; }  a#active_menu.sublevel:link, a#active_menu.sublevel:visited { 	color: #000; }  a.mainlevel:hover { 	color: #000; }  a.sublevel:link, a.sublevel:visited { 	font-family: Georgia, Verdana, serif; 	text-decoration: none; 	color: #333; 	margin: 0; 	font-size: 11px; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/submenu_row.jpg) center left no-repeat; 	font-weight: normal; 	display: block; 	line-height: 20px; 	padding: 0 0 0 24px; 	border: none; 	height: 20px; 	display: block; 	text-align: left; }  a.sublevel:hover { 	color: #000; }  table.contentpaneopen { 	margin: 2px 8px; 	border-spacing: 0; 	padding: 0; 	border-collapse: collapse; 	text-align: justify; }   #header table.contentpaneopen { 	margin: 2px 0; 	border-spacing: 0; 	padding: 0; 	border-collapse: collapse; 	text-align: justify; }  table.contentpaneopen td.contentheading { 	color: #333333; 	font-family: Tahoma,Arial,sans-serif; 	font-size: 12px; 	font-weight: bold; 	padding: 0; 	text-align:	left; 	vertical-align: middle; }  .button { 	color: #453f33; 	font-size: 10px; 	border: 1px solid #cbc8b5; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/button_bg.jpg) top center repeat-x; }  .inputbox { 	border: 1px solid #555; 	color: #333; 	padding: 2px; }  input[type="checkbox"] {  	border: none;  }  .copyright { 	color: #555; 	font-family: Tahoma, Verdana, sans-serif; 	font-size: 11px; 	padding: 0; 	margin: 0 23px; 	text-align: center; }  .back_button { 	float: left; 	text-align: center; 	font-size: 11px; 	font-weight: normal; 	width: auto; 	padding: 0px 10px; 	line-height: 20px; 	margin: 10px 0 50px 0; }  .componentheading { 	height: 22px; 	padding: 8px 0 0 10px; 	font-family: Tahoma, Arial, sans-serif; 	font-size: 14px; 	margin: 0;	 	text-align: left; 	color: #555; }  .wrapper { 	width: 670px; 	height: 550px; }  .module div div div h3 { 	color: #666; 	font-family: Georgia, Verdana, Tahoma, Arial, sans-serif; 	font-size: 14px; 	text-align: left; 	height: 30px; 	text-decoration: none; 	padding: 0 0 4px 10px; 	background: url(http://www.joomla.siteground.com/templates/siteground89/images/h3.jpg) top center no-repeat; 	font-weight: normal; 	line-height: 31px; 	margin: 0; 	text-transform: uppercase; }  .module { 	padding: 0; 	margin: 0; }  .module div { 	padding: 0; 	margin: 0 0 14px 0; }  .module div div { 	margin:0; 	width: 100%; 	padding: 0; }  .module div div div { 	margin:0; 	padding: 0 0 4px 0; 	text-align: center; }  .module div div div div{ 	border: none; 	padding: 0; 	margin: 0;	 }  .module div div div table { 	margin: 4px 0 0 0; 	padding: 0 3px; 	list-style: none; 	background: none; }  .module div div div div { 	padding: 0 0 1px 0; 	background: none; }  .module div div div div.syndicate { 	margin: 0; 	padding: 10px 0; }  .module div div div form { 	padding: 0; 	margin: 0; 	text-align: center; }  .module div div div form table { 	padding: 0 10px; 	width: 100%; 	text-align: left; }  /* footer links*/ a.sgfooter:link, a.sgfooter:visited { 	color: #555; 	font-size: 11px; 	font-family: Tahoma, Verdana, sans-serif; 	text-decoration: none; 	font-weight: normal; } a.sgfooter:hover { 	color: #555; 	font-size: 11px; 	font-family: Tahoma, Verdana, sans-serif; 	text-decoration: none; 	font-weight: normal; } /**/ /*banner*/ .sgf { 	font-size: 11px; 	font-family: Tahoma, Verdana, sans-serif; 	color: #555; 	text-decoration: none; } .sgf1 { 	font-size: 11px; 	font-family: Tahoma, Verdana, sans-serif; 	color: #555; 	text-align: left; }  a.sglink:link, a.sglink:visited { 	color: #FFF; 	font-size: 11px; 	font-family: Tahoma, Verdana, sans-serif; 	text-decoration: none; } a.sglink:hover { 	text-decoration: none; }  a img { 	border: 0; }  .pagenav { 	font-size:12px; 	font-weight:normal; }  #topnavigation a.topnavigation:link, a.topnavigation:visited { 	font-family: Tahoma, Verdana, sans-serif; 	font-size: 10px; 	font-weight: normal; 	letter-spacing : 1px; 	color: #fefefe; 	padding-right:5px; 	text-decoration:none; }  #topnavigation a.topnavigation:hover { 	color: #b9f15d; 	border-bottom: none; 	text-decoration:none;	 } #topnavigation a.topnavigation:active { 	color: #51c0f5; 	text-decoration:none;	 }  a.toclink:link, a.toclink:visited { 	line-height:normal; 	font-size:11px; 	font-family: Tahoma, Verdana, sans-serif; 	color: #000000; 	text-decoration: underline; }  a.toclink:hover { 	text-decoration: none; }  table.contenttoc { 	padding: 2px; 	margin-left: 2px; 	margin-bottom: 2px; }  table.contenttoc th { 	color: #333; 	text-align: left; 	padding-top: 2px; 	padding-left: 4px; 	height: 21px; 	font-weight: normal; 	font-size: 11px; 	text-transform: uppercase; }  .sectiontableheader { 	height: 20px; 	padding-right:3px; 	font-weight :normal; }  table.contentpane td.contentdescription { 	font-size:12px; 	line-height:18px; }  table.contentpane td.componentheading { 	height: 20px; 	padding: 0 0 3px 0; 	color: #555; 	text-align: left; 	padding-bottom:3px; 	white-space: nowrap; 	font-family: Tahoma, Verdana, sans-serif; 	font-size: 14px; 	font-weight: normal; }  table.contentpane td { 	padding-top:1px; 	padding-bottom:2px; 	font-size:12px; }  table.contentpaneopen td { 	line-height: 14px; 	font-size: 12px; }  .height { 	height: 100%; }  .small { 	font-size: 10px; 	color: #555; 	font-weight: normal; 	text-align: left; }  table.contentpaneopen td.createdate { 	color: #555555; 	font-size: 10px; 	font-weight: normal; 	height: 20px; 	padding-top: 0; 	vertical-align: top; }  table.contentpaneopen td.modifydate { 	color: #555555; 	font-size: 10px; 	font-weight: normal; 	height: 20px; 	text-align: right; 	vertical-align: bottom; }  table.contentpaneopen td a.readon{ 	display: block; 	float: right; 	line-height: 14px; 	font-size: 10px; 	text-decoration: none; 	padding: 1px 2px 1px 2px; }  table.contentpaneopen td a.readon:hover{ 	color: #333; }  h4 { 	font-size: 10px; 	text-transform: uppercase; } table.contentpaneopen td.buttonheading { 	} 	 .pagenav_next, .pagenav_prev { 	font-size: 12px; 	color: #666; }

Bugün 13 ziyaretçi (16 klik) kişi burdaydı!