قالب رایگان بلاگ بیان - قالب مشکی تیتانیوم دوستونه

قالب دوستونه رایگان با تم مشکی برای سیستم بلاگ بیان، قالب رایگان دوستونه بلاگ بیان،قالب مشکی رایگان با طراحی دوستونه برای بلاگ دات آی آر
مشاهده دموی قالب

کد قالب را از بخش زیر کپی کرده و در بخش ویرایش ساختار قالب خود جایگزین نمایید:
<!DOCTYPE html>
<html lang="fa">
<head>

<head:meta></head:meta>
<link href='http://awebfont.ir/css?id=1116' rel='stylesheet' type='text/css'>
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<link href="http://takabtheme.ir/cdn/srtl-1.css" rel="stylesheet" type="text/css">

<style>
@font-face {
	font-family: 'yekan';
	src: url('http://cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*     RESET CSS  */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/*  Grid CSS  */

.container_12{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;position:relative;margin:0 10px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6 {width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
* html .clearfix{height:1%}.clearfix{display:block}


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body {
	font-family: tahoma,Arial, Helvetica, sans-serif ;
	font-size:12px;
	line-height:18px;
	color:#797979;
	background:#0c0c0e;
	min-width:960px;
	}

/***********************************************************************/
.main-border{
	border:1px solid #2d2d2f;
	border-radius: 7px;
	}

.col{color:#797979;}
.col-1{color:#4b4b4c;}

.hov:hover{color:#fff;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

/*===============================>Indent<==================================*/
.top{margin-top: 5px;}

.bot{margin-bottom: 20px;}
.bot-1{margin-bottom: 15px;}

.right{margin-right: 19px;}

/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
p{padding-bottom:18px;}

ul {
	margin:0;
	padding:0;
	list-style-image:none;
	}
.button{
	display:inline-block;
	color:#fff;
	font-size:13px;
	line-height:16px;
	font-weight:normal;
	font-family: 'yekan','B Yekan',tahoma, sans-serif;

	background: url(http://s9.picofile.com/file/8293098900/bg_button.jpg) 0 bottom repeat-x;
	padding:9px 9px 8px 9px;
	border-radius: 6px;
	border-bottom:4px solid #0c0c0d;
	box-shadow: 0 1px #252526;
	}
.button:hover{
	background-position:0 0;
	}
.button.tag {
  margin-left: 5px;
  margin-bottom: 5px;
}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*===============================>H-logo-properties=========================*/
h1{
	display: inline-block;
	margin:0 0 0 0;
	overflow:hidden;
font-size:28px;
	font-family: 'yekan','B Yekan',tahoma, sans-serif;
	color:#c4c4c4;
    font-weight:normal;
    line-height: 33px;
	}
	h1 span{
		display:inline-block;
        font-size:13px;
	font-family: tahoma, sans-serif;
		}
h1 a{display:block; padding-bottom: 20px;color:#c4c4c4;}
h1 a:hover{color:#ff7300;}
h2{ font-size:17px;
	font-family: 'yekan','B Yekan',tahoma, sans-serif;
	color:#c4c4c4;
	line-height:20px;
	font-weight:normal;
	}
h2 a,a{
	color:#c4c4c4;
	}
h2 a:hover,a:hover{
	color:#ff7300;
	}
.inner-box h2,.inner-box h3{
    font-size:17px;
	font-family: 'yekan','B Yekan',tahoma, sans-serif;
	color:#c4c4c4;
	line-height:20px;
	font-weight:normal;
	}

p {
  line-height: 1.8em;
  padding-bottom: 6px;
}
/*********************************header*************************************/
.head{
	width:100%;
	position:relative;
	background: url(http://s8.picofile.com/file/8293097234/bg_head.jpg) center 0 no-repeat;
	z-index:2;
	}
header{
	width: 940px;
	margin: 0 auto;
	position:relative;
	}
.logo-phone{
	overflow:hidden;
	padding:68px 0 44px 0;
	}
.div-nav{
	background: url(http://s9.picofile.com/file/8293097292/bg_nav.png) center 0 no-repeat;
	width:100%;
	height:56px;
	}
/*********************************content*************************************/
#content{
	width:100%;
	padding:45px 0 30px 0;
	margin:-11px 0 0 0;
    position:relative;
	z-index:1;
	background:url(http://s8.picofile.com/file/8293097500/light_content.jpg) center 0 no-repeat;
	}

		.title1{
			letter-spacing:0;
			text-align:left;
			font-size: 17px;
			margin: 0 0 12px 0;
			display:inline-block;
			color:#ffffff ;
			}
.list li{
	font-size:12px;
	line-height:16px;
	padding:7px 12px 7px 0px;
	display:block;
	background: url(http://s9.picofile.com/file/8293099026/bg_list_li.png) top right no-repeat;
	}
.list li a{color:#b3b3b3;}
.list li a:hover{color:#fff;}
/**********************************index***********************************/
.box{
	border:1px solid #2d2d2f;
	border-radius: 8px;
	background: url(http://s8.picofile.com/file/8293097742/bg_box.jpg) 0 0 repeat;
	overflow:hidden;
	}
	.block{
		box-shadow: 0 8px 28px rgba(0,0,0,0.9), inset 0 0 31px rgba(0,0,0,0.3);
		overflow:hidden;
		background: url(http://s8.picofile.com/file/8293097968/bg_block.png) 0 0 no-repeat;
		padding:12px 0 0 0;
		border-bottom:1px solid #2d2d2f;
		border-radius: 0 0 8px 8px;
		}
	.text-block{
		float:left;
		width:127px;
		}
	#width{width:120px;}
	.text-block .font-16{padding:20px 0 0 17px;}
	.text-block .font-19{margin:-3px 0 0 16px;}

	.box .content-box{
		box-shadow:inset 0 0 51px rgba(0,0,0,0.6);
		padding:26px 19px 21px 17px;
		}
	.content-box span{
		font-size:17px;
		color:#ffffff;
		line-height:22px;
		display:block;
		margin:-6px 0 18px 2px;
		}
/**********************************index-1*********************************/
.box-1{
	border:1px solid #2e2e30;
	border-radius: 8px;
	background: url(http://s8.picofile.com/file/8293097742/bg_box.jpg) 0 0 repeat;
	overflow:hidden;
	}
.title-box{
	border-bottom:1px solid #2e2e30;
	border-radius:  0px;
	background: url(http://s8.picofile.com/file/8293097826/bg_inner.jpg) 0 0 repeat;
	box-shadow: 0 3px 23px rgba(0,0,0,1) , inset 0 0 31px rgba(0,0,0,0.3);
	}
.title-box.s2{
    border-top: 1px solid #2e2e30;
    border-bottom: 0px;
    font-family: 'yekan','B Yekan',tahoma, sans-serif;
    }
.title-box.s2 i,.title-box.s3 i {
  margin-left: 5px;
  margin-right: 10px;
  }
.title-box.s2 i:first-child,.title-box.s3 i:first-child {
  margin-right: 0px;
  }
.title-box.s2 .col-1,.title-box.s3 .col-1 {
    color: #909090;
}
.title-box.s3 .col-1 a {
    color: #909090;
}
.title-box.s2 .col-1 a:hover,.title-box.s3 .col-1 a:hover  {
    color: #fff;
}
.title-box.s3{
    background: none;
    box-shadow: none;
    border-top: 0px;
    border-bottom: 1px solid rgba(56, 56, 56, 0.3);
    margin-top: -20px;
    }
.title-box.s3 .inner-box2 {
  background: none;
  padding-right: 0px;
    font-family: 'yekan','B Yekan',tahoma, sans-serif;
    font-size: 13px;
}

	.inner-box{
		background: url(http://s9.picofile.com/file/8293097642/bg_title.png) 0 0 no-repeat;
		padding:17px 17px 17px 17px;
		border-radius: 8px;
		}

	.inner-box2{
		background: url(http://s9.picofile.com/file/8293097642/bg_title.png) 0 0 no-repeat;
		padding:10px 17px 10px 17px;
		border-radius: 8px;
		}
.content-box-1{
	box-shadow:inset 0 0 51px rgba(0,0,0,0.6);
	padding:25px 19px 19px 19px;
	border-radius: 0 0 0px 0px;
	}
.block-1{
	width:173px;
	float:left;
	margin:6px 30px 0 0;
	}
/**********************************index-2*********************************/
.block-2{
	background: url(http://s9.picofile.com/file/8293098692/bg_block_2.jpg) 0 0 repeat;
	}
	.inner-1{
		background: url(http://s8.picofile.com/file/8293098750/bg_inner_1.png) 0 0 no-repeat;
		overflow:hidden;
		padding:17px 18px 15px 17px;
		box-shadow:inset 0 0 51px rgba(0,0,0,0.6);
		border-radius: 8px;
		}
/**********************************index-3*********************************/
.list-1 li {
 width: 100%;
 overflow: hidden;
 vertical-align: top;
 font-size:12px;
 line-height:18px;
 color: #797979;
}
 .list-1 li strong {
  background: url(http://s9.picofile.com/file/8293098600/line_hor.gif) repeat-x 0% 14px;
  display: block;
  overflow: hidden;
  position:relative;
 }
 .list-1 li span {
  float: right;
  color: #797979;
 }
 .list-1 li a {
  float: left;
  text-decoration: none;
  color: #797979;
 }
 .list-1 li a:hover{color:#fff;}
/**********************************index-4*********************************/
.inner-box-1{
	overflow:hidden;
	/*padding-right:25px;*/
	}
.inner-box-1 h2{
	float:right;
	}
.inner-box-1 span{
	float:right;
	}

.inner-box-1 .nf,.inner-box-1 .rate-counter{
	float: none!important;
	}
.rate-up i {
  margin-right: 10px !important;
  color: #3cf3a8;
}
.rate-down i {
  margin-right: 5px !important;
  color: #f33c3c;
}

/****************************footer************************/
footer{
	background:url(http://s8.picofile.com/file/8293098118/bg_footer.jpg) center 0 no-repeat;
	}
	.menu-footer{
		display:inline-block;
		}
	.menu-footer li{
		font-size:14px;
		line-height:20px;
		float:right;
		text-transform:uppercase;
		font-family: 'yekan','B Yekan',tahoma, sans-serif;
		font-weight:normal;
		margin:0 14px 0 14px;
		display:block;
		}
	.menu-footer li a{color:#888889;}
	.menu-footer li a:hover, .menu-footer li.current-1 a{color:#fff;}
.main-footer{
	text-align:center;
	padding-top: 25px;
	padding-bottom: 30px;
	}
footer .grid_12{padding:9px 0 0 0;}
footer .grid_12 a{color:#797979;}
footer .grid_12 a:hover{color:#fff;}
/*=======================superfish=========================*/
nav{
	display:block;
	width:940px;
	margin:0 auto;
	text-align:center;
	}
.sf-menu{display: inline-block;}
.sf-menu ul {position:absolute; top:-999px; display:none; z-index:999;}
.sf-menu a {display:block;}
ul.sf-menu>li{
  background: url(http://s8.picofile.com/file/8293098250/bg_li_transparent.png) 0 0 no-repeat;
  font-family: 'yekan','B Yekan',tahoma, sans-serif;
  font-size: 15px;
  line-height:20px;
  font-weight:normal;
  float:right;
  position:relative;
  border-right:1px solid #252527;
  }
  ul.sf-menu>li:last-child{border-left:1px solid #252527;}

ul.sf-menu>li>a{
	display:block;
	position:relative;
	padding:10px 19px 15px 19px;
	color:#fff ;
	}
ul.sf-menu>li.current , ul.sf-menu>li.sfHover , ul.sf-menu>li:hover {background: url(http://s9.picofile.com/file/8293098484/bg_li.png) 0 0 repeat;}
ul.sf-menu>li.current>a, ul.sf-menu>li.sfHover>a, ul.sf-menu>li>a:hover{}


.carousel {
	overflow:hidden;}
.carousel-box {position:relative;}
.carousel ul li {
	position:relative;
	margin-bottom:20px;
    }
.panel{
	box-shadow:inset 0 0 51px rgba(0,0,0,0.6);
	background: url(http://s8.picofile.com/file/8293097742/bg_box.jpg) 0 0 repeat;
	text-align:center;
	padding:22px 0 16px 0;
	}
#next,
#prev {
	display:inline-block;
	width:15px;
	height:11px;
	margin:0 13px;
	}
#next{background: url(http://s8.picofile.com/file/8293098284/next.png) 0 0 no-repeat;}
#prev{background: url(http://s8.picofile.com/file/8293098334/prev.png) 0 0 no-repeat;}

#next:hover {background-position:0 bottom;}
#prev:hover {background-position:0 bottom;}
.imgbox1 img {
  max-width: 180px !important;
}
.postbody {
  width: 100%; padding: 20px 0px 20px 0px; line-height: 1.8em;
  color: #c7c7c7;
  text-align: justify;
    font-family: 'yekan','B Yekan',tahoma, sans-serif;
    font-size: 13px;
}
.postbody img {
  min-width: 100%!important;
}
.entry-thumb {
    float: right;
    margin: 0 0 20px 20px;
    max-width: 150px;
    padding: 5px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.51);
}
.entry-thumb img {
  width: 100%;
}
.post-count {
  margin-right: 5px;
}

.stattitle {
  color: #adadad;
}
.statvalue {
  color: #fff; float: left;
}

/*-- Post Comments --*/
.post-comments {
	font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
	margin: 0 0px 20px;
}

.post-comment {
	margin-bottom: 10px;
	background: #504e5f;
	border: 1px solid #504e5f;
}

.comment-details {
	background: #626073;
	padding: 0;
	cursor: default;
}

.comment-details a {
	color: #b5b2c3;
	cursor: pointer;
	vertical-align: bottom;
	margin-right: 5px;
	-moz-transition-duration: .0s;
	-webkit-transition-duration: .0s;
	-o-transition-duration: .0s;
}

.comment-details-left {
	padding: 4px 0 0 5px;
	float: left;
}

.comment-details-right {
}

.comment-avatar img {
	width: 34px;
	height: auto;
}

.comment-name {
	color: #b5b2c3;
	cursor: default;
	padding: 0 5px;
}

.comment-body {
	padding: 10px;
}

.comment-body-content {
	color: #cac7d8;
}

.comment-date {
	display: inline-block;
	color: rgba(255, 255, 255, 0.6);
}

.comment-website {
	background: url(//cdn.bayan.ir/blog/templates/54461/details_ico_cmt.png) center -102px no-repeat;
	width: 18px;
	height: 23px;
	display: inline-block;
}

.comment-website:hover {
	background-position: center -125px;
	cursor: pointer;
}

.comment-email {
	background: url(//cdn.bayan.ir/blog/templates/54461/details_ico_cmt.png) center -60px no-repeat;
	width: 18px;
	height: 23px;
	display: inline-block;
}

.comment-email:hover {
	background-position: center -79px;
	cursor: pointer;
}

/*-- Reply --*/
.comment-reply {
	margin-bottom: 10px;
	border: 1px solid #ff451b;
	background-color: #593135;
	color: #ff451b;
}

.comment-reply-details {
	padding: 5px 10px 0;
}

.comment-reply-date {
	float: left;
	color: #ff9881;
	cursor: default;
}

.comment-reply-name {
	color: #ff9881;
	cursor: default;
}

.comment-reply-body {
	color: #ff9881;
	padding: 10px;
}
.comment-add-form {
    padding: 20px;
    margin-bottom: 20px;
    text-align: right;
}
.comment-add-form iframe {
	background: #FFF;padding: 2% !important;     width: 94% !important;
}
/*-- Pagination --*/
.pagination-box {
    margin: auto;
}

.pagination {
    font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif;
    cursor: default;
    text-align: center;
    margin: 40px auto;
    font-size: 14px;
    padding: 0;
    float: none;
}

.pagination .left {
    margin-left: -3px;
}

.pagination a {
    padding: 0 15px 4px;
    margin-left: 3px;
    cursor: pointer;
    color: #d1d1d1;
    background: #1d1d1b;
    float: none;
    border: 1px solid #575655;
}

.pagination a:hover {
    color: #fff;
    background: #121212;
    border: 1px solid #696867;
}

.pagination a.current {
    color: #fff;
    background: #121212;
    border: 1px solid #696867;
}

.pagination .spacer {
    float: none;
    padding: 1px 8px;
    color: #999;
}

.pagination .pagesList {
    display: inline-block;
}

</style>

<head:script></head:script>

</head>
<body>
<!--==============================header=================================-->
     <div class="head">
         <header>
               <div class="logo-phone" dir="rtl">
               	   <center><h1><a href="(*blog_link*)">(*blog_title*)</a><span>(*blog_short_description*)</span></h1>  </center>
               </div>
      </header>
      <box:menu>
      <div class="div-nav" dir="rtl">
            <nav>
              <ul class="sf-menu" >
				   <view:menu>
					 <li class="(*menu_item_selected*)"><a href="(*menu_item_link*)">(*menu_item_title*)</a></li>
				   </view:menu>
              </ul>
             </nav>
             <div class="clear"></div>
       </div>
       </box:menu>
   </div>
		<!--==============================content================================-->
<section id="content">
  <div class="container_12">
    <div class="wrapper">

  			<box:messages>
				<view:messages>
			   <div class="grid_12" dir="rtl">
                 <div class="panel2" style=" margin-bottom: 20px;">
  						<div class="info-message item_(*message_type*)">
  							<div class="icon"></div>
  							<p>(*message*)</p>
  						</div>
                  </div>
                </div>
				</view:messages>
			</box:messages>

         <div class="grid_9" dir="rtl">
                 <box:post_list>
                 <check:if post_list_title>
                 <div class="panel main-border" style=" margin-bottom: 20px;">
  						<div>
  							<p>(*post_list_title*)</p>
  						</div>
                  </div>
                  </check:if>

             <div class="carousel-box">
				<div class="carousel">
					<ul>
                    <view:post_list>
						<li>
                            <div class="box-1">
				               <div class="title-box">
				                  <div class="inner-box inner-box-1">
				                     <h2><a href="(*post_link*)">(*post_title*)</a></h2>
                                     <div style="clear: both;"></div>
				                  </div>
				               </div>
				               <div class="content-box-1">
<div class="title-box s3">
<div class="inner-box2 inner-box-1" >
<span class="col-1">
                                     <check:if post_date>
                                     <i class="icon icon-calendar"></i>(*post_date format="%d %B %y ، %H:%M"*)
                                     </check:if>
                                     <box:post_categories>
                                     <i class="icon icon-folder-open-alt"></i>
                                     <view:post_categories>
                                     <a href="(*category_link*)" title="همه مطالب با موضوع (*category_name*)">(*category_name*)</a>
                                     </view:post_categories>
                                     </box:post_categories>
                                           <check:if post_has_comments_section>
                                            <i class="icon icon-comments"></i>
                                            <a href="(*post_link*)#comments" >(*post_comment_count*) نظر</a>
                                           </check:if>
</span>
</div>
</div>
				                     <div class="wrapper-extra">
				                       <div class="extra-wrap">
				                           <div class="postbody">
                                           <check:if post_image>
												<div class="entry-thumb">
													<a href="(*post_link*)"><img src="(*post_image*)" alt="(*post_title*)" title="(*post_title*)"></a>
												</div>
                                           </check:if>
                                           (*post_summary*) </div>
                                           <check:if post_has_read_more>
                                            <a href="(*post_link*)" class="button" style="float: left;">ادامه مطلب</a>
                                           </check:if>
				                       </div>
				                     </div>
				               </div>
				               <div class="title-box s2">
				                  <div class="inner-box2 inner-box-1">
                       				 <span class="col-1">
                                     <check:if post_views>
                                     <i class="icon icon-eye-open"></i>(*post_views*)
                                     </check:if>
                                     <check:if post_author>
                                     <i class="icon icon-user"></i><a href="/by_author/(*post_author_id*)">(*post_author*)</a>
                                     </check:if>

											<box:post_rating>
												<span class="rate-box (*user_rated*) nf" style="display: inline-block;">
													<span class="rate-button-box rate-up (*user_rated_up*) nf"><a href="(*rate_up_link*)" rel="nofollow" title="موافق" class="rate-button"><i class="icon icon-arrow-up"></i><span class="rate-counter nf">(*up_rates*)</span></a></span>
                                                    <span class="rate-button-box rate-down (*user_rated_down*) nf"><a href="(*rate_down_link*)" rel="nofollow" title="مخالف" class="rate-button"><i class="icon icon-arrow-down"></i><span class="rate-counter nf">(*down_rates*)</span></a></span>
												</span>
											</box:post_rating>

                                     <check:if post_has_read_more><i class="icon icon-link"></i><a href="(*post_link*)" >ادامه مطلب</a></check:if>
                                     </span>
				                  </div>
				               </div>

				             </div>
                        </li>
                       </view:post_list>
					</ul>
				</div>
			</div>
            </box:post_list>

                 <box:post_detail>

             <div class="carousel-box">
				<div class="carousel">
					<ul>
						<li>
                            <div class="box-1">
				               <div class="title-box">
				                  <div class="inner-box inner-box-1">
				                     <h2><a href="(*post_link*)">(*post_title*)</a></h2>
                                     <div style="clear: both;"></div>
				                  </div>
				               </div>
				               <div class="content-box-1">
                                  <div class="title-box s3">
                                  <div class="inner-box2 inner-box-1" >
                                  <span class="col-1">
                                     <check:if post_date>
                                     <i class="icon icon-calendar"></i>(*post_date format="%d %B %y ، %H:%M"*)
                                     </check:if>
                                     <box:post_categories>
                                     <i class="icon icon-folder-open-alt"></i>
                                     <view:post_categories>
                                     <a href="(*category_link*)" title="همه مطالب با موضوع (*category_name*)">(*category_name*)</a>
                                     </view:post_categories>
                                     </box:post_categories>
                                           <check:if post_has_comments_section>
                                            <i class="icon icon-comments"></i>
                                            <a href="(*post_link*)#comments" >(*post_comment_count*) نظر</a>
                                           </check:if>
                                  </span>
                                  </div>
                                  </div>
				                     <div class="wrapper-extra">
				                       <div class="extra-wrap">
				                           <div class="postbody">
                                           <check:if post_image>
												<div class="entry-thumb">
													<a href="(*post_link*)"><img src="(*post_image*)" alt="(*post_title*)" title="(*post_title*)"></a>
												</div>
                                           </check:if>
                                           (*post_full_content*)</div>
                                           <box:post_tags>
                                           <view:post_tags>
                                           <a href="(*tag_link*)" class="button tag" title="همه مطالب با برچسب (*tag_name*)">(*tag_name*)</a>
                                           </view:post_tags>
                                           </box:post_tags>
				                       </div>
				                     </div>
				               </div>
				               <div class="title-box s2">
				                  <div class="inner-box2 inner-box-1">
                       				 <span class="col-1">
                                     <check:if post_views>
                                     <i class="icon icon-eye-open"></i>(*post_views*)
                                     </check:if>
                                     <check:if post_author>
                                     <i class="icon icon-user"></i><a href="/by_author/(*post_author_id*)">(*post_author*)</a>
                                     </check:if>
											<box:post_rating>
												<span class="rate-box (*user_rated*) nf" style="display: inline-block;">
													<span class="rate-button-box rate-up (*user_rated_up*) nf"><a href="(*rate_up_link*)" rel="nofollow" title="موافق" class="rate-button"><i class="icon icon-arrow-up"></i><span class="rate-counter nf">(*up_rates*)</span></a></span>
                                                    <span class="rate-button-box rate-down (*user_rated_down*) nf"><a href="(*rate_down_link*)" rel="nofollow" title="مخالف" class="rate-button"><i class="icon icon-arrow-down"></i><span class="rate-counter nf">(*down_rates*)</span></a></span>
												</span>
											</box:post_rating>
                                     </span>
				                  </div>
				               </div>

				             </div>
                        </li>
					</ul>
				</div>
			</div>

					<!-- #Post_Comments) -->
					<box:post_comments>
						<a name="comments"></a>
						<div class="align">
							<div class="messages">
								<div class="panel main-border" style=" margin-bottom: 20px;">
									<h2>نظرات <a class="comment_count" href="(*post_link*)#comments"> ((*post_comment_count*))</a></h2>
									<check:if not post_comment_count>
										<center>هیچ نظری هنوز ثبت نشده است</center>
									</check:if>
								</div>
							</div>
						</div><!-- align -->

						<view:post_comments>
							<a name="comment-(*comment_id*)"></a>
							<div class="post-comments align">
								<div class="post-comment">

									<div class="comment-details">
										<div class="comment-details-left">
											<check:if comment_website>
												<a class="comment-website" href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a>
											</check:if>
											<check:if comment_email>
												<a class="comment-email" href="mailto:(*comment_email*)" title="(*comment_email*)"></a>
											</check:if>
											<a class="comment-date" href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a>
										</div>
										<div class="comment-details-right">
											<span class="comment-avatar"><img src="//blog.ir/media/images/guest.png?1"></span>
											<span class="comment-name">(*comment_fullname*)</span>
										</div>
									</div>

									<div class="comment-body">
										<div class="comment-body-content">
											(*comment_body*)
										</div>
									</div>
								</div>

								<check:if comment_reply>
									<div class="comment-reply">
										<div class="comment-reply-details">
											<div class="comment-reply-date">(*comment_reply_date*)</div>
											<div class="comment-reply-name">پاسخ: </div>
										</div>
										<div class="comment-reply-body">(*comment_reply*)</div>
									</div>
								</check:if>
							</div>
						</view:post_comments>
					</box:post_comments>

					<check:if post_has_send_comment>
						<a name="send_comment"></a>
						<div class="align">
							<div class="panel main-border comment-add-form">
								(*comment_add_form*)
							</div>
						</div><!-- align -->
					</check:if>

            </box:post_detail>

           <box:page_detail>

             <div class="carousel-box">
				<div class="carousel">
					<ul>
						<li>
                            <div class="box-1">
				               <div class="title-box">
				                  <div class="inner-box inner-box-1">
				                     <h2><a href="(*page_link*)">(*page_title*)</a></h2>
                                     <div style="clear: both;"></div>
				                  </div>
				               </div>
				               <div class="content-box-1">
				                     <div class="wrapper-extra">
				                       <div class="extra-wrap">
				                           <div class="postbody">
                                           (*page_content*)</div>
				                       </div>
				                     </div>
				               </div>
				               <div class="title-box s2">
				                  <div class="inner-box2 inner-box-1">
                       				 <span class="col-1">
                                     <check:if page_views>
                                     <i class="icon icon-eye-open"></i>(*page_views*)
                                     </check:if>
									 <check:if page_has_comments_section>
									 <i class="icon icon-comments"></i><a href="(*page_link*)#comments">(*page_comment_count*) نظر</a>
									 </check:if>
                                     </span>
				                  </div>
				               </div>

				             </div>
                        </li>
					</ul>
				</div>
			</div>

					<!-- #Post_Comments) -->
					<box:page_comments>
						<a name="comments"></a>
						<div class="align">
							<div class="messages">
								<div class="panel main-border" style=" margin-bottom: 20px;">
									<h2>نظرات <a class="comment_count" href="(*page_link*)#comments"> ((*page_comment_count*))</a></h2>
									<check:if not page_comment_count>
										<center>هیچ نظری هنوز ثبت نشده است</center>
									</check:if>
								</div>
							</div>
						</div><!-- align -->

						<view:page_comments>
							<a name="comment-(*comment_id*)"></a>
							<div class="post-comments align">
								<div class="post-comment">

									<div class="comment-details">
										<div class="comment-details-left">
											<check:if comment_website>
												<a class="comment-website" href="(*comment_website*)" rel="nofollow" target="_blank" title="(*comment_website*)"></a>
											</check:if>
											<check:if comment_email>
												<a class="comment-email" href="mailto:(*comment_email*)" title="(*comment_email*)"></a>
											</check:if>
											<a class="comment-date" href="(*comment_link*)">(*comment_date format="%d %B %y ، %H:%M"*)</a>
										</div>
										<div class="comment-details-right">
											<span class="comment-avatar"><img src="//blog.ir/media/images/guest.png?1"></span>
											<span class="comment-name">(*comment_fullname*)</span>
										</div>
									</div>

									<div class="comment-body">
										<div class="comment-body-content">
											(*comment_body*)
										</div>
									</div>
								</div>

								<check:if comment_reply>
									<div class="comment-reply">
										<div class="comment-reply-details">
											<div class="comment-reply-date">(*comment_reply_date*)</div>
											<div class="comment-reply-name">پاسخ: </div>
										</div>
										<div class="comment-reply-body">(*comment_reply*)</div>
									</div>
								</check:if>
							</div>
						</view:page_comments>
					</box:page_comments>

					<check:if page_has_send_comment>
						<a name="send_comment"></a>
						<div class="align">
							<div class="panel main-border comment-add-form">
								(*comment_add_form*)
							</div>
						</div><!-- align -->
					</check:if>

            </box:page_detail>

				<box:pagination>
					<div class="pagination">
						<check:if page_prev>
							<a class="pagePrev" href="(*page_prev*)">قبلی</a>
						</check:if>
						<div class="pagesList">
							<view:pages spec="5,2,4,2,3,2">
								<check:if page_num>
									<a class="(*page_current*)" href="(*page_link*)">(*page_num*)</a>
								</check:if>
								<check:if not page_num>
									<span class="spacer">. . .</span>
								</check:if>
							</view:pages>
						</div>
						<check:if page_next>
							<a class="pageNext" href="(*page_next*)">بعدی</a>
						</check:if>
					</div>
					<div class="clear"></div>
				</box:pagination>

         </div>

         <div class="grid_3" dir="rtl">
         <box:blog_info>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3 >درباره من</h3>
                  </div>
               </div>
               <div class="content-box-1 imgbox1">
                 <center>
                 <check:if blog_image><img src="(*blog_image*)" alt="(*blog_title*)" /></check:if>
                 <check:if blog_description>
                 <p style="padding-top: 10px;">(*blog_description*)</p>
                 </check:if>
                 </center>
               </div>
            </div>
           </box:blog_info>


            <check:if search_form>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>جستجو</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    (*search_form*)
               </div>
            </div>
            </check:if>

            <check:if follow_box>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>دنبال کنندگان</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    (*follow_box*)
               </div>
            </div>
            </check:if>


            <box:stat>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>آمار سایت</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:stat>
                        <li><span class="stattitle">(*stat_title*)</span><span class="statvalue" >(*stat_value*)</span></li>
                       </view:stat>
		            </ul>
               </div>
            </div>
            </box:stat>

            <box:categories>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>طبقه بندی موضوعی</h3>
                  </div>
               </div>
               <div class="content-box-1">
                                            <ul class="list naq-e-list list-unorder style1">
												<view:categories>
													<li class="(*category_selected*)"><a href="(*category_link*)" class="(*category_selected*)" title="همه مطالب با موضوع (*category_name*)">(*category_name*)  </a><span class="post-count">((*category_post_count*))</span>
														<check:if category_children>
															<ul class="naq-e-list list-unorder style1 child-ul">
																<view:category_children></view:category_children>
															</ul>
														</check:if>
													</li>
												</view:categories>
                                           </ul>
               </div>
            </div>
            </box:categories>

            <box:recent_posts>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>آخرین عناوین</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:recent_posts>
    		             <li><a href="(*post_link*)">(*post_title*)</a></li>
                       </view:recent_posts>
		            </ul>
               </div>
            </div>
            </box:recent_posts>

            <box:most_commented_posts>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>پربحث ترین ها</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:most_commented_posts>
    		             <li><a href="(*post_link*)">(*post_title*)</a></li>
                       </view:most_commented_posts>
		            </ul>
               </div>
            </div>
            </box:most_commented_posts>

            <box:most_visited_posts>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>پربازدیدترین ها</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:most_visited_posts>
    		             <li><a href="(*post_link*)">(*post_title*)</a></li>
                       </view:most_visited_posts>
		            </ul>
               </div>
            </div>
            </box:most_visited_posts>

            <box:popular_posts>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>محبوب ترین ها</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:popular_posts>
    		             <li><a href="(*post_link*)">(*post_title*)</a></li>
                       </view:popular_posts>
		            </ul>
               </div>
            </div>
            </box:popular_posts>

            <box:recent_comments>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>آخرین نظرات</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:recent_comments>
    		             <li><a href="(*comment_link*)" >(*comment_body_text max="25"*)</a><br /><span>(*comment_date*) - (*comment_fullname*)</span> </li>
                       </view:recent_comments>
		            </ul>
               </div>
            </div>
            </box:recent_comments>

            <box:archive>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>آرشیو</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                        <view:archive>
                         <li><a class="(*archive_selected*)" href="(*link_url*)">(*link_name*)  </a><span class="post-count">((*link_count*))</span></li>
                       	</view:archive>
		            </ul>
               </div>
            </div>
            </box:archive>


            <div class="box-1 bot" style="display: none;">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>لینک های مفید</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                        <li><a href="http://naqweb.com">قالب وبلاگ حرفه ای</a></li>
                        <li><a href="http://naqweb.com/category/%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D9%84%D8%A7%DA%AF%D9%81%D8%A7/">قالب بلاگفا</a></li>
                        <li><a href="http://negash.ir/articles.aspx?gid=15">قالب وردپرس</a></li>
                        <li><a href="http://negash.ir/sound.aspx?sid=47">دانلود مداحی حاج میثم مطیعی</a></li>
                        <li><a href="http://negash.ir/sound.aspx?sid=48">دانلود مداحی حاج مهدی رسولی</a></li>
                        <li><a href="http://naqweb.com/category/%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D9%84%D8%A7%DA%AF-%D8%A8%DB%8C%D8%A7%D9%86/">قالب بلاگ بیان</a></li>
                        <li><a href="http://negash.ir/soundPortal.aspx">دانلود آهنگ جدید</a></li>
		            </ul>
               </div>
            </div>


            <box:authors>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>نویسندگان</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
						<view:authors>
						   <li><a href="(*author_link*)">(*author_name*)  </a><span class="post-count">((*author_post_count*))</span></li>
						</view:authors>
		            </ul>
               </div>
            </div>
            </box:authors>

            <box:tag_cloud>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>برچسب ها</h3>
                  </div>
               </div>
               <div class="content-box-1">
                 <view:tag_cloud>
                   <a href="(*tag_link*)" class="button tag s2" title="همه مطالب با برچسب (*tag_name*)">(*tag_name*)</a>
                 </view:tag_cloud>
               </div>
            </div>
            </box:tag_cloud>

            <box:daily_links>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>پیوندهای روزانه</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                      <view:daily_links>
                       <li><a href="(*link_url*)" alt="(*link_alt*)" target="_blank">(*link_name*)</a></li>
                      </view:daily_links>
		            </ul>
               </div>
            </div>
            </box:daily_links>

            <box:links>
            <div class="box-1 bot">
               <div class="title-box">
                  <div class="inner-box">
                     <h3>پیوندها</h3>
                  </div>
               </div>
               <div class="content-box-1">
                    <ul class="list">
                       <view:links>
                        <li><a href="(*link_url*)" alt="(*link_alt*)" target="_blank">(*link_name*)</a></li>
                       </view:links>
		            </ul>
               </div>
            </div>
            </box:links>

         </div>

    </div><!--the end of wrapper-->

  </div>
</section>
	<!--==============================footer=================================-->
	<footer>
      <div class="main-footer">
		<div class="container_12" dir="rtl">
                <box:menu>
                <ul class="menu-footer">
				   <view:menu>
					 <li class="(*menu_item_selected*)"><a href="(*menu_item_link*)">(*menu_item_title*)</a></li>
				   </view:menu>
                </ul>
                </box:menu>
                <div class="clear"></div>
	  	        <div class="grid_12">
	  	        	<p>(*copyright_notice style="2"*)  |  طراح قالب:  <a href="http://naqweb.com">قالب وبلاگ حرفه ای</a></p>
	  	        </div>
                <div class="clear"></div>
        </div>
      </div>
	</footer>
</body>
</html>
نظرات (۰)
هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
نام *
پست الکترونيک
سایت یا وبلاگ
پیام *
شما میتوانید از این تگهای html استفاده کنید:
یا ، یا ، ، <strike> یا <s>، ، ، <blockquote>، <code>، <pre>، <hr>، ، ، <a href="" title="">، ، <div align="">
کد امنیتی *
ارقام فارسی و انگلیسی پذیرفته می‌شوند
نظر بصورت خصوصی ارسال شود
پست الکترونیک برای عموم قابل مشاهده باشد
قالب های بلاگ بیان

قالب های حرفه ای و متفاوت برای سیستم بلاگ بیان

قالب رایگان بلاگ بیان - قالب مشکی تیتانیوم دوستونه

مشاهده دموی قالب

نظرات (۰)
هیچ نظری هنوز ثبت نشده است

ارسال نظر

درباره ما

تبليغات

جستجو

طبقه‌بندی موضوعی

آخرين عناوين

محبوب ترين ها

پربحث ترين ها

پربازديدترين ها

آخرين نظرات

بایگانی

کلمات کلیدی

نويسندگان

خلاصه آمار

ما را از نظرات خود مطلع نماييدتماس با ما

درباره ما

قالب های بلاگ بیان

قالب های حرفه ای و متفاوت برای سیستم بلاگ بیان

اطلاعات تماس

لینک‌های مفید

قالب های بلاگ بیان

قالب های حرفه ای و متفاوت برای سیستم بلاگ بیان

قالب رایگان بلاگ بیان - قالب مشکی تیتانیوم دوستونه

مشاهده دموی قالب

نظرات (۰)هیچ نظری هنوز ثبت نشده است

ارسال نظر

درباره ما

تبليغات

جستجو

طبقه‌بندی موضوعی

آخرين عناوين

محبوب ترين ها

پربحث ترين ها

پربازديدترين ها

آخرين نظرات

بایگانی

کلمات کلیدی

نويسندگان

خلاصه آمار

ما را از نظرات خود مطلع نماييدتماس با ما

نظرات (۰)
هیچ نظری هنوز ثبت نشده است
