T-K-O-T

tasarim eponymous

Epontmous Tasarımı

Designer: Ömer Faruk Nemutlu | 20 Ocak 2014

Eponymous tasarımı bir kişisel blog tasarımıdır.Kullanımı çok kolay olan tasarımda özellikler az olmasına rağmen yinede seviliyor.

NOT: Tasarımı doğru çalışması için alttaki linkten resimleri indiriniz.

Tasarımın Üstündeki Metin

<div id="bg"> 			<div id="outer"> 				<div id="header"> 					<div id="logo"> 						<h1> 							<a href="#" _fcksavedurl="#">Eponymous</a> 						</h1> 					</div> 					<div id="nav"> 						<ul> 							<li class="first active"> 								<a href="#" _fcksavedurl="#">Home</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Services</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Blog</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Portfolio</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">About</a> 							</li> 							<li class="last"> 								<a href="#" _fcksavedurl="#">Contact</a> 							</li> 						</ul> 						<br class="clear" /> 					</div> 				</div> 				<div id="banner"> 					<img src="images/pic1.jpg" _fcksavedurl="images/pic1.jpg" width="1120" height="200" alt="" /> 				</div> 				<div id="main"> 					<div id="sidebar"> 						<h3> 							Nascetur etiam et consequat amet 						</h3> 						<p> 							Suspendisse pretium leo convallis. Viverra augue euismod sodales etiam volutpat. Vulputate amet 							sapien quis placerat et vulputate. Lorem ipsum dolor sit amet. 						</p> 						<ul class="linkedList"> 							<li class="first"> 								<a href="#" _fcksavedurl="#">Nulla diam vivamus</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Pretium mollis cubilia</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Auctor est fermentum</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Praesent est ullamcorper</a> 							</li> 							<li class="last"> 								<a href="#" _fcksavedurl="#">Volutpat et blandit</a> 							</li> 						</ul> 					</div> 					<div id="content">

Tasarımın Altındaki Metin

</div> 						<br class="clear" /> 					</div> 					<br class="clear" /> 				</div> 				<div id="footer"> 					<div id="footerSidebar"> 						<h3> 							Odio adipiscing 						</h3> 						<ul class="linkedList"> 							<li class="first"> 								<a href="#" _fcksavedurl="#">Curabitur mus posuere</a> 							</li> 							<li> 								<a href="#" _fcksavedurl="#">Penatibus et accumsan</a> 							</li> 							<li class="last"> 								<a href="#" _fcksavedurl="#">Convallis sed ornare</a> 							</li> 						</ul> 					</div> 					<div id="footerContent"> 						<h3> 							Proin dolor nullam 						</h3> 						<p> 							Magna euismod risus interdum vulputate viverra. Urna ultrices vitae ornare volutpat. Pellentesque penatibus  							semper aliquam mollis. Urna lobortis elit eget a dignissim rutrum. Integer ipsum ligula sociis tellus quam enim.  							Nibh nec phasellus mattis montes faucibus malesuada. Venenatis cubilia odio volutpat phasellus facilisis  							ultricies convallis. Convallis purus urna suspendisse consectetur feugiat. Varius dignissim aliquet montes  							libero. Consectetur a lobortis nulla montes quisque blandit. Primis eget vestibulum pretium turpis. 						</p> 					</div> 					<br class="clear" /> 				</div> 			</div> 			<div id="copyright"> 				© Your Site Name | Design by <a href="http://www.tkot.tr.gg/" _fcksavedurl="http://www.tkot.tr.gg/" rel="nofollow">Bilişim Teknolojileri</a> 			</div> 		</div>

CSS Kodu

Name       : Eponymous 	Version    : 0.1 	Released   : 2014201435587954 	 */  * { 	margin: 0; 	padding: 0; }  a { 	color: #d43535; 	text-decoration: underline; }  a:hover { 	text-decoration: none; }  body { 	font-size: 12pt; 	line-height: 1.75em; 	font-family: Arial, sans-serif; 	background: #030707 url('images/bg.jpg'); 	color: #c0c1c1; }  br.clear { 	clear: both; }  h2,h3,h4 { 	margin-bottom: 1em; 	font-family: Arvo, serif; 	color: #ffffff; }  img.left { 	float: left; 	margin: 5px 20px 20px 0; }  img.top { 	margin: 5px 0 20px 0; }  p { 	margin-bottom: 1.5em; }  ul { 	margin-bottom: 1.5em; }  .imageList { 	list-style: none; }  .imageList li { 	clear: both; } 	 #bg { 	background: url('images/shadow.png') top left repeat-x; 	padding: 60px 0 80px 0; }  #banner { 	position: relative; 	padding: 30px; 	height: 200px; 	width: 1120px; 	margin: 0px 0 0 0; 	background: #ffffff; }  #box1 { 	margin: 0px 0 25px 0; 	overflow: hidden; }  #box2 { 	margin: 0px 0 25px 0; 	overflow: hidden; }  #content { 	width: 855px; 	margin: 0px 0 0 265px; 	padding: 30px; 	background: #ffffff; }  #copyright { 	margin: 40px 0 0 0; 	text-align: center; 	color: #707070; 	font-size: 0.9em; }  #copyright a { 	color: #888888; }  #footer { 	position: relative; 	padding: 30px; 	width: 1120px; 	background: #3ca9cd; 	color: #addbea; }  #footer a { 	color: #e2f2f8; }  #footer h2, #footer h3, #footer h4 { 	color: #ffffff; }  #footer ul { 	list-style: none; 	margin-bottom: 0; }  #footer p { 	margin-bottom: 0; }  #footer ul li { 	padding: 10px 0 10px 0; 	border-top: dashed 1px #6dbfda; }  #footer ul li.first { 	padding-top: 0; 	border-top: 0; }  #footerContent { 	width: 855px; 	margin: 0px 0 0 265px; }  #footerSidebar { 	width: 180px; 	float: left; }  #header { 	position: relative; 	padding: 30px; 	height: 80px; 	width: 1120px; }  #logo { 	position: absolute; 	top: 30px; 	left: 30px; 	height: 80px; 	line-height: 80px; 	letter-spacing: -1px; }  #logo a { 	text-decoration: none; 	color: #ffffff; }  #logo h1 { 	font-size: 2.75em; 	font-family: Arvo, serif; }  #main { 	position: relative; 	padding: 0px; 	margin: 30px 0 0 0; 	width: 1180px; 	color: #6b6b6b; }  #main a { 	color: #262626; }  #main strong { 	color: #404040; }  #main h2, #main h3, #main h4 { 	color: #141414; }  #main ul { 	list-style: none; }  #main ul li { 	padding: 10px 0 10px 0; 	border-top: dashed 1px #bfbfbf; }  #main ul li.first { 	padding-top: 0; 	border-top: 0; }  #nav { 	position: absolute; 	right: 30px; 	height: 48px; 	top: 55px; 	font-family: Arvo, serif; 	font-size: 1.1em; }  #nav ul { 	list-style: none; }  #nav ul li { 	float: left; 	margin: 0 0.5em 0 0.5em; 	padding: 0.25em 1.1em 0.25em 1.1em; }  #nav ul li.active { 	background: #3CA9CD; }  #nav li a { 	text-decoration: none; 	color: #d9dada; }  #nav ul li.active a { 	color: #ffffff; } 	 #outer { 	position: relative; 	width: 1180px; 	margin: 0 auto; }  #search input.button { 	margin-left: 1em; 	border: 0px; 	color: #ffffff; 	background: #d43535; 	padding: 6px; }  #search input.text { 	border: dashed 1px #ffffff; 	padding: 5px; }  #sidebar { 	width: 180px; 	float: left; 	padding: 30px; 	color: #959797; }  #sidebar a { 	color: #d9dada; }  #sidebar h2, #sidebar h3, #sidebar h4 { 	color: #ffffff; }  #sidebar ul { 	list-style: none; }  #sidebar ul li { 	padding: 10px 0 10px 0; 	border-top: dashed 1px #424545; }  #sidebar ul li.first { 	padding-top: 0; 	border-top: 0; }

Ana Sayfa'ya Eklenecek Metin

<div id="box1"> 							<h2> 								Welcome to Eponymous 							</h2> 							<img class="left" src="images/pic2.jpg" _fcksavedurl="images/pic2.jpg" width="170" height="140" alt="" /> 							<p> 								This is <strong>Eponymous</strong>, a two column CSS template by 								<a href="#" _fcksavedurl="#" rel="nofollow">Bilişim Teknolojileri</a> with photos from  								<a href="#" _fcksavedurl="#">PDPhoto</a>. It's released (for free) under the 								<a href="#" _fcksavedurl="#">Creative Commons Attribution 3.0 license</a>, 								so feel free to use it for any personal or commercial work, just keep our footer credit links intact. 								Hit up our <a href="#" _fcksavedurl="#">website</a> for more awesomely 								cool free templates, and follow us on <a href="#" _fcksavedurl="#">Twitter</a> 								(<a href="#" _fcksavedurl="#">Twitter</a>) for updates, announcements, and other 								interesting ramblings. 							</p> 						</div> 						<div id="box2"> 							<h3> 								Fringilla nisi parturient nullam 							</h3> 							<p> 								Elementum sodales est varius magna leo sociis erat. Nascetur pretium non ultricies gravida. Condimentum  								at nascetur tempus. Porttitor viverra ipsum accumsan neque aliquet. Ultrices vestibulum tempor quisque  								eget sem eget. Ornare malesuada tempus dolor dolor magna consectetur. Nisl dui non curabitur laoreet tortor. 							</p> 							<ul class="linkedList"> 								<li class="first"> 									<a href="#" _fcksavedurl="#">Neque ac iaculis nisl nibh ipsum egestas mattis</a> 								</li> 								<li> 									<a href="#" _fcksavedurl="#">Commodo enim nisl turpis magnis enim morbi</a> 								</li> 								<li> 									<a href="#" _fcksavedurl="#">Convallis purus curae non sollicitudin posuere dolor ante</a> 								</li> 								<li> 									<a href="#" _fcksavedurl="#">Gravida magna dignissim imperdiet leo quisque</a> 								</li> 								<li class="last"> 									<a href="#" _fcksavedurl="#">Sapien hendrerit venenatis dis nec lobortis pharetra</a> 								</li> 							</ul>

Tasarım Resimlerini İndir!

tasarim eponymous

Epontmous Tasarımı

Tasarımın Üstündeki Metin

Tasarımın Altındaki Metin

CSS Kodu

Ana Sayfa'ya Eklenecek Metin

Sinemalar'da

Site Settings Duyuru

Kategoriler

Download Bölümü

Oyunlar [Games]

Filmler [Movies]

Oyunlar(Games) Hack

Resim Galerisi

Link Listesi

Sosyal Medya'da Biz!