Prologue by HTML5 UP

Bedava-Sitem Icin CSS Tasarimlar

Bedava-Sitem İçin CSS Tasarımlar

http://img231.imageshack.us/img231/4716/sttdyo.jpg

Tasarım Üstündeki Yazı:

<html xmlns="http://www.potassium.tr.gg" xml:lang="en" lang="en"> <head> <FCK:meta http-equiv="Content-Type" content="text/html;charset=utf-8"  /> <FCK:meta name="Author" content="Author"  /> <FCK:meta name="Robots" content="index,follow"  /> <FCK:meta name="Description" content="Description"  /> <FCK:meta name="Keywords" content="key, words"  /> <link rel="stylesheet" type="text/css" href="images/style.css" /> <title>Small Studio > Enthusiastic Web Company</title> </head> <body> 	<div id="bg"> 		<div id="sadrzaj"> 			<div id="zaglavlje"> 			 				<div id="title"> 					<a href="http://potassium.tr.gg/" _fcksavedurl="http://potassium.tr.gg/">Potassium Bilgi Platformu</a> > <span class="blue">Web Design</span> 				</div> 				 				<form action="search" ></form> 					Search our site: <input name="query" type="text" size="15" /> 					<input type="submit" value="Go" name="search" class="button" /> 			</div>  			<div id="navigacija"> 				<ul> 					<li><a href="http://potassium.tr.gg/" _fcksavedurl="http://potassium.tr.gg/">Anasayfa</a></li> 					<li><a href="http://potassium.tr.gg/Guncel-Haberler.htm" _fcksavedurl="http://potassium.tr.gg/Guncel-Haberler.htm">Güncel</a></li> 					<li><a href="http://potassium.tr.gg/Bilgisayar.htm" _fcksavedurl="http://potassium.tr.gg/Bilgisayar.htm">Bilgisayar</a></li> 					<li><a href="http://potassium.tr.gg/Internet.htm" _fcksavedurl="http://potassium.tr.gg/Internet.htm">İnternet</a></li> 					<li><a href="http://potassium.tr.gg/Tasarimlar.htm" _fcksavedurl="http://potassium.tr.gg/Tasarimlar.htm">Tasarımlar</a></li> 				</ul> 	 				<div class="lijevo"> 					<h3>Duyurular</h3> 					<p>Potassium Bilgi Platformu açıldı ! Şimdi www.potassium.tr.gg adresine gidin; bilmedikleirniz görmedikleriniz duymadıklarınız bu platformda...Sizler için en yararlı bilgiler burada.</p> 					 					<div id="infobox"> 					www.potassium.tr.gg 					</div> 				</div> 			</div>  			<div id="pic"> 			<h2>Potassium Bilgi Platformu</h2> 			<p>Sitenize göre tasarım bulamadınız mı? 			O zman hemen www.potassium.tr.gg sitesini ziyaret edin. 			Sitenize göre web şablonları kapın. 			Hemen tıkla ! 			 			</p> 					 			</div>  			<div class="desna_rubrika"> 				<h3>Son Eklenen Başlıklar</h3> 				<p> 				<a href="#" _fcksavedurl="#">                 <img src="http://img196.imageshack.us/img196/2517/strelica2.gif" _fcksavedurl="http://img196.imageshack.us/img196/2517/strelica2.gif" width="6" height="5" alt="" /> Copyright © (Telif Hakkı)</a> 				<a href="http://potassium.tr.gg/Copyright.htm" _fcksavedurl="http://potassium.tr.gg/Copyright.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> İlk Youtube Videosu</a> 				<a href="http://potassium.tr.gg/Ilk-Youtube-Videosu.htm" _fcksavedurl="http://potassium.tr.gg/Ilk-Youtube-Videosu.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> HYML Kod ve Anlamları</a> 				<a href="http://potassium.tr.gg/HTML.htm" _fcksavedurl="http://potassium.tr.gg/HTML.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> 30 Yıl Sonrasına Mail At</a> 				<a href="http://potassium.tr.gg/30-Yil-Sonrasina-Mail-At.htm" _fcksavedurl="http://potassium.tr.gg/30-Yil-Sonrasina-Mail-At.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> Birazda eğlenelim !</a> 				<a href="http://potassium.tr.gg/Eglence.htm" _fcksavedurl="http://potassium.tr.gg/Eglence.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> En iyi programlar burada !</a> 				<a href="http://potassium.tr.gg/Programlar.htm" _fcksavedurl="http://potassium.tr.gg/Programlar.htm">                 <img src="images/strelica2.gif" _fcksavedurl="images/strelica2.gif" width="6" height="5" alt="" /> Sitenize göre tasarım bulamadın mı?</a> 				</p>     		</div>  			<div class="lijeva_rubrika"> 			<h3>Güncel</h3> 				<p>

Tasrım Altındaki Yazı:

</div> 			<div id="downbox"> 			<p>Bilmedikleriniz,görmedikleriniz,duymadıklarınız <a href="http://potassium.tr.gg/" _fcksavedurl="http://potassium.tr.gg/">Potassium Bilgi Platformu</a>nda, hemen  <a href="http://potassium.tr.gg/" _fcksavedurl="http://potassium.tr.gg/">www.potassium.tr.gg</a> adresine tıkla. Tüm ilginç bilgleri sizler için bir araya topluyoruz.</p> 			</div> 			 			<div id="footer"> 			Copyright © 2005 <a href="http://www.potassium.tr.gg/'" _fcksavedurl="http://www.potassium.tr.gg/'">YourCompany.com</a> > Designed by <a href="potassium.root@hotmail.com" _fcksavedurl="potassium.root@hotmail.com">SpyBoT</a> >  			<a href="http://www.potassium.tr.gg/'" _fcksavedurl="http://www.potassium.tr.gg/'">Solucija.com</a> | Validate >  			<a href="http://www.potassium.tr.gg/'" _fcksavedurl="http://www.potassium.tr.gg/'">XHTML 1.0 Strict!</a> | 			<a href="" _fcksavedurl="" onmouseover_fckprotectedatt="%20onmouseover%3D%22parent.location%3D'http%3A%2F%2Fwww.potassium.tr.gg%2F'%22"><span style="font-size: small;"><span style="font-family: Arial;">www.potassium.tr.gg</span></span></a></a> 			</div> 		</div> 	</div> </body> </html>

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;}             /* Small Studio Template     I'm sorry for non-english variables,    but I think you'll manage */  body { 	margin: 0 auto; 	padding: 0; 	font-family: Arial, Verdana, Sans-Serif; 	font-size: 0.8em; 	background: #E7E7E7; }  a { 	text-decoration: none; 	color: #B60400; }  a:hover { 	color: #808080; }  a img { 	border: 0px none; }  h3 { 	font-size: 1.3em; 	margin: 0 0 5px 0; 	padding: 2px 0px 0px 0px; 	border-bottom: 2px solid #eee; }  .blue { 	color: #286ea0; }  #bg {  	width: 760px; 	margin: 0 auto; 	height: 580px; 	background: url('http://img402.imageshack.us/img402/1360/89474125.gif') no-repeat;; padding-left:10px; padding-right:10px; padding-top:6px; padding-bottom:0px }  #sadrzaj { 	padding: 9px 4px 0 2px; 	color: #303030; 	width: 736px; 	 }  #zaglavlje { 	clear: both; 	text-align: right; 	height: 40px; 	border-bottom: 2px solid #eee; 	background: #FFF url('http://img97.imageshack.us/img97/8882/fadek.gif') repeat-x; 	color: #808080; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:3px; padding-left:0; padding-right:15px; padding-top:20px; padding-bottom:0 }  #title { 	float: left; 	font-size: 14pt; 	font-weight: bold; 	padding: 0 0 0 10px; }  #navigacija { 	clear: left; 	float: left; 	width: 150px; 	margin: 0 0 10px 0; 	padding: 0; 	font-size: 0.9em; }  #navigacija ul {	 	list-style: none; 	width: 150px; 	margin: 0 0 3px 0; 	padding: 0; 	font-size: 1.1em; 	border-right: 2px solid #ccc; }	  #navigacija li { 	margin-bottom: 4px; 	padding: 0 5px 0 10px; }  #navigacija li a { 	font-size: 9pt; 	font-weight: bold; 	text-align: right; 	height: 20px; 	text-decoration: none; 	color: #808080; 	display: block; 	padding: 6px 10px 0 10px; 	background: #fff; 	border-bottom: 1px dotted #ccc; }	 	 #navigacija li a:hover { 	color: #286ea0; }  .lijevo { 	margin: 9px 0 10px 0; 	padding: 3px 10px 5px 10px; 	width: 130px; 	color: #6B6B6B; 	line-height: 1.6em; }  .lijevo a { 	text-decoration: underline; }  .lijevo p { 	margin: 0;	 }  #infobox { 	border: 1px solid #ccc; 	background: #f4f4f4; 	padding: 3px; 	margin-top: 5px; }  .desna_rubrika { 	float: right; 	width: 273px; 	margin: 0 0 10px 0; 	padding: 5px 13px 20px 10px; 	border-left: 1px solid #DDD; 	color: #5D5D5D; 	line-height: 1.5em; }  .desna_rubrika p { 	margin: 0px; 	font-size: 90%; }  .desna_rubrika a { 	display: block; 	 	padding-bottom: 4px; 	margin-bottom: 2px; 	border-bottom: 1px dotted #ccc; }  #pic { 	line-height: 1.4em; 	background: url('http://img33.imageshack.us/img33/8319/aaaahz.jpg') repeat-x; 	height: 146px; margin-left:155px; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:6px; padding-right:10px; padding-top:0px; padding-bottom:5px }  #pic h2 { 	margin: 0px; 	padding: 15px 0 2px 5px; 	font-size: 12pt; 	color: #3A6794; }  #pic p { 	margin: 0; 	padding: 0 0 0 5px; 	color: #5488BC; 	width: 260px; }  .lijeva_rubrika { 	margin: 0 300px 20px 150px; 	padding: 5px 10px 5px 10px; 	line-height: 1.6em; 	text-align: left; 	color: #5D5D5D; 	border-left: 2px solid #eee; }  .lijeva_rubrika a, #lijeva_rubrika a:visited { 	text-decoration: underline;	 }  .lijeva_rubrika p { 	padding: 0; 	margin: 0; }  #downbox { 	margin: 15px 10px 15px 10px; 	border: 1px solid #819CD7; 	background: #CDE1F9; }  #downbox p { 	padding: 6px; 	margin: 0; }   #footer { 	clear: both; 	color: #808080; 	background: #FFF; 	font-size: 0.8em; 	text-align: right; 	padding: 9px 10px 9px 0; 	margin: 10px 5px 10px 5px; 	border: 1px solid #ccc; 	 }  #footer a { 	text-decoration: underline; 	color: #3A6794; }  #footer a:hover { 	color: #000; }

Jane Doe

Potassium Bilgi Platformu

Bedava-Sitem Icin CSS Tasarimlar