قالب بلاگ بیان
قالب بلاگ بیان2 :: HTML5 CSS3

HTML5 CSS3

ارائه خدمات وبلاگ نویسی
HTML5 CSS3

به نام پروردگار زیبایی ها! سلام.این وبلاگ کاملا رایگان برای دادن خدمات وبلاگ نویسی و قالب های سرویس های پارسی بلاگ-پرشین بلاگ-رز بلاگ-بلاگفا*-بلاگ بیان است.
*:این وبلاگ هیچ مصعولیتی در قبال حذف سایت ندارد.

پیام های کوتاه
بایگانی
آخرین نظرات

قالب بلاگ بیان2

۲۰ دی ۹۶ , ۱۶:۱۸

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head>
<head:meta></head:meta>
<!-- Layout - v1.1
mahfun.blog.ir template no. 21
mahfun.blog.ir قالب شماره 21 عرفان 
-->
<head:script></head:script>
<head:style></head:style>
</head>
<body>
	<div id="wrp">
		<div class="header">
			<div class="blog-title">
				<h1><a href="(*blog_link*)">(*blog_title*)</a></h1>
				(*blog_short_description*)
			</div>
		</div>
		<box:menu>
			<div class="menu">
				<ul>
					<view:menu>
						<li><a href="(*menu_item_link*)" class="(*menu_item_selected*)">(*menu_item_title*)</a></li>
					</view:menu>
				</ul>
			</div>
		</box:menu>
		<div class="block-post">
			<box:post_detail>
				<div class="post">
						<div class="post-title">
							<h2><a href="(*post_link*)">(*post_title*)</a></h2>
						</div>
						<check:if post_date>
							<div class="post-date">
								<span>
									(*post_date format="%A %e %B %y"*)
								</span>
							</div>
						</check:if>
						<div class="post-matn">
							(*post_full_content*)
						</div>
						<div class="post-detail">
							<check:if post_author>
								<span class="post-author">
									(*post_author*)
								</span>
							</check:if>
							<check:if post_has_comments_section>
								<span class="post-cm">
									<a href="(*post_link*)#comments">
									 (*post_comment_count*) 	نظر
									</a>
								</span>
							</check:if>
							<box:post_rating>
								<span class="rate-box (*user_rated*)">
									<span class="rate-button-box rate-up (*user_rated_up*)">
										<a class="rate-button" href="(*rate_up_link*)" rel="nofollow" title="like">(*up_rates*) موافق</a>
									</span>
									<span class="rate-button-box rate-up (*user_rated_down*)">
										<a class="rate-button" href="(*rate_down_link*)" rel="nofollow" title="like">(*down_rates*) مخالف</a>
									</span>
								</span>
							</box:post_rating>
						</div>
					</div>
				<box:post_tags>
					<div class="post-tags">
						<div class="tag-back">
							<view:post_tags>
								<span class="tagss">
									<a href="(*tag_link*)" class="(*tag_selected*)">(*tag_name*)</a>
								</span>
							</view:post_tags>
						</div>
					</div>
				</box:post_tags>
				<box:post_comments>
					<div class="cm-main">
						<a name="comments"></a>
						<div class="cm-count">
							<a>(*post_comment_count*) نظر</a>
						</div>
						<view:post_comments>
							<a name="comment-(*comment_id*)"></a>
							<div class="cm-body">
								<img class="cm-av" src="(*comment_avatar*)">
								<div class="cm-detail">
									<a href="(*comment_website*)" target="_blank">
										<span class="cm-name">
											(*comment_fullname*)
										</span>
									</a>
									<br>
									<span class="cm-date">
										<a class="cm-date-a" href="(*comment_link*)">
											(*comment_date format="%d %B %H:%M"*)
										</a>
									</span>
									<br>
									<span class="cm-matn">
										(*comment_body*)
									</span>
									<check:if comment_reply>
										<div class="reply-body">
											<img class="reply-av" src="(*post_author_avatar*)">
											<div class="cm-reply-matn">
												<p style="color: #1f94ff;">پاسخ :</p>
												(*comment_reply*)
											</div>
										</div>
									</check:if>
								</div>
							</div>
						</view:post_comments>
						<check:if comment_add_form>
							<a name="send_comment"></a>
							<div class="comment-add-form">(*comment_add_form*)</div>
						</check:if>
					</div>
				</box:post_comments>
			</box:post_detail>
			
			<box:page_detail>
				<div class="post">
					<div class="post-title">
						<h2><a href="(*page_link*)">(*page_title*)</a></h2>
					</div>
					<div class="post-matn">
						(*page_content*)
					</div>
				</div>
				<div class="cm-main">
					<box:page_comments>
						<a name="comments"></a>
						<div class="cm-count">
							<a>(*page_comment_count*) نظر</a>
						</div>
						<view:page_comments>
							<a name="comment-(*comment_id*)"></a>
							<div class="cm-body">
								<img class="cm-av" src="(*comment_avatar*)">
								<div class="cm-detail">
									<span class="cm-name">
										(*comment_fullname*)
									</span>
									<check:if comment_website>
										<a href="(*comment_website*)" target="_blank">
											<i class="fa fa-external-link fa-lg"></i>
										</a>
									</check:if>
									<br>
									<span class="cm-date">
										<a class="cm-date-a" href="(*comment_link*)">
											(*comment_date format="%d %B %H:%M"*)
										</a>
									</span>
									<br>
									<span class="cm-matn">
										(*comment_body*)
									</span>
									<check:if comment_reply>
										<div class="reply-body">
											<div class="cm-reply-matn">
												<p style="color: #1f94ff;">پاسخ :</p>
												(*comment_reply*)
											</div>
										</div>
									</check:if>
								</div>
							</div>
						</view:page_comments>
					</box:page_comments>
					<check:if comment_add_form>
						<a name="send_comment"></a>
						<div class="comment-add-form">(*comment_add_form*)</div>
					</check:if>
				</div>
			</box:page_detail>
			
			<box:post_list>
				<view:post_list>
					<div class="post">
						<div class="post-title">
							<h2><a href="(*post_link*)">(*post_title*)</a></h2>
						</div>
						<check:if post_date>
							<div class="post-date">
								<span>
									(*post_date format="%A %e %B %y"*)
								</span>
							</div>
						</check:if>
						<div class="post-matn">
							(*post_summary*)
						</div>
						<div class="post-detail">
							<check:if post_author>
								<span class="post-author">
									(*post_author*)
								</span>
							</check:if>
							<check:if post_has_read_more>
								<span class="read-more">
									<a href="(*post_link*)">
										ادامه مطلب
									</a>
								</span>
							</check:if>
							<check:if post_has_comments_section>
								<span class="post-cm">
									<a href="(*post_link*)#comments">
									 (*post_comment_count*) 	نظر
									</a>
								</span>
							</check:if>
							<box:post_rating>
								<span class="rate-box (*user_rated*)">
									<span class="rate-button-box rate-up (*user_rated_up*)">
										<a class="rate-button" href="(*rate_up_link*)" rel="nofollow" title="like">(*up_rates*) موافق</a>
									</span>
									<span class="rate-button-box rate-up (*user_rated_down*)">
										<a class="rate-button" href="(*rate_down_link*)" rel="nofollow" title="like">(*down_rates*) مخالف</a>
									</span>
								</span>
							</box:post_rating>
						</div>
					</div>
				</view:post_list>
			</box:post_list>
			<box:pagination>
				<div class="pagingation">
					<check:if page_prev>
						<a href="(*page_prev*)" class="pagePrev">مطالب جدید‌تر</a>
					</check:if>
					<check:if page_next>
						<a href="(*page_next*)" class="pageNext">مطالب قدیمی تر</a>
					</check:if>
				</div>
			</box:pagination>
		</div>
		
		<div class="left">
			
			
			<box:blog_info>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							درباره من
						</span>
					</div>
					<div class="about-me">
						<check:if blog_image>
							<img class="my-av" src="(*blog_image*)">
						</check:if>
						<check:if blog_description>
							<div class="description-web">(*blog_description*)</div>
						</check:if>
					</div>
				</div>
			</box:blog_info>
			
			(*follow_box*)
			
			<box:stat>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							خلاصه آمار
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:stat>
								<li>
									<div class="stat-back">
										<span class="stat-title">(*stat_title*)</span>
										<span class="stat-value">(*stat_value*)</span>
									</div>
								</li>
							</view:stat>
						</ul>
					</div>
				</div>
			</box:stat>
			
			<box:tag_cloud>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							کلمات کلیدی
						</span>
					</div>
					<div class="left-input">
						<view:tag_cloud>
							<span class="tagss">
								<a href="(*tag_link*)" class="(*tag_selected*)">(*tag_name*)</a>
							</span>
						</view:tag_cloud>
					</div>
				</div>
			</box:tag_cloud>
			
			<box:recent_comments max="7">
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							آخرین نظرات
						</span>
					</div>
					<div class="left-input">
						<view:recent_comments>
							<div class="recent-comment">
								<img class="recent-comment-av-img" src="(*comment_avatar*)">
								<a href="(*comment_link*)"><div class="cm-matnn">
									<span>(*comment_body_text max="50"*)</span><br>
									</div></a>
							</div>
						</view:recent_comments>
					</div>
				</div>
			</box:recent_comments>
			
			<box:recent_posts>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							آخرین مطالب
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:recent_posts>
								<li>
									<a href="(*post_link*)" class="(*post_selected*)"><div class="rate--post">(*post_title*)</div></a>
								</li>
							</view:recent_posts>
						</ul>
					</div>
				</div>
			</box:recent_posts>
			
			<box:post_list flag="mobile">
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							پیام های کوتاه
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:post_list>
								<li>
									<a href="(*post_link*)" class="(*post_selected*)"><div class="rate--post">(*post_title*)</div></a>
								</li>
							</view:post_list>
						</ul>
					</div>
				</div>
			</box:post_list>
			
			
			<box:popular_posts>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							محبوب ترین مطالب
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:popular_posts>
								<li>
									<a href="(*post_link*)" class="(*post_selected*)"><div class="rate--post">(*post_title*)</div></a>
								</li>
							</view:popular_posts>
						</ul>
					</div>
				</div>
			</box:popular_posts>
			
			<box:most_visited_posts>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							پربیننده ترین مطالب
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:most_visited_posts>
								<li>
									<a href="(*post_link*)" class="(*post_selected*)"><div class="rate--post">(*post_title*)</div></a>
								</li>
							</view:most_visited_posts>
						</ul>
					</div>
				</div>
			</box:most_visited_posts>
			
			<box:most_commented_posts>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							مطالب پر بحث تر
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:most_commented_posts>
								<li>
									<a href="(*post_link*)" class="(*post_selected*)"><div class="rate--post">(*post_title*)</div></a>
								</li>
							</view:most_commented_posts>
						</ul>
					</div>
				</div>
			</box:most_commented_posts>
			
			<box:archive>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							آرشیو مطالب
						</span>
					</div>
					<div class="left-input">
						<div class="archive">
							<ul>
								<view:archive>
									<li>
										<a href="(*link_url*)" class="(*archive_selected*)"><div class="rate--post">(*link_name*)  ( (*link_count*) )</div></a>
									</li>
								</view:archive>
							</ul>
						</div>
					</div>
				</div>
			</box:archive>
			
			<box:authors>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							نویسندگان
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:authors>
								<li>
									<a href="(*author_link*)" class="(*author_selected*)"><div class="rate--post">(*author_name*)  ( (*author_post_count*) )</div></a>
								</li>
							</view:authors>
						</ul>
					</div>
				</div>
			</box:authors>
			
			<box:categories>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							موضوعات
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:categories>
								<li>
									<a href="(*category_link*)" class="(*category_selected*)"><div class="rate--post">(*category_name*) ((*category_post_count*))</div></a>
								</li>
							</view:categories>
						</ul>
					</div>
				</div>
			</box:categories>
			
			<box:links>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							پیوندها
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:links>
								<li>
									<a href="(*link_url*)" alt="(*link_alt*)" target="_blank"><div class="rate--post">(*link_name*)</div></a>
								</li>
							</view:links>
						</ul>
					</div>
				</div>
			</box:links>
			
			<box:daily_links>
				<div class="left-back">
					<div class="title-left">
					</div>
					<div class="title-center">
						<span>
							پیوندهای روزانه
						</span>
					</div>
					<div class="left-input">
						<ul>
							<view:daily_links>
								<li>
									<a href="(*link_url*)" alt="(*link_alt*)" target="_blank"><div class="rate--post">(*link_name*)</div></a>
								</li>
							</view:daily_links>
						</ul>
					</div>
				</div>
			</box:daily_links>
		</div>
		<!--Foooter-->
		<div class="fotter">
			
			<span class="bayan">
				قدرت گرفته از
				<a href="http://blog.ir">بلاگ</a>
				<a href="http://bayan.ir">بیان</a>
			</span>
		</div>
		<!--Foooter-->
	</div>
</body></html>

css:

@font-face {
    font-family: 'yekan';
    src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
	line-height: 1.7;
	font-size: 13px;
	font-family: yekan,tahoma;
}
h1,h2,h3,h4,h5,h6 {
	font-family: yekan,tahoma;
}
body a{
	text-decoration: none;
}
#wrp {
	width: 700px;
	margin: auto;
	margin-top: 10px;
}
/*----header----*/
.header {
	border: 1px solid #f2f2f2;
	background: url(//bayanbox.ir/view/1956121365148634887/bike-1.jpg) center;
	margin-bottom: 10px;
	background-size: cover;
}
.blog-title {
	padding: 60px 10px;
	line-height: 1.2;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	padding-right: 40px;
	background: rgba(255,255,255,.0);
}
.blog-title a{
	color: #fff;
}
/*--menu--*/
.menu {
	padding: 2px 6px;
	border: 1px solid #f2f2f2;
	margin-bottom: 10px;
	background: #f9f9f9;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.menu li {
	display: inline-block;
	padding: 5px 0px;
}
.menu li:last-child:after{
	content: "";
}
.menu a{
	color: #000;
	display: block;
	padding: 0px 8px;
}
.menu a:hover {
	color: #FF1F1F;
}
.menu a.selected {
	color: #FF1F1F;
}
/*----post----*/
.block-post {
	float: right;
	width: 480px;
	border: 1px solid #f2f2f2;
	background: #fff;
	margin-bottom: 10px;
}
.post {
}
.post a{
	color: #FF1F1F;
}
.post img{
	max-width: 100%;
	height: inherit;
}
.post-title {
	
}
.post-title h2{
	margin: 0;
	padding: 6px 8px;
}
.post-title a{
	color: #8c8c8c;
}
.post-date {
	color: #a3a3a3;
}
.post-date span{
	background: #fff;
	padding: 0px 8px;
}
.post-matn {
	padding: 0px 8px

نظرات  (۰)

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

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی