Tasde v1

Tasde v1 tasarımı webekibim tarafından tasarlanan ve tasarimkodu bedava sitem tr.gg için entegre yapan bu tasarımı'mız üst ve sağ menüsüyle daha şık bir görünüm göz önüne sergiliyor menüden başka gözümüze çarpan şeyde büyük bir sliderin olması tasarıma hoş bir görünüm veriyor anasayfaya gelirsek eğer öncelikle nerde olduğunuz ile ilgili kategori ismi gösterme mevcut yeni konular paylaşmak için güzel bir haber paylaşımı ekli kişisel blog kullanmaniza olanak sağlıyor sadeliğiyle herkesin ilgisini kendi üzerine çeken bu tasarımı'mız sizler için paylaşmayı düşündük umarım beğenirsiniz.

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Slider (Manşet)
Kategori Gösterimi
Sağ ve Üst Menü
Profil Resmi

Tasarımın üzerindeki yazı:

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   <title>Blog - Tasde Kişisel Blog Teması</title>
    
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<link rel="shortcut icon" href="http://blog.sosyalortam.net/favicon.ico" type="image/x-icon" />
	<meta name='robots' content='noindex,follow' />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/blog.sosyalortam.net\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2.4"}};
			!function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='related-post-style-css'  href='http://blog.sosyalortam.net/wp-content/plugins/related-post/css/style.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='ParaAdmin-css'  href='http://blog.sosyalortam.net/wp-content/plugins/related-post/ParaAdmin/css/ParaAdmin.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='wp-color-picker-css'  href='http://blog.sosyalortam.net/wp-admin/css/color-picker.min.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='related-post-style-text-css'  href='http://blog.sosyalortam.net/wp-content/plugins/related-post/themes/text/style.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='related-post-style-flat-css'  href='http://blog.sosyalortam.net/wp-content/plugins/related-post/themes/flat/style.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='portfolio-all-css-css'  href='http://blog.sosyalortam.net/wp-content/plugins/portfolio-gallery/style/portfolio-all.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='style2-os-css-css'  href='http://blog.sosyalortam.net/wp-content/plugins/portfolio-gallery/style/style2-os.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='lightbox-css-css'  href='http://blog.sosyalortam.net/wp-content/plugins/portfolio-gallery/style/lightbox.css?ver=4.2.4' type='text/css' media='all' />
<link rel='stylesheet' id='wp-pagenavi-css'  href='http://blog.sosyalortam.net/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />
<script type='text/javascript' src='http://blog.sosyalortam.net/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='http://blog.sosyalortam.net/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var related_post_ajax = {"related_post_ajaxurl":"http:\/\/blog.sosyalortam.net\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='http://blog.sosyalortam.net/wp-content/plugins/related-post/js/related-post-scripts.js?ver=4.2.4'></script>
<script type='text/javascript' src='http://blog.sosyalortam.net/wp-content/plugins/related-post/ParaAdmin/js/ParaAdmin.js?ver=4.2.4'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.sosyalortam.net/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://blog.sosyalortam.net/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.2.4" />
 
  </head>
  <body>
	
	
	<div class="container">
	<!-- HEADER : START -->
    <header>
		
		<!-- Logo -->
		<a href="http://www.tasarimkodu.blogspot.com/" title="TasarimKodu" class="logo"><h1>TasarimKodu</h1><p>Tasde Kişisel Blog Teması</p></a>
		
		
		<!-- Menu -->
		<nav>
			<ul>
				<div class="menu-menu-container"><ul id="menu-menu" class="menu"><li id="menu-item-1823" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1823"><a href="http://tasde-v1-tasarimi.tr.gg/">Ana Saysa</a></li>
<li id="menu-item-1825" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-1825"><a href="#">Güncel</a>
<ul class="sub-menu">
	<li id="menu-item-1835" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1835"><a href="#">Sağlık</a></li>
	<li id="menu-item-1836" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1836"><a href="#">Bilim-Teknoloji</a></li>
	<li id="menu-item-1837" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1837"><a href="#">Android</a></li>
	<li id="menu-item-1834" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1834"><a href="#">Kültür</a></li>
	<li id="menu-item-1833" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1833"><a href="#">Oyun</a></li>
</ul>
</li>
<li id="menu-item-1826" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1826"><a href="#">Video Galeri</a></li>
<li id="menu-item-1827" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1827"><a href="#">Blog</a></li>
<li id="menu-item-1832" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1832"><a href="#">İletişim</a></li>
</ul></div>			</ul>
		</nav>
	</header>
	<!-- HEADER : END -->
	
	<!-- SLIDER : START -->
	<section id="slider">
		<!-- meta slider -->
<div style="max-width: 980px;" class="metaslider metaslider-flex metaslider-1812 ml-slider nav-hidden">
    
    <div id="metaslider_container_1812">
        <div id="metaslider_1812">
            <ul class="slides">
                <li style="display: block; width: 100%;" class="slide-1813 ms-image"><img src="http://img.webme.com/pic/t/tasde-v1-tasarimi/girlandDog-980x300.jpg" height="300" width="980" alt="" class="slider-1812 slide-1813" /><div class="caption-wrap"><div class="caption">Web Ekibim Kişisel Blog Teması</div></div></li>
                <li style="display: none; width: 100%;" class="slide-1814 ms-image"><img src="http://img.webme.com/pic/t/tasde-v1-tasarimi/11-980x300.jpg" height="300" width="980" alt="" class="slider-1812 slide-1814" /><div class="caption-wrap"><div class="caption">Tesda Theme! Your New Personaly Blog Theme!</div></div></li>
                <li style="display: none; width: 100%;" class="slide-1815 ms-image"><img src="http://img.webme.com/pic/t/tasde-v1-tasarimi/15_02_2011_17_50_Ayder_yaylas%C4%B1_panoramik.jpg" height="300" width="980" alt="" class="slider-1812 slide-1815" /><div class="caption-wrap"><div class="caption">Merhaba Dünya!</div></div></li>
                <li style="display: none; width: 100%;" class="slide-1816 ms-image"><img src="http://img.webme.com/pic/t/tasde-v1-tasarimi/grafik-tasarim-2.jpg" height="300" width="980" alt="" class="slider-1812 slide-1816" /><div class="caption-wrap"><div class="caption">Teşekkürler Wordpress!</div></div></li>
            </ul>
        </div>
        
    </div>
    <script type="text/javascript">
        var metaslider_1812 = function($) {
            $('#metaslider_1812').addClass('flexslider'); // theme/plugin conflict avoidance
            $('#metaslider_1812').flexslider({ 
                slideshowSpeed:3000,
                animation:"fade",
                controlNav:false,
                directionNav:true,
                pauseOnHover:true,
                direction:"horizontal",
                reverse:false,
                animationSpeed:600,
                prevText:"<",
                nextText:">",
                slideshow:true
            });
        };
        var timer_metaslider_1812 = function() {
            var slider = !window.jQuery ? window.setTimeout(timer_metaslider_1812, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_1812, 1) : metaslider_1812(window.jQuery);
        };
        timer_metaslider_1812();
    </script>
</div>
<!--// meta slider-->	</section>
	<!-- SLIDER : END -->
	
	<!-- ADVERT : START -->
	<div class="advert">
			</div>
	<!-- ADVERT : END -->
<article id="content">
				<section>
<div class="blog_title">Kategori »</div>

Tasarımın altındaki yazı:

</section>
		
	</article>
<!-- SIDEBAR : START -->
	<aside>
		<div class="profilebox">
			<img src="http://img.webme.com/pic/t/temadeneme93/google+profil1.png" alt="Admin">
			<ul class="social_links">
				<li><a href="http://fb.com/tasarimkodu"><i class="fa fa-facebook"></i></a></li>
				<li><a href="#"><i class="fa fa-twitter"></i></a></li>
				<li><a href="https://plus.google.com/u/0/115821482371566388751/posts"><i class="fa fa-google-plus"></i></a></li>
				<li><a href="#"><i class="fa fa-instagram"></i></a></li>
			</ul>
			<div class="author_info">
				<h4> </h4>
				Web Ekibim - İnternet Çözüm Ortağınız! 

Web Ekibim internet üzerinde toplanmış bir web master topluluğudur. Bu gördüğünüz tema Web Ekibim'de Front and Developer Olan Özkan Özsert tarafından geliştirilmiş, kişisel blog teması olan Tasde Teması'dır!

Burayı düzenlemek için, Kullanıcalar - Profilimi Düzenle - Biyografi bölümüne gidin ve hakkınızda bilgiler ekleyin.

İyi bloglamalar :)			</div>
		</div>
		
		<div class="sidebox"><div class="sidetitle">Kategoriler</div>		<ul>
	<li class="cat-item cat-item-4"><a href="#" >Android</a>
</li>
	<li class="cat-item cat-item-451"><a href="#" >Bilim-Teknoloji</a>
</li>
	<li class="cat-item cat-item-5"><a href="#" >Blog</a>
</li>
	<li class="cat-item cat-item-1253"><a href="#" >Dini Sorular</a>
</li>
	<li class="cat-item cat-item-1009"><a href="#" >Facebook</a>
</li>
	<li class="cat-item cat-item-25"><a href="#" >Foto Galeri</a>
</li>
	<li class="cat-item cat-item-1221"><a href="#" >Google+</a>
</li>
	<li class="cat-item cat-item-3"><a href="#" >Güncel</a>
</li>
	<li class="cat-item cat-item-95"><a href="#" >Hazır Sistemler</a>
</li>
	<li class="cat-item cat-item-33"><a href="#" >Hikayeler</a>
</li>
	<li class="cat-item cat-item-16"><a href="#" >İslam</a>
</li>
	<li class="cat-item cat-item-1259"><a href="#" >İslam Tarihi</a>
</li>
	<li class="cat-item cat-item-449"><a href="#" >Karikatür</a>
</li>
	<li class="cat-item cat-item-909"><a href="#" >Köşe Yazıları</a>
</li>
	<li class="cat-item cat-item-88"><a href="#" >Kültür</a>
</li>
	<li class="cat-item cat-item-58"><a href="#" >Namaz</a>
</li>
	<li class="cat-item cat-item-277"><a href="#" >Ne Zaman Bulunmuş</a>
</li>
	<li class="cat-item cat-item-20"><a href="#" >Ne Zaman Olmuş?</a>
</li>
	<li class="cat-item cat-item-1100"><a href="#" >Osmanlı Hikayeleri</a>
</li>
	<li class="cat-item cat-item-1243"><a href="#" >Osmanlı Tarihi</a>
</li>
	<li class="cat-item cat-item-2"><a href="#" >Oyun</a>
</li>
	<li class="cat-item cat-item-1258"><a href="#" >Peygamberimiz (S.A.V.)</a>
</li>
	<li class="cat-item cat-item-82"><a href="#" >Sağlık</a>
</li>
	<li class="cat-item cat-item-1146"><a href="#" >SEO Optimizasyonu</a>
</li>
	<li class="cat-item cat-item-969"><a href="#" >Tanıtımlar</a>
</li>
	<li class="cat-item cat-item-1227"><a href="#" >Twitter</a>
</li>
		</ul>
</div> 		
				
	</aside>
	<!-- SIDEBAR : END -->	<!-- FOOTER : START -->
<style type="text/css">
.footeryazi{
float: right;
padding:0px 7px 0px 0px;
}
</style>
	<footer>
		Copyright © Tüm Hakları Saklıdır.<div class="footeryazi">Entegre Sahibi:<a href="http://www.tasarimkodu.blogspot.com/">TasarimKodu</a></div><div class="footeryazi">Tasarımcı:<a href="http://www.webekibim.com/">webekibim</a></div>

	</footer>
	<!-- FOOTER : END -->
	
	
	</div>

	
	
    <script src="http://img110.xooimage.com/files/8/9/5/jquery-1.11.3.min-4c7f918.js"></script>
	<script src="http://img110.xooimage.com/files/0/0/9/main-4d8c50d.js"></script>
		<link rel='stylesheet' id='metaslider-flex-slider-css'  href='http://img110.xooimage.com/files/c/4/3/flexslider-4d8c46a.css' type='text/css' media='all' />
<link rel='stylesheet' id='metaslider-public-css'  href='http://img110.xooimage.com/files/4/5/7/public-4d8c487.css' type='text/css' media='all' />
<script type='text/javascript' src='http://img110.xooimage.com/files/7/5/d/portfolio-all-4d8c4e1.js'></script>
<script type='text/javascript' src='http://img110.xooimage.com/files/8/e/9/jquery.colorbox-4d8c4f4.js'></script>
<script type='text/javascript' src='http://img110.xooimage.com/files/8/f/7/jquery.hugeitmicro.min-4d8c500.js'></script>
<script type='text/javascript' src='http://img110.xooimage.com/files/1/e/6/jquery.flexslider-min-4d8c499.js'></script>
  </body>
  
</html>

CSS kodu:

#header{display: none;}
h1#title{display: none;}
h2#title span {enable: none;
float: left;
margin-top:-49px;
margin-left:115px;
	font-size: 24px;
	font-weight: bold;
	float: left;
	width: 212px;
	color: #34495e;
}
h2#title span:hover {
	color: #8e44ad;
}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left: auto;margin-right: auto}


#webme_sky_ad { 
                    top: 116px;
                }


#webme_footer_textlink_dont_hide{
float:left;
}




.konu-alani {
    overflow:auto;
    border: 1px solid #B5B5B5;
    background-color: #FFFFFF;
}
.konu-resim {
    width: 140px;
    border: 1px solid #B5B5B5;
    padding:1px 1px 1px 1px;
    margin:5px;
    float: left;
}
.konu-aciklama {
    width: 320px;
    float: left;
    padding:5px 0px 0px 0px;
    overflow-y:hidden;
    overflow-x:hidden;
}
.konu-baslik {
    border: 1px solid #B5B5B5;
    height:21px;
    padding:2px 0px 0px 1px;
    background-color: #FFFFFF;
font-size: 24px;
	font-weight: bold;
	color: #34495e;
}
.konu-baslik :hover {
	color: #8e44ad;
}
.konu-devami {

    float: right;

    margin-top: -33px;
}
.konu-devami-cerceve {
    overflow:auto;
    border: 1px solid #B5B5B5;
    padding:0px 0px 0px 2px;
    height:38px;
    background-color: #FFFFFF;
}
.konu-tarih {
    margin-top:9px;
}



/*
	Theme Name: Tasde Theme
	Description: <a href="http://webekibim.com">WebEkibim</a> tarafÄ±ndan hazÄ±rlanan minimal bir wordpress temasÄ±.
	Theme URI: http://www.webekibim.com
	Version: 1.0
	Author: WebEkibim
	Author URI: http://www.webekibim.com
	Tags:  wordpress tema,webekibim,theme,tasda,tema 
*/
* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration: none;
}
body {
	background: #eee url(img/bg.png);
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
input {padding: 8px;}
input[type="submit"] {
	background: #e74c3c;
	color: #fff;
	padding: 10px 20px;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #2c3e50;
	transition: .3s;
}
.container {
	width: 980px;
	margin: 10px auto;
}
.clearfix {
	clear: both;
}

/* HEADER */
header {
	float: left;
	width: 100%;
	height: 95px;
	background: #fff;
	border-bottom: 4px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 2px 5px #aaa;
}
.logo {
	color: #555;
	float: left;
	margin: 20px;
	transition: .3s ease-in-out;
}
.logo:hover {
	color: #333;
	margin-left: 25px;
}
nav {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}
nav ul li {
	float: left;
	position: relative;
}
nav ul li a {
	float: left;
	padding: 10px;
	color: #555;
	font-weight: 700;
	transition: .3s ease-in-out;
	border-radius: 5px;
	margin-right: 3px;
	margin-top: 10px;
}
nav ul li a:hover {
	background: #34495e;
	color: #fff;
}

/* SLIDER */
section#slider {
	float: left;
	margin: 10px 0;
	background: #444;
	width: 100%;
	height: 280px;
}
#slider-stopper {
	display: none;
}
/* ADVERT */
.advert {
	margin-bottom: 10px;
	width: 100%;
	padding: 5px 0 3px 0;
	border: 1px solid #e3e3e3;
	text-align: center;
	float: left;
	background: #fff;
}

/* ARTICLE */
article {
	float: left;
	width: 735px;
	border-radius: 5px;
}
article section {
	border: 1px solid #ddd;
	float: left;
	display: inline-block;
	width: 340px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
}
article section:nth-child(even) {
	margin-right: 0;
}
article section .blog_title {
	font-size: 24px;
	font-weight: bold;
	float: left;
	width: 212px;
	color: #34495e;
	transition: .3s ease-in-out;
	max-height: 125px;
}
article section .blog_title:hover {
	color: #8e44ad;
}
.post_img {
	float: right;
	width: 125px;
	height: 125px;
	margin-bottom: 10px;
}
article section p {
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	color: #555;
	line-height: 20px;
}
.author_info {
	float: left;
	width: 220px;
	border-right: 1px solid #ddd;
	padding-right: 5px;
}
.author_info img {
	border-radius: 80px;
	float: left;
	width: 80px;
	height: 80px;
}
.author_info strong {
	float: right;
	width: 130px;
	text-align: right;
	margin-top: 28px;
	padding-right: 5px;
	color: #333;
}
.author_info em {
	font-style: normal;
	float: right;
	width: 130px;
	text-align: right;
	font-size: 12px;
	color: #555;
	padding-right: 5px;
}
.readmorebtn {
	float: right;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #c0392b;
	border-radius: 5px;
	margin-top: 25px;
}
.readmorebtn:hover {
	border-color: #c0392b;
	color: #333;
	transition: .3s ease-in-out;
}

/* SAG KISIM */
aside {
	float: right;
	width: 235px;
}
aside .profilebox {
	float: left;
	width: 100%;
}
.profilebox img {
	float: left;
	width: 235px;
	height: 200px;
}
.profilebox ul.social_links {
	float: left;
	width: 100%;
	background: #3498db;
	border-bottom: 3px solid #8e44ad;
}
.profilebox ul.social_links li a {
	float: left;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	margin: 0 3px;
}
.profilebox ul.social_links li a:hover {
	color: #34495e;
	transition: .3s;
}

.profilebox .author_info {
	float: left;
	width: 225px;
	border: none;
	padding: 10px 5px;
	line-height: 20px;
	background: #fff;
	font-size: 12px;
	color: #555;
	box-shadow: 0 1px 5px #ccc;
}
.profilebox .author_info  h4 {
	float: left;
	width: 100%;
	font-size: 18px;
	margin-bottom: 5px;
	color: #c0392b;
}

/* SIDE BOX */
.sidebox {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
.sidetitle {
	float: left;
	width: 100%;
	padding: 10px 0;
	text-indent: 10px;
	font-size: 16px;
	background: #3498db;
	border-bottom: 3px solid #8e44ad;
	color: #fff;
}
.sidelist, .sidebox ul {
	float: left;
	width: 100%;
}
.textwidget  {
	clear: both;
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	font-size: 13px;
	color: #555;
}
.sidelist li a, .sidebox ul li a{
	display: block;
	padding: 10px;
	background: #fff;
	color: #555;
	border-bottom: 1px solid #ddd;
	box-shadow: inset 0 -1px 5px #ddd;
	transition: .3s ease-in-out;
}
.sidelist li a:hover, .sidebox ul li a:hover{
	box-shadow: inset 0 -1px 5px #bbb;
}
.sidelist li a em, .catcount {
	float: right;
	font-style: normal;
	font-size: 13px;
	background: #e74c3c;
	color: #fff;
	padding: 5px;
	margin-top: -5px;
	border-radius: 8px;
	transition: .3s ease-in-out;
}
.sidelist li a:hover > em, .sidelist li a:hover > .catcount {
	background: #555;
	color: #fff;
	margin-right: 5px;
}
.sidelist li:last-child a {
	border-bottom: 3px solid #8e44ad;
}
.sideadvert {
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
}

/* FOOTER */
footer {
	float: left;
	width: 100%;
	background: #ddd;
	border-bottom: 3px solid #ccc;
	color: #777;
	padding: 15px 0;
	margin: 10px 0;
	font-size: 13px;
	text-indent: 10px;
}

/* CONTENT PAGE */
article#content section {
	width: 712px;
}
article#content section .blog_title {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
article#content section .post_img {
	width: 100%;
	height: auto;
}
article#content section p {
	border: 0;
}
.c_social_links {
	float: right;
	margin: 20px 0;
}
.c_social_links a {
	padding: 10px;
	float: left;
	width: 18px;
	font-size: 16px;
	text-align: center;
	border-radius: 40px;
	margin-right: 10px;
	color: #fff;
	transition: .3s;
}
.c_social_links a:nth-child(1) {
	background: #3b5998;
}
.c_social_links a:nth-child(2) {
	background: #55acee;
}
.c_social_links a:nth-child(3) {
	background: #dd4b39;
}
.c_social_links a:hover:nth-child(1) {
	background: #31497D;
}
.c_social_links a:hover:nth-child(2) {
	background: #4C98D2;
}
.c_social_links a:hover:nth-child(3) {
	background: #C14636;
}
ul.tags {
	float: left;
	width: 320px;
	margin: 0 10px;
	margin-top: 35px;
	color: #555;
}
ul.tags a {
	color: #2980b9;
}
ul.tags a:hover {
	color: #e74c3c;
	transition: .3s;
}
blockquote {
  float: left;
  background: #eee;
  border: 1px solid #ddd;
  padding: 10px;
  margin: 10px 0;
  color: #555;
  border-radius: 5px;
}

/* RELATED POST PLUGIN */
.related-post.flat {
	float: left;
	background: #fff;
	border: 1px solid #ddd;
	margin: 0!important;
}
.related-post.flat .related-post-headline {
	padding: 10px!important;
	background: #eee;
	color: #34495e;
	margin-top: 0!important;
	border-bottom: 1px solid #ddd;
}
.related-post.flat ul.post-list {
	padding: 0 5px!important;
}
article#portfolio, article#portfolio section {
	width: 960px!important;
}
article#portfolio section p {
	border: 0;
}

/* PAGENAVI */
.wp-pagenavi {
	float: left;
	width: 100%;
	margin-top: 5px;
}
.wp-pagenavi a, .wp-pagenavi span {
	background: #fff;
	border-color: #ddd!important;
	border-radius: 5px;
	padding: 5px!important;
	transition: .3s;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #aaa!important;
}
.wp-pagenavi span.pages {
	color: #555;
}

/* SUBMENU */
nav ul li:hover ul.sub-menu {display: block;}
ul.sub-menu {
	display: none;
	position: absolute;
	top: 47px;
	z-index: 999;
	background: #34495e;
	width: 180px;
	border-radius: 5px;
	border-bottom: 3px solid #2D3F51;
}
ul.sub-menu li {
	display: block;
	float: left;
	width: 100%;
}
ul.sub-menu li a {
	color: #fff;
	margin: 0;
	width: 100%;
	text-indent: 10px;
	padding: 10px 0;
	float: left;
	font-weight: normal;
	display: block;
	border-bottom: 1px solid #3C5670;
	box-shadow: inset 0 -1px #2B3C4E;
}
ul.sub-menu li a:hover {
	background: #405469;
}

Ana sayfaya eklenecek kod:

<hr />
<div class="konu-baslik"><strong><span style="font-size: medium;">Ziyaretçi Defteri Açıldı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="http://img.webme.com/pic/t/temadeneme93/ziyaretci_defteri.jpg" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/Ziyaretci-defteri.htm" title="Ziyaretçi Defteri" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>



<br/>



<div class="konu-baslik"><strong><span style="font-size: medium;">Gangsky Bedava-sitem Tasarımı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbmndFXsvhQEJLY_E7pCTqD-8CEfngBo03IF6NWNytj8pMJtFjJOVoWMnfpH1QQvhmCczBX4bloKTL1hCD8fQuB-0FTwIvg0A3ff7Pk_5hcgYjrHZjJ-w2_KLpX1mpaQLMzxZ1D9SUwek/s400/gangsky-tasarimi.png" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/Gangsky-Tasarimi.htm" title="Gangsky tasarımı" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>


<br/>




<div class="konu-baslik"><strong><span style="font-size: medium;">Oyun Oyna V1 Bedava-sitem Tasarımı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglcfQyKYbcluojc09Yj1TvqyWs-fZDRxEqEf-9YTEwZF77MJGHRf1CkT_PFiwZuQDcFPv4Y0bBYAO2Gwl4akhkAuGfhJu5dHc1fuoNopA7KwpR0X2gRudml6spm4HCb9Kul-adfDAZVLo/s1600/oyun-oyna-temasi-tasarim-site.png" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/Oyun-Oyna-v1.htm" title="Oyun Oyna v1 tasarımı" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>


<br/>



<div class="konu-baslik"><strong><span style="font-size: medium;">Sipsi V2 Bedava-sitem Tasarımı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdCNGHnwBGWZEP3R06MbiLidZSdma7714K7JBaolKqe8fDgtOh9MCGwTWBGeSV0J72NscpVX_GKza7d7yDD4pvT5qUcnpMLTwZzHt0WUgLTR8vAXydmIEAJjDKn7bmhLXKRUj8N0H8AG0/s1600/Sipsi-V2-bedava-sitem-tasarimi.png" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/Sipsi-v2.htm" title="Sipsi v2 tasarımı" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>


<br/>


<div class="konu-baslik"><strong><span style="font-size: medium;">Game Portal v1 Bedava-sitem Tasarımı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWffq4HK6wGXUGDbyHjJVca4raLaZAIaVFzqJHotCpGvK8H4jWKgLkUjmSUJlP8_pAf-jDs1DlI23jwAGDSOGWPCpkoaoXMesu4wYaPWMUDQcjt-v1wyZyhOf8Y3Vhs2MhLDrBMIwfmmk/s400/game-portal-v1.png" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/Game-Portal-v1.htm" title="Game Portal v1 tasarımı" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>

<br/>


<div class="konu-baslik"><strong><span style="font-size: medium;">BiNot v1 Bedava-sitem Tasarımı</span></strong></div>
<div class="konu-alani">
<div class="konu-resim">
<img width="140" height="140" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcjmV97yeJn6QbqOMph_V4d0lVx0e4wn2hPRorgLzMby8dGH8g6Q4Vt3vl4HzRfZVQOSc5dXA7fsoZBC-m9DztB4rxKImR352ZBucXU4kngGdczu63nogLQkS5xUT-5o1YKHfa_aJoM3M/s400/BiNot-V1.png" alt="" />
</div>
<div class="konu-aciklama">Konu açıklaması benzeri şeyler buraya yazılıcak olan şeyler.
</div></div>
<div class="konu-devami-cerceve"><div class="konu-tarih"><img src="http://img.webme.com/pic/s/sitetemasi/yazar.png" alt="" />Yazar:Mert Çağlar <img src="http://img.webme.com/pic/s/sitetemasi/kategori.png" alt="" />Kategori:Tr.gg Temaları <img src="http://img.webme.com/pic/s/sitetemasi/tarih.png" alt="" />Tarih:1/1/2015
<div class="konu-devami"><div class="item_add"><a href="http://tasde-v1-tasarimi.tr.gg/BiNot-V1.htm" title="BiNot V1 tasarımı" class="readmorebtn">DEVAMINI OKU »</a></div></div></div></div>



<div class='clear'></div>
<hr />
<center>
<div class="wp-pagenavi"><span class="pages">Toplam 4 sayfa, 2. sayfa gösteriliyor.</span><a class="page larger" href="link1">1</a><a class="page larger" href="link2">2</a><a class="page larger" href="link3">3</a><a class="page larger" href="link3">4</a><a class="nextpostslink" href="link4">»</a></div>
</center>

Tasde v1

Benzer Tasarımlar:

Yorum Gönder

Kategoriler

En Popüler Tasarımlar

Son Yorumlar