قالب پارچه نسخه واکنشگرا (ریسپانسیو) برای بلاگ بیان

قالب پارچه یکی از قالب های زیبای بیان بلاگ می باشد که امروز ما نسخه ویرایش شده آن را جهت دانلود و استفاده ،در ادامه این مطلب قرار داده ایم . برخی از ویژگی های نسخه ویرایش شده این قالب را می توانید مشاهده کنید:

ریسپانسیو (واکنشگرا) شدن قالب

تغییر فونت قالب به فونت تنها

رفع برخی مشکلات جزئی قالب

تغیر رنگ بخش محتوا (content) قالب

تغییر محل قرارگیری sidebar از راست به چپ

پیشنمایش قالب

فایل HTML قالب

<!DOCTYPE html><html><head><meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"> <head:meta></head:meta>    <head:script></head:script> <head:style></head:style></head><body>  <div id="print"><div class="title"><h2>(*blog_title*)</h2><span>(*blog_short_description*)</span></div></div>  <div id="wrpBG"> <div id="wrp">  <div class="main_menu"> <div class="cnt"> <box:menu> <ul> <view:menu> <li><a href="(*menu_item_link*)" class="(*menu_item_selected*)">(*menu_item_title*)</a></li> </view:menu> </ul> </box:menu> </div> </div>   <div class="header"> <div class="hdr_right"> <div class="title"> <h1><a href="(*blog_link*)">(*blog_title*)</a></h1> <div class="desc"><h2>(*blog_short_description*)</h2></div> </div> </div> <div class="hdr_left"></div> </div>  <div class="box1"> <div class="block-content"> <div class="block-content-view">  <box:post_detail> <div class="post post_detail"> <check:if post_image> <div class="post-details over"> <check:if post_date><span class="post-details-date none">(*post_date*)</span></check:if> <check:if post_author><span class="post-details-author">(*post_author*)</span></check:if> </div> </check:if> <check:if post_image><div class="post-image"><a href="(*post_link*)"><img alt="(*post_title*)" src="(*post_image*)"></a></div></check:if> <div class="post-title"><h2><a href="(*post_link*)">(*post_title*)</a></h2></div> <div class="post-content">(*post_full_content*)</div> <box:post_tags> <div class="post-details bottom custom nobg"> <div class="post-details-tags"> <view:post_tags> <h3><a href="(*tag_link*)">(*tag_name*)</a></h3> </view:post_tags> </div> </div> </box:post_tags> <div class="post-details bottom"> <div class="post-details-left"> <span class="post-details-date">(*post_date format="%y/%m/%d"*)</span> <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="موافق"> <img alt="موافقین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a class="rate-button" href="(*rate_down_link*)" rel="nofollow" title="مخالف"> <img alt="مخالفین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*down_rates*) </a> </span> </span> </box:post_rating> </div> <div class="post-details-right"> <span class="post-details-author">(*post_author*)</span> </div> <div class="clear"></div> </div> </div>  <box:post_comments> <a name="comments"></a> <div class="align"> <div class="messages"> <div class="messages-content"> <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> <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="comment-add-form"> (*comment_add_form*) </div> </div> </check:if> </box:post_detail>   <box:page_detail> <div class="post post_detail"> <div class="post-title"><h2><a href="(*page_link*)">(*page_title*)</a></h2></div> <div class="post-content">(*page_content*)</div> </div>  <box:page_comments> <a name="comments"></a> <div class="align"> <div class="messages"> <div class="messages-content"> <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> <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="comment-add-form"> (*comment_add_form*) </div> </div> </check:if> </box:page_detail>   <box:post_list> <check:if post_list_title> <div class="align"> <div class="messages"> <div class="messages-content"> <h2>(*post_list_title*)</h2> </div> </div> </div> </check:if> <view:post_list> <div class="post post_list"> <check:if post_image> <div class="post-details over"> <check:if post_date><span class="post-details-date none">(*post_date*)</span></check:if> <check:if post_author><span class="post-details-author">(*post_author*)</span></check:if> </div> </check:if> <check:if post_image><div class="post-image"><a href="(*post_link*)"><img alt="(*post_title*)" src="(*post_image*)"></a></div></check:if> <div class="post-title"><h2><a href="(*post_link*)">(*post_title*)</a></h2></div> <div class="post-content">(*post_summary*)</div> <check:if post_has_read_more><div class="post-readmore"><a href="(*post_link*)">ادامه مطلب...</a></div></check:if> <div class="post-details bottom"> <div class="post-details-left"> <span class="post-details-date">(*post_date format="%d %B %y ، %H:%M"*)</span> <a class="post-details-comment" href="(*post_link*)#comments">(*post_comment_count*) نظر</a> <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="موافق"> <img alt="موافقین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*up_rates*) </a> </span> <span class="rate-button-box rate-down (*user_rated_down*)"> <a class="rate-button" href="(*rate_down_link*)" rel="nofollow" title="مخالف"> <img alt="مخالفین" class="rateimg" src="//blog.ir/media/images/cleardot.gif"> (*down_rates*) </a> </span> </span> </box:post_rating> </div> <div class="post-details-right"> <span class="post-details-author">(*post_author*)</span> </div> <div class="clear"></div> </div> </div> </view:post_list> </box:post_list>  <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="clear"></div> </div>  <div class="block-sidebar"> <box:blog_info> <div class="sidebox blank"> <div class="sidebox-content"> <check:if blog_image> <div class="blog-image"> <img alt="(*blog_title*)" src="(*blog_image*)"> </div> </check:if> <check:if blog_description> <div class="blog-description"> <h4>(*blog_description*)</h4> </div> </check:if> </div> </div> </box:blog_info> <box:post_list flag="mobile"> <div class="sidebox"> <div class="sidebox-title">پیام های کوتاه</div> <div class="sidebox-content"> <ul> <view:post_list> <li class="(*post_selected*)"> <div class="post-list-date">(*post_date format="%G{%e %B %y , %H:%M}"*)</div> <a href="(*post_link*)">(*post_title*)</a> </li> </view:post_list> </ul> </div> </div> </box:post_list> <box:ads> <div class="sidebox"> <div class="sidebox-title">تبلیغات</div> <div class="sidebox-content view-ads"> <view:ads> (*ad*) </view:ads> </div> </div> </box:ads> <box:categories> <div class="sidebox"> <div class="sidebox-title">طبقه بندی موضوعی</div> <div class="sidebox-content categories"> <ul> <view:categories> <li class="(*category_selected*)"> <check:if category_selected> <span class="category_selected"> <a><h3>(*category_name*) </h3></a><span class="post-list-count"> ((*category_post_count*))</span> </span> </check:if> <check:if not category_selected> <a href="(*category_link*)"><h3>(*category_name*) </h3></a><span class="post-list-count"> ((*category_post_count*))</span> </check:if> <check:if category_children> <ul class="subcats"> <view:category_children></view:category_children> </ul> </check:if> </li> </view:categories> </ul> </div> </div> </box:categories> <box:stat> <div class="sidebox"> <div class="sidebox-title">خلاصه آمار</div> <div class="sidebox-content stat"> <ul> <view:stat> <li><span class="StatTitle">(*stat_title*)</span><span class="Value">(*stat_value*)</span></li> </view:stat> </ul> </div> </div> </box:stat> <box:tag_cloud> <div class="sidebox"> <div class="sidebox-title">کلمات کلیدی</div> <div class="sidebox-content tag-cloud"> <view:tag_cloud> <h3><a class="(*tag_selected*)" href="(*tag_link*)">(*tag_name*)</a></h3> </view:tag_cloud> </div> </div> </box:tag_cloud> <box:archive> <div class="sidebox"> <div class="sidebox-title">بایگانی</div> <div class="sidebox-content"> <ul> <view:archive> <li class="(*archive_selected*)"> <a href="(*link_url*)">(*link_name*)</a><span class="post-list-count">((*link_count*))</span> </li> </view:archive> </ul> </div> </div> </box:archive> <box:recent_posts> <div class="sidebox"> <div class="sidebox-title">آخرین مطلب</div> <div class="sidebox-content"> <ul> <view:recent_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a href="(*post_link*)">(*post_title*)</a> </li> </view:recent_posts> </ul> </div> </div> </box:recent_posts> <box:most_visited_posts> <div class="sidebox"> <div class="sidebox-title">پربیننده ترین مطالب</div> <div class="sidebox-content"> <ul> <view:most_visited_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a href="(*post_link*)">(*post_title*)</a> </li> </view:most_visited_posts> </ul> </div> </div> </box:most_visited_posts> <box:popular_posts> <div class="sidebox"> <div class="sidebox-title">محبوب ترین مطالب</div> <div class="sidebox-content"> <ul> <view:popular_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a href="(*post_link*)">(*post_title*)</a> </li> </view:popular_posts> </ul> </div> </div> </box:popular_posts> <box:most_commented_posts> <div class="sidebox"> <div class="sidebox-title">مطالب پربحث‌تر</div> <div class="sidebox-content"> <ul> <view:most_commented_posts> <li class="(*post_selected*)"> <div class="post-list-date none">(*post_date format="%y/%m/%d"*)</div> <a href="(*post_link*)">(*post_title*)</a> </li> </view:most_commented_posts> </ul> </div> </div> </box:most_commented_posts> <box:recent_comments> <div class="sidebox"> <div class="sidebox-title">آخرین نظرات</div> <div class="sidebox-content"> <ul> <view:recent_comments> <li> <div class="post-list-date none">(*comment_date*) - (*comment_fullname*)</div> <a href="(*comment_link*)">(*comment_body_text max="25"*)</a> </li> </view:recent_comments> </ul> </div> </div> </box:recent_comments> <box:authors> <div class="sidebox"> <div class="sidebox-title">نویسندگان</div> <div class="sidebox-content"> <ul> <view:authors> <li> <a href="(*author_link*)">(*author_name*)</a><span class="post-list-count">((*author_post_count*))</span> </li> </view:authors> </ul> </div> </div> </box:authors> <box:daily_links> <div class="sidebox"> <div class="sidebox-title">پیوندهای روزانه</div> <div class="sidebox-content"> <ul> <view:daily_links> <li> <a alt="(*link_alt*)" href="(*link_url*)">(*link_name*)</a> </li> </view:daily_links></ul> </div> </div> </box:daily_links> <box:links> <div class="sidebox"> <div class="sidebox-title">پیوندها</div> <div class="sidebox-content"> <ul> <view:links> <li> <a alt="(*link_alt*)" href="(*link_url*)">(*link_name*)</a> </li> </view:links> </ul> </div> </div> </box:links> </div>  <div class="clear"></div> </div>  <div class="footer"><div class="cnt"> <div class="links"> <div class="footer-copyright"> <a href="http://broziha.blog.ir" target="_blank" title="طراح قالب :بروزیها" class="mx-1 border-0 rounded-0 list-group-item p-1"><i class="fa fa-angle-double-left align-middle pl-1"></i>طراح قالب : بروزیها </a> </div>  </div> <div class="icons"> <a href="(*rss_link*)" title="RSS"><div class="rss"></div></a> <a href="//bayan.ir/" title="bayan : بیان"><div class="bayan"></div></a> <a href="//bayanbox.ir/" title="bayanbox : بیان باکس"><div class="bayanbox"></div></a> <a href="//blog.ir/" title="blog : وبلاگ"><div class="blog"></div></a> <a href="http://templates.blog.ir/post/template-97" title="قالب وبلاگ : پارچه"><div class="templates"></div></a> </div> </div></div>  </div>  </div></body></html>

فایل CSS قالب

@charset "utf-8"; /* CSS Document - v3.1.0 */ @media print { .bx_left{ display:none;} .bx_right{ display:none;} .footer_contain_bg{ display:none;} .footer_contain{ display:none;} .footer{ display:none;} .content_bg{ display:none;} .main_menu{ display:none;} .header{ display:none;} .post_detail{ display:none;} .messages{ display:none;} .post_comments{ display:none;} .cmt_reply{ display:none;} .commentForm{ display:none;} .pagination{ display:none;} .page_cls{display:none;} .post_cls{display:none;} #body{ display:block; width:650px; margin:auto; margin-top:5px; border:2px solid #bbb; outline:1px solid #333; padding:15px; direction:rtl; font-family:Tahoma, arial,"Times New Roman", Times; cursor:default; font-size:12px; } .date_title{ font-size:10px; padding-bottom:10px; color:#444; } h2 a{ font-family:"Times New Roman", Times, arial; font-size:18px; color:#333; text-decoration:none; padding-bottom:0px; } .cnt{ font-size:12px; color:#000; text-decoration:none; line-height:18px; } #print .title h2{ font-family:"Times New Roman", Times, arial; margin-bottom:0px; display:block; text-align:center; text-decoration:none; font-size:17px; color:#333; text-decoration:none; } #print .title span{ font-family:Tahoma, arial,"Times New Roman", Times; display:block; text-align:center; padding-top:5px; padding-bottom:10px; margin-bottom:20px; text-decoration:none; border-bottom:1px solid #333; font-size:11px; color:#333; text-decoration:none; } a{ text-decoration:none; padding:5px; } } @media screen { #print{ display:none;} /*h1, h2, h3, ul {margin:0;}*/ html { direction:ltr; } @font-face { font-family: 'b traffic'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.eot?view'), src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.eot?view#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.woff?view') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BTraffic.ttf?view') format('truetype'); } @font-face { font-family: 'b nazanin'; src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?view'), src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.eot?view#iefix') format('embedded-opentype'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.woff?view') format('woff'), url('//cdn.bayan.ir/blog/templates/shared/fonts/BNazanin.ttf?view') format('truetype'); } /* font converted using font-converter.net. thank you! */ @font-face { font-family: "tanha"; src: url("http://bayanbox.ir/download/3728241269482811396/Tanha.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "vazir"; src: url("http://bayanbox.ir/download/7438520219630211823/Vazir-Thin.woff") format("woff"); /* Modern Browsers */ font-weight: normal; font-style: normal; } body{ font-family: Tahoma, Verdana, "Times New Roman"; font-size: 11px; color: #333; margin:0px; padding:0px; line-height:1.9em; /*new*/ background:#162230 url(//cdn.bayan.ir/blog/templates/97/body.jpg); } p { margin-bottom: 0.5em; } pre { direction:ltr; background-color:#FAFAEE; border:1px solid #DADADA; margin:1em; overflow-x:auto; overflow-y:hidden; padding:2px; } .btn_submit{direction:ltr;} .clear{clear:both;} ::-webkit-scrollbar { background:#ddd; width:15px;height:15px; } ::-webkit-scrollbar-thumb { background:#999; border-radius:0px; box-shadow:inset 0 0 10px #333; } ::-webkit-scrollbar-corner { background:#fff;} ::-webkit-scrollbar-track{ background:#eee; border-radius:0px; box-shadow:inset 0 0 10px #aaa;}::-webkit-scrollbar-thumb:hover{ background:#888;}::-webkit-scrollbar-thumb:active{ background:#777;} /*-- Link & Button --*/ h1, h2 ,h3{ font-family:"b nazanin","Times New Roman", Times,Arial,serif; } img{ border:none; border-width:0px;} a{ color: #CC8B3B; cursor:pointer; text-decoration:none; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; } a:hover{ color:#fff; text-decoration:none; cursor:pointer; } a:active{ outline:hidden; } /*-- Wrapper --*/ #wrpBG { background: url(//cdn.bayan.ir/blog/templates/97/wrpBg.png) repeat-x top center; } #wrp{ width:100%; max-width:1000px; height:auto; margin:auto; direction:rtl; } /*-- Header --*/ #wrp .header{ height:153px; background:url(//cdn.bayan.ir/blog/templates/97/head.png) no-repeat right bottom; /*h1Bg.png*/ margin-bottom:7px; } #wrp .header .hdr_right { float:right; } #wrp .header .hdr_left { float:left; } /*-- Title & Description --*/ #wrp .header .title{ padding:42px 20px 0px 0px; } #wrp .header .title h1{ font-family:"vazir","Times New Roman",Arial,Helvetica; font-size:32px; font-weight:bold; color:#452E14; margin-bottom:15px; } #wrp .header .title h1 a{ color:#452E14; } #wrp .header .title h1 a:hover{ color:#452E14; } #wrp .header .title .desc h2{ font-family:"vazir","Times New Roman",Arial,Helvetica ; font-size:100%; font-weight:bold; cursor:default; color:#452E14; } /*-- Main Menu --*/ #wrp .main_menu{ height:27px; } #wrp .main_menu .cnt{} #wrp .main_menu .cnt ul{ list-style:none; margin:0px;padding:0px; /*background:url(//cdn.bayan.ir/blog/templates/97/blog.gif) no-repeat left bottom;*/ /*padding-left:85px;*/ height:30px; padding-top:19px; } #wrp .main_menu .cnt li{ float:left; cursor:default; margin-left:3px; } #wrp .main_menu .cnt a{ display:block; font-family:"vazir","Times New Roman",Arial,Helvetica; font-weight:bold; font-size:13px; color:#fff; background:#111; padding:2px 10px 2px 10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } #wrp .main_menu .cnt a:hover{ color:#fff; background:#444; } #wrp .main_menu .cnt a.selected{ color:#fff; background:#444; } /*-- wrp -> Box1 (Content) --*/ #wrp .box1{ margin-top:20px; } /*-- Sidebar --*/ .block-sidebar { float: left; width: 280px; } .block-sidebar .sidebox { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } .sidebox .sidebox-title { font: 17px/1.2em "tanha", "tahoma", "arial", "Times New Roman", Helvetica; background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 0.8); padding: 8px 12px 12px; text-align: right; cursor: default; font-weight: normal; margin: 0px; } .sidebox .sidebox-content { direction: rtl; background: rgba(0, 0, 0, 0.5); padding: 10px; font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox.blank .sidebox-content { } .sidebox.blank .sidebox-content h4 { padding: 8px; color: rgba(255, 255, 255, 0.7); margin: 0px; font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; text-align: right; } .sidebox.blank .sidebox-content .blog-image { text-align: center; } .sidebox.blank .sidebox-content img { text-align: center; max-width: 95%; height: auto; margin: 5px 0; } * html .sidebox.blank .sidebox-content img { width: 200px; height: auto; } /*- sidebar post-list -*/ .sidebox-content ul { list-style: none; margin: 0; padding: 0; } .sidebox-content ul li { padding: 6px 1px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .sidebox-content ul li:last-child { border-bottom: none; } .sidebox-content ul li a { background: url(//cdn.bayan.ir/blog/templates/28992/sidebar-bullet.png) no-repeat right 12px; padding-right: 10px; color: rgba(255, 255, 255, 0.9); font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox-content ul li a:hover { color: #f3193d; } .sidebox-content ul li:hover { background: rgba(0, 0, 0, 0.3); -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .sidebox-content ul li.selected { padding: 5px 2px; background: rgba(0, 0, 0, 0.3); } .sidebox-content ul li.selected a { color: #fff; } .sidebox-content .post-list-date, .sidebox-content .post-list-count { color: rgba(255, 255, 255, 0.7); cursor: default; } .sidebox-content .post-list-count { padding-right: 5px; } .sidebox-content .post-list-date.none { display: none; } /*-- ADS --*/ .sidebox-content.view-ads { text-align: center; } .sidebox-content.view-ads a { text-align: center; display: block; margin-bottom: 5px; } .sidebox-content.view-ads a:last-child { margin-bottom: 0; } /*-- Stat --*/ .sidebox-content.stat { position: relative; } .sidebox-content.stat .StatTitle { cursor: default; color: rgba(255, 255, 255, 0.7); font-size: 13px; border: none; text-align: right; } .sidebox-content.stat .Value { color: rgba(255, 255, 255, 0.9); cursor: default; float: left; padding-left: 10px; text-align: left; } /*-- Tag-Cloud --*/ .sidebox-content.tag-cloud h3 { margin: 0px; font: normal 11px "tanha", "Times New Roman", Times, Arial, serif; display: inline-block; *display: inline; *margin: 2px; } .sidebox-content.tag-cloud span { display: inline-block; margin: 1px 0px 1px 0px; } .sidebox-content.tag-cloud a { font: 14px/1.3em "tanha", "tahoma", "arial", "Times New Roman", Helvetica; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; padding: 1px 7px 4px; display: inline-block; *display: inline-block; margin-left:1px; /*margin: 2px 0px 2px 0px;*/ } .sidebox-content.tag-cloud a:hover { color: #fff; background: rgba(0, 0, 0, 0.4); border: rgba(255, 255, 255, 0.6) 1px solid; } .sidebox-content.tag-cloud a.selected { color: #fff; background: rgba(0, 0, 0, 0.4); border: rgba(255, 255, 255, 0.6) 1px solid; } /*-- Categories --*/ .sidebox-content.categories ul li { padding: 0; border: none; } .sidebox-content.categories li:hover { background: none; } .sidebox-content ul li.selected a { color: #fff; } .sidebox-content.categories ul li ul.subcats a { padding-right: 10px; padding-top: 1px; display: inline-block; background: url(//cdn.bayan.ir/blog/templates/28992/sub_ico.png) right no-repeat; } .sidebox-content.categories ul li a { padding-bottom: 0px; padding-right: 20px; display: table-cell; *display: inline-block; background: url(//cdn.bayan.ir/blog/templates/28992/folder_ico.png) right 8px no-repeat; } .sidebox-content.categories ul li h3 { color: rgba(255, 255, 255, 0.7); margin: 0px; font: normal 14px "tanha", "tahoma", "arial", "Times New Roman", Helvetica; } .sidebox-content.categories ul li.selected { background: none; } .sidebox-content.categories .subcats li.selected { background: none; } .sidebox-content.categories .subcats { margin-right: 14px; margin-top: -3px; } .sidebox-content.categories ul .post-list-count { cursor: default; display: table-cell; color: rgba(255, 255, 255, 0.5); } .sidebox-content.categories .subcats .post-list-count { cursor: default; display: inline-block; color: rgba(255, 255, 255, 0.5); } .sidebox-content.categories .category_selected { background: rgba(0, 0, 0, 0.3); padding: 2px 5px 2px 5px; display: block; height: 31px; max-height: auto; *height: auto; } .sidebox-content.categories .category_selected a { color: inherit; cursor: default; } /*-- LI & UL --*/ #wrp .box1 .bx_right .mod_right ul{ padding:0px; margin:0px; } #wrp .box1 .bx_right .mod_right li{ margin:0px; list-style:none; } /* Categories ----- */ #wrp .box1 .bx_right .mod_right ul li ul.subcats a{ padding-right:10px; padding-top:1px; display:inline-block; background:url(//cdn.bayan.ir/blog/templates/97/sub_ico.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .cats li a{ padding-bottom:0px; padding-right:20px; display:table-cell; *display:inline-block; background:url(//cdn.bayan.ir/blog/templates/97/folder_ico.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .cats li h3{ margin:0px; font:11px "tanha","Times New Roman", Times,Arial,serif; } #wrp .box1 .bx_right .mod_right .cats li.selected{background:none;} #wrp .box1 .bx_right .mod_right .subcats li.selected{background:none;} #wrp .box1 .bx_right .mod_right .subcats{ margin-right: 14px; margin-top: -3px; } #wrp .box1 .bx_right .mod_right .cats .count{ cursor:default; display:table-cell; color:#aaa; } #wrp .box1 .bx_right .mod_right .subcats .count{ cursor:default; display:inline-block; color:#aaa; } #wrp .box1 .bx_right .mod_right .category_selected{ color:#FFF; background:#0c0f12; padding:2px 5px 2px 5px; display:block; height:21px; max-height:auto; *height:auto; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } #wrp .box1 .bx_right .mod_right .category_selected a{ color:inherit; cursor:default; } /*-LINKs-*/ #wrp .box1 .bx_right .mod_right ul.links li{ padding:2px 5px 3px 5px; background:url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; *background:none; *border-bottom:1px solid #F5F5F5; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; /*white-space:nowrap; overflow:hidden;*/ } #wrp .box1 .bx_right .mod_right ul.links li:hover{ background:#0c0f12 url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .links li.selected{ background:#0c0f12 url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .links li a{ padding-bottom:3px; padding-right:10px; background:url(//cdn.bayan.ir/blog/templates/97/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .links .count{ cursor:default; color:#aaa; } #wrp .box1 .bx_right .mod_right ul.links li:last-child { border-bottom:0px; background:none; } #wrp .box1 .bx_right .mod_right ul.links li:last-child:hover { background:#0c0f12; } #wrp .box1 .bx_right .mod_right ul.links li.selected:last-child { background:#0c0f12; } /* Advertising ---- */ #wrp .box1 .bx_right .mod_right .cnt.ads{ text-align: center; padding-top: 11px; padding-right: 5px; padding-bottom: 2px; } #wrp .box1 .bx_right .mod_right .cnt.ads .view_ads{ margin-bottom:10px; display:block; } /*-- STAT Graph --*/ #wrp .box1 .bx_right .mod_right #stat_summary_div { clear:both; padding:2px 6px; } #wrp .box1 .bx_right .mod_right .cnt.stat{} #wrp .box1 .bx_right .mod_right .cnt.stat .row{ background:url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; *background:none; clear:both; padding-bottom:23px; } #wrp .box1 .bx_right .mod_right .cnt.stat .row:last-child{ background:none; } #wrp .box1 .bx_right .mod_right .cnt.stat .StatTitle{ cursor:default; color:#888; font-size:11px; border:none; font-weight:normal; float:right; text-align:right; } #wrp .box1 .bx_right .mod_right .cnt.stat .Value{ color:#ccc; cursor:default; float:left; padding-left:10px; text-align:left; } /* TAG Cloud ---- */ #wrp .box1 .bx_right .mod_right .cnt .tagcloud h3{ margin:2px 0px 2px 0px; font-size:11px; font-family:"tahoma","Times New Roman", Times,Arial,serif; font-weight:normal; display:inline-block; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a{ color:#ccc; border:1px solid #292e33; background:#0c0f12; padding:2px 5px 4px 5px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a:hover{ background:#f32837; border:1px solid #f32837; color:#FFF; } #wrp .box1 .bx_right .mod_right .cnt .tagcloud a.selected{ background:#f32837; border:1px solid #f32837; color:#FFF; } /* Recent Posts ---- */ #wrp .box1 .bx_right .mod_right .cnt .list_view li{ display:inline-block; background:none; width:100%; } #wrp .box1 .bx_right .mod_right .cnt .list_view li a{ background:none; } /*- Mobile -*/ #wrp .box1 .bx_right .mod_right .cnt .list_view.mobile li a{ padding-bottom:3px; padding-right:10px; display:table-cell;*display:inline-block; background:url(//cdn.bayan.ir/blog/templates/97/sidebar-bullet.png) right no-repeat; } #wrp .box1 .bx_right .mod_right .cnt .list_view .cnt{ margin-right:-1px; margin-bottom: -1px; padding:4px 5px 6px 0px; line-height: 18px; border:none; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; background:url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; -moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-khtml-transition-duration:.3s; } #wrp .box1 .bx_right .mod_right .cnt .list_view .cnt:hover{ background:#0c0f12 url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .cnt .list_view .cnt.selected{ background:#0c0f12 url(//cdn.bayan.ir/blog/templates/97/line.png) no-repeat center bottom; } #wrp .box1 .bx_right .mod_right .cnt .list_view .date{ cursor:default; font-size:9px; color:#aaa; display:none; } #wrp .box1 .bx_right .mod_right .cnt .list_view.mobile .date{ display:block; } .cnt.max { overflow: hidden; white-space: nowrap; } /*-- Content --*/ .content-wrp { direction: rtl; width: 1000px; margin: 30px auto 15px; } .block-content { width: 705px; float: right; } .block-content-view { float: right; width: 100%; } .block-content .messages { cursor: default; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); border-top: 3px solid #f3193d; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); } .block-content .messages .messages-content { padding: 5px 15px; color: rgba(255, 255, 255, 0.7); } .block-content .messages .messages-content h2 { color: rgba(255, 255, 255, 0.8); font: 21px "yekan", "Times New Roman", Times, Arial, serif; text-align: center; cursor: default; margin: 0 0 7px; } .block-content .messages .messages-content h2 a.comment_count { color: rgba(255, 255, 255, 0.7); } .block-content .messages .messages-content h2 a.comment_count:hover { color: rgba(255, 255, 255, 1); cursor: pointer; } /*-- Content-post --*/ .block-content .post { position: relative; padding: 0; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); font-family: "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .block-content .post .post-image { overflow: hidden; } .block-content .post .post-image img { width: 100%; height: auto; display: block; } .block-content .post .post-image a img { -ms-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block-content .post .post-image a:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .block-content .post .post-title { padding: 20px 20px 15px; } .block-content .post h2 { margin: 0; } .block-content .post h2 a { line-height: 1.7em; font-size: 25px; color: rgba(255, 255, 255, 0.9); } .block-content .post h2 a:hover { color: #f3193d; } .post-content { color: rgba(255, 255, 255, 0.7); margin: 0 20px; padding-bottom: 20px; text-align: justify; font: 15px "tanha", "tahoma", "arial", "Times New Roman", Times, Arial, serif; } .post-content a { color: #fff; } .post-content a:hover { color: rgba(255, 255, 255, 0.8); } .post-content ul li { margin-right: 5px; line-height: 1.9em; } .post-content img { max-width: 98%; height: auto; } .post-readmore { margin: 0px 20px 25px; } .post-readmore a { font-size: 15px; line-height: 1em; padding: 0 15px 2px; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.2); } .post-readmore a:hover { color: rgba(255, 255, 255, 0.9); border: rgba(255, 255, 255, 0.7) 1px solid; background: rgba(0, 0, 0, 0.4); } /*-- Content-post-details --*/ .post-details { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; color: rgba(255, 255, 255, 0.6); cursor: default; position: relative; } .post-details a { color: rgba(255, 255, 255, 0.6) !important; } .post-details a:hover { color: #fff !important; } .post-details.over { position: absolute; z-index: 9; } .post-details.over .post-details-date { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.over .post-details-author { margin: 0 0 2px; padding: 1px 10px 5px; background: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.9); } .post-details.bottom { margin-top: 15px; background: rgba(0, 0, 0, 0.4); padding: 5px 10px; } .post-details.bottom.nobg { background: none; } .post-details.custom { margin-top: 10px; padding: 10px 20px; } .post-details-right { } .post-details-left { float: left; } .post-details-date { border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 10px; margin-left: 3px; } .post-details-date.none { padding: 0; margin: 10px 0 0; background: none; border-left: 0; display: block; } .post-details-comment { border-left: 1px solid rgba(255, 255, 255, 0.1); padding: 0 10px; margin-left: 1px; } img.rateimg, img.rateup, img.ratedn { background: url(//cdn.bayan.ir/blog/templates/28992/pd_ico_rate.png) no-repeat center left; width: 16px; height: 28px; vertical-align: top; } .rate-down img.rateimg, img.ratedn { background-position: 0 -17px; } .rate-up img.rateimg, img.rateup { background-position: 0 3px; } .rate-up { margin: 0 10px; } /* KEYWORDS POST TAG ----------------- */ #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post{ margin-top:5px; margin-right:8px; padding-right:18px; cursor:default; background:url(//cdn.bayan.ir/blog/templates/97/pd_ico_key.png) right top no-repeat; display:block; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span{ display:inline-block; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span a{ border-right:1px dashed #aaa; padding:2px 7px 2px 7px; display:table-cell; margin-bottom:5px; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post span h3{ margin:0px; font-size:11px; font-family:"tahoma","Times New Roman", Times,Arial,serif; font-weight:normal; } #wrp .box1 .bx_center .post .post_detail .cnt .keywords_post .first a { border-right:none; } #wrp .box1 .bx_center .post .post_detail .cnt .post_rating{ padding-right:10px; } /* rating */ .rate-button-box.rated {font-weight:bold;} .rate-up, span.rateup {color:#090; margin-left:5px;} .rate-down, span.ratedn {color:#A00; padding:5px;} img.rateimg, img.renew, img.rateup, img.ratedn{ background:url(//cdn.bayan.ir/blog/templates/97/pd_ico_rate.png) no-repeat center left; width:15px; height:15px; vertical-align:middle; } .rate-down img.rateimg, img.ratedn{ background-position: -3px -25px;} .rate-up img.rateimg, img.rateup { background-position: -3px -5px; } /*-- Post Comments --*/ .post-comments { font: 14px "yekan", "tahoma", "arial", "Times New Roman", Times, Arial, serif; margin-bottom: 15px; } .post-comment { margin-bottom: 5px; background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); } .comment-details { background: rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(117, 100, 100, 0.1); padding: 0; cursor: default; } .comment-details a { cursor: pointer; vertical-align: bottom; margin-right: 5px; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s; -khtml-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: rgba(255, 255, 255, 0.6); cursor: default; padding: 0 5px; } .comment-body { padding: 10px; } .comment-body-content { color: rgba(255, 255, 255, 0.8); } .comment-date { display: inline-block; color: rgba(255, 255, 255, 0.6); } .comment-website { background: url(//cdn.bayan.ir/blog/templates/28992/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/28992/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: 5px; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); color: rgba(0, 0, 0, 0.7); } .comment-reply-details { padding: 5px 10px 0; } .comment-reply-date { float: left; color: rgba(0, 0, 0, 0.5); cursor: default; } .comment-reply-name { color: rgba(0, 0, 0, 0.5); cursor: default; } .comment-reply-body { padding: 10px; } /*-- add Comment --*/ .comment-add-form { color: rgba(255, 255, 255, 0.7); padding: 10px; margin-bottom: 15px; background: rgba(0, 0, 0, 0.5); border-top: 3px solid #f3193d; box-shadow: 0 3px 5px rgba(117, 100, 100, 0.1); font: 14px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; } .comment-add-form input.sendbutton { padding: 0 30px 2px; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.5); cursor: pointer; font: 15px "yekan", "tahoma", "arial", "Times New Roman", Helvetica; border-radius: 0; } .comment-add-form input.sendbutton:hover { color: rgba(255, 255, 255, 0.9); border: rgba(255, 255, 255, 0.5) 1px solid; background: rgba(0, 0, 0, 0.1); } .comment-add-form iframe { background: #FFF; } /*Reply COMMENT -------- */ #wrp .box1 .bx_center .cmt_reply{ background:url(//cdn.bayan.ir/blog/templates/97/sidebar.png); border:1px solid #666; color:#ccc; margin-top:4px; margin-bottom:10px; padding:5px 10px 5px 10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } .comment_add_form{ } div.commentForm input.sendbutton{ padding:5px 15px 6px 15px; background:url(//cdn.bayan.ir/blog/templates/97/sidebar.png);; border:1px solid #666; color:#ccc; text-shadow:none; margin:1px; cursor:pointer; /*float:left; margin-top:-27px;*/ } div.commentForm input.sendbutton:hover{ background:url(//cdn.bayan.ir/blog/templates/97/sidebar.png);; border:1px solid #666; color:#ccc; } .comment_add_form{ border:1px solid #292e33; background:#0c0f12; margin-bottom:10px; padding:10px 10px 10px 11px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; } div.commentForm iframe {background:#FFF;} .commentForm{ color:#FFF;} /*-- ReNew Button ------*/ img.renew{ background: url(//cdn.bayan.ir/blog/templates/97/details_ico.png) no-repeat 0px -133px; width:18px; height:18px; vertical-align:middle; } /*-- Pagination --*/ .block-content .pagination { cursor: default; display: block; text-align: center; margin-bottom: 0; } .block-content .pagination .left { margin-left: -3px; } .block-content .pagination a { padding: 2px 12px 2px; margin-left: 3px; cursor: pointer; color: rgba(255, 255, 255, 0.7); border: rgba(255, 255, 255, 0.5) 1px solid; } .block-content .pagination a:hover { color: #eee; background: rgba(0, 0, 0, 0.5); border: rgba(0, 0, 0, 0.1) 1px solid; } .block-content .pagination a.current { color: #eee; background: rgba(0, 0, 0, 0.5); border: rgba(0, 0, 0, 0.1) 1px solid; } .block-content .pagination .spacer { float: right; padding: 1px 8px; color: #999; } .pagination { padding-top: 0px; } /* Footer --------------------------------------------- */ .footer{ clear:both; } .footer .cnt{ height:40px; margin:auto; margin-bottom:10px; background:#0b1013; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; } .footer .links{ float:right; cursor:default; color:#777; padding-top:9px; padding-right:7px; } .footer .links a{ color:#aaa; text-decoration:none; } .footer .links a:hover{ color:#fff; text-decoration:underline; } .footer .icons{ float:left; padding-top:10px; padding-left:9px; } .footer .icons a{ float:left; margin-right:3px; } .footer .icons .bayan{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/bayan-icon-black.png) no-repeat; width:20px; height:20px; } .footer .icons .blog{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/blog-icon-black.png) no-repeat; width:20px; height:20px; } .footer .icons .bayanbox{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/bayanbox-icon-black.png) no-repeat; width:20px; height:20px; } .footer .icons .rss{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/rss-icon-black.png) no-repeat; width:20px; height:20px; } .footer .icons .templates{ background:url(//cdn.bayan.ir/blog/templates/shared/icon/templates-icon-black.png) no-repeat; width:20px; height:20px; } } /*---------- Responsive ----------*/ @media only screen and (max-width: 1015px) { .content-wrp { width: 900px; } .header-wrp { width: 900px; } .footer-wrp { width: 900px; } .block-content { width: 605px; } } @media only screen and (max-width: 915px) { .content-wrp { width: 800px; } .header-wrp { width: 800px; } .footer-wrp { width: 800px; } .block-content { width: 505px; } } @media only screen and (max-width: 820px) { .content-wrp { width: 690px; } .header-wrp { width: 690px; } .footer-wrp { width: 690px; } .block-content { width: 395px; } } @media only screen and (max-width: 700px) { .content-wrp { width: 600px; } .header-wrp { width: 600px; } .footer-wrp { width: 600px; } .block-content { width: 385px; } .block-sidebar { width: 200px; } .main-menu { display: none; } .main-menu.resp { margin: 20px 0 15px; display: block; } .main-menu-wrp { margin: auto; text-align: center; } .header .header-right { position: relative; right: inherit; text-align: center; } .content-wrp { margin-top: 0; } } @media only screen and (max-width: 650px) { .content-wrp { width: 550px; } .header-wrp { width: 550px; } .footer-wrp { width: 550px; } .block-content { width: 345px; } .block-sidebar { width: 190px; } } @media only screen and (max-width: 600px) { } @media only screen and (max-width: 550px) { .content-wrp { width: inherit; margin: 15px; } .header-wrp { width: inherit; margin: 0 15px; } .footer-wrp { width: inherit; margin: 0 15px; } .block-sidebar { margin-top: 15px; width: 100%; } .block-content { width: 100%; } } /*---------- Responsive ----------*/

۱۸ فروردين ۹۹ ، ۰۰:۰۲

نقل بلاگ

آفرین خسته نباشی واقعا :)

فقط توی عکس بعضی از قسمتا فونتشون درست نشده بود مثل ادامه مطلب و اسم نویسنده و ...

بنظرم اونها رو هم برطرف کن که شکل قشنگ تری بگیره.

یه نکته هم از روی تجربه:

توی قالب های پیش فرض بیان، خیلی زیاد از font-family و font استفاده شده، پیشنهاد می کنم همه اونها رو پاک کنی بجز برای body و برای h1 تا h6، وقتی اضافات رو پاک کنی ناخودآگاه همه جاها درست می شه خودش :) انصافا کدنویس های بیان خیلی زیاده روی کردن!

۱۸ فروردين ۹۹، ۰۸:۵۸

پاسخ:

سلام محمد جان

ممنون بابت یاد آوری که کردین. انشالله حتما این مشکلات رو برطرف میکنم.

اون قسمت هایی که گفتید هم انشالله پاک می کنم و دوباره از نو h1 تا h6 رو درست می کنم.

خیلی ممنون (:

بروزیها

با ما بروز باشید !! معرفی جدید ترین فناوری ها در وبلاگ بروزیها

قالب پارچه نسخه واکنشگرا (ریسپانسیو) برای بلاگ بیان

دانلود قالب واکنشگرا برای بلاگ بیان

قالب رایگان بیان بلاگ

قالب ریسپانسیو بیان

نظرات (۱)

موبایل ، کامپیوتر، اپلیکیشن و نرم افزار

معرفی انواع خودرو و وسایل نقلیه

فناوری

سیو بازی ها

سلامتی و تناسب اندام

علمی و کاربردی

فیلم و سریال

خدمات وبلاگ نویسی