قالب شماره یک برای بیان

ویژگی های این قالب :

استفاده از رنگ های متنوع برای جذابیت بیشتر
دارای فونت زیبای یکان
دارای دو ستون مجزا
ریسپانسو است و در دستگاه های کوچک تر به خوبی تغییر سایز می دهد

دریافت کد قالب در ادامه مطلب

کد HTML قالب :

<!DOCTYPE html>
<html>

<head:script></head:script>
    <head:style></head:style>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>

<body>

<li class=""><a href="(*menu_item_link*)" class="">(*menu_item_title*)</a>
                        </li>
                        
                        
                    </view:menu>
                </box:menu>
            </ul>

</div>

<div class="boxtitle">
            <check:if blog_title>
                <div class=""><a href="(*blog_link*)" class="">(*blog_title*)</a>
                </div>
            </check:if>

<check:if blog_short_description>
                <div class="boxdes">
                    <span>(*blog_short_description*)</span>
                </div>
            </check:if>
        </div>
    </div>

<box:messages>
            <view:messages>
                <div class="boxmessage">
                    <div class="">
                        <p>(*message*)</p>
                    </div>
                </div>
            </view:messages>
        </box:messages>

<div class="row">

<box:post_list>

<check:if post_list_title>
                        <div class="post_list_title" style=";">
                            <span class="">(*post_list_title*)</span>
                        </div>
                    </check:if>
                    <view:post_list>
                        <div class="post">
                            
                            <check:if post_image>
                                <a href="(*post_link*)/#section">
                                    <img class="" title="(*post_title*)" src="(*post_image*)" alt="(*post_title*)"
                                        style="">
                                </a>
                            </check:if>
                            <check:if post_title>
                                <div class="posttitle">
                                    <a href="(*post_link*)/#section" class="">
                                        <h3><strong>
                                                (*post_title*) </strong></h3>
                                    </a>
                                </div>
                            </check:if>
                            <div class="postsummary">
                                <article class="">(*post_summary*)</article>
                                <div class="">
                                    <br>
                                    <div class="readmore">
                                        <p>
                                            <check:if post_has_read_more>
                                                <a href="(*post_link*)/#section" class="">
                                                    ادامه مطلب ...
                                                </a>
                                            </check:if>
                                        </p>
                                    </div>       
                                    <div class="">
                                        
                                        <div class="">
                                            <div class="rightinfo">

<check:if post_author>
                                                    <a href="/by_author/(*post_author_id*)/#section"
                                                        class="postauthor"><span class=""><span
                                                                class=""></span>(*post_author*)</span></a>
                                                </check:if>
                                                <span class=""><span class=""></span>(*post_date format="%y-%n-%d"*)
                                                   </span>
                                                <check:if post_has_comments_section>
                                                    <a href="(*post_link*)#comments" class="postcomment"><span
                                                            class=""><span
                                                                class=""></span> تعدادنظرات :(*post_comment_count*)</span></a>
                                                </check:if>
                                                <box:post_rating>
                                                    <span class="">
                                                        <span class="">
                                                            <a class="" href="(*rate_up_link*)" rel="nofollow"
                                                                title="لایک پست">
                                                                <span class="">
                                                                    <span class=""></span>
                                                                    <span class="">تعداد لایک : (*up_rates*)</span>
                                                                </span>
                                                            </a>
                                                        </span>
                                                    </span>
                                                </box:post_rating>
                                    
                                                
                                            </div>
                                        </div>
                                        
                                    </div>

</div>
                               
                               
                            </div>
                            
                        </div>
                        
                        <br>
                    </view:post_list>
                </box:post_list>

<box:pagination>
                    
                    <div class="boxpagination">
                        <div></div>
                        <check:if page_first>
                            <span><a href="(*page_first*)" class="" title="اولین صفحه">اولین صفحه</a>
                            </span>
                            <span> </span>
                        </check:if>

<check:if page_prev>
                            <span><a href="(*page_prev*)" class="" title="صفحه قبل">صفحه قبل</a>
                            </span>
                            <span> </span>
                        </check:if>

<view:pages spec="3,2,2,2,3,2">
                            <check:if page_num>
                                <check:if page_current>
                                    <span class="">(*page_num*)</span>
                                    <span> </span>
                                </check:if>
                                <check:if not page_current>
                                    <a class="" href="(*page_link*)">(*page_num*)</a>
                                    <span> </span>
                                </check:if>
                            </check:if>
                            <check:if not page_num>
                                <span>...</span>
                            </check:if>
                        </view:pages>

<check:if page_next>
                            <a href="(*page_next*)" class="" title="صفحه بعد">صفحه بعد</a>
                        </check:if>

<check:if page_last>
                            <a href="(*page_last*)" class="" title="اخرین صفحه">آخرین صفحه</a>
                        </check:if>

</div>
                </box:pagination>

<box:post_detail>

<check:if post_title>
                            <div class="posttitle">
                                <a href="(*post_link*)/#section" class="posttitle">
                                    <h3><strong>
                                            (*post_title*) </strong></h3>
                                </a>
                            </div>
                        </check:if>

<div class="postfullcontent">
                            <article class="">(*post_full_content*)</article>
                        </div>

</div>

<check:if post_author>
                                        <a href="/by_author/(*post_author_id*)/#section" class="postauthor"
                                            style="padding-top:5px;"><span class=""><span
                                                    class=""></span>(*post_author*)</span></a>
                                    </check:if>

<span class=""><span class=""></span>(*post_date format="%d %B %y ، %H:%M"*)</span>

<check:if post_has_comments_section>
                                        <a href="(*post_link*)#comments" class=""><span class=""><span
                                                    class=""></span>تعدادنظرات :(*post_comment_count*) </span></a>
                                    </check:if>

<box:post_rating>
                                        <span class="like">
                                            <span class="">
                                                <a class="" href="(*rate_up_link*)" rel="nofollow" title="لایک پست">
                                                    <img src="https://8pic.ir/uploads/facebook-like-button-facebook-like-button-computer-icons-symbol-like-png-clip-art.png" alt="">
                                                    
                                                </a>
                                            </span>
                                            <div>تعداد لایک :(*up_rates*)</div>
                                        </span>
                                    </box:post_rating>

<box:post_categories>
                                        <span class="">
                                            <span class=""></span>
                                            <view:post_categories>
                                                <span class="">
                                                    <a class="" href="(*category_link*)"
                                                        title="همه مطالب با موضوع (*category_name*)"> (*category_name*)
                                                    </a>
                                                </span>
                                            </view:post_categories>
                                        </span>
                                    </box:post_categories>

<box:post_tags>
                                        <span class="">
                                            <span class=""></span>
                                            <br><span>برچسب ها :</span>
                                            <view:post_tags>
                                                <span class="tags">
                                                    
                                                    <a class="" href="(*tag_link*)/#section">(*tag_name*)   
                                                    </a>
                                                </span>
                                            </view:post_tags>
                                        </span>
                                    </box:post_tags>

</div>
                            </div>

</div>
                    </div>

<br>

<box:post_comments>
                        <a name="comments"></a>
                        <div class="comments">
                            <h4 class="titlecomment"><a href="(*post_link*)#comments">نظرات ((*post_comment_count*))</a></h4>
                            <view:post_comments>
                                <a name="comment-(*comment_id*)"></a>
                                <ul id="comments-list" class="comments-list">
                                    <li>
                                        <div class="comment-main-level">
                                            
                                            <div class="comment-avatar"><img src="(*comment_avatar*)" alt=""></div>
                                            
                                            <div class="comment-box">
                                                <div class="comment-head">
                                                    <h6 class="comment-name"><a
                                                            href="(*comment_link*)">(*comment_fullname*)</a></h6>
                                                    <span>(*comment_date format="%A %e %B %y , %H:%M"*)</span>
                                                    
    <i class="fa fa-reply"></i>
    <i class="fa fa-heart"></i> 
                                                    <check:if comment_website>
                                                        <a href="(*comment_website*)" rel="nofollow"><i
                                                                class="fa fa-globe"></i></a>
                                                    </check:if>

</div>
                                                <div class="comment-content">
                                                    (*comment_body*)
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <check:if comment_reply>
                                            <ul class="comments-list-reply-list">
                                                <li>
                                                    
                                                    <div class="comment-avatar"><img src="(*comment_reply_avatar*)"
                                                            alt="author avatar">
                                                    </div>
                                                    
                                                    <div class="comment-box">
                                                        <div class="comment-head">
                                                            <h6 class="comment-name by-author"><a
                                                                    href="(*comment_link*)">(*comment_reply_fullname*)</a>
                                                            </h6>
                                                            <span>(*comment_reply_date*)</span>
                                                            
                                                        </div>
                                                        <div class="comment-content">
                                                            (*comment_reply*)
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </check:if>
                                    </li>
                                </ul>
                            </view:post_comments>
                        </div>

<check:if comment_add_form>
                            <div class="comment_add_form">
                                <a name="send_comment"></a>
                                <div class="comment-add-form">(*comment_add_form*)</div>
                            </div>
                        </check:if>

</box:post_comments>

</box:post_detail>

<box:page_detail>

<check:if page_title>
                            <div class="posttitle">
                                <a href="(*page_link*)/#section" class="">
                                    <h3><strong>
                                            (*page_title*) </strong></h3>
                                </a>
                            </div>
                        </check:if>

<div class="postfullcontent">
                            <article class="">(*page_content*)</article>
                        </div>

</div>

<box:page_comments>
                        <a name="comments"></a>
                        <div class="comments">
                            <h4 class="titlecomment"><a
                                    href="(*page_link*)#comments">نظرات ((*page_comment_count*)) </a></h4>
                            <view:page_comments>
                                <a name="comment-(*comment_id*)"></a>
                                <ul id="comments-list" class="comments-list">
                                    <li>
                                        <div class="comment-main-level">

<div class="comment-avatar"><img src="(*comment_avatar*)" alt=""></div>
                                            
                                            <div class="">
                                                <div class="comment-head">
                                                    <h6 class="comment-name"><a
                                                            href="(*comment_link*)">(*comment_fullname*)</a></h6>
                                                    <span>(*comment_date format="%A %e %B %y , %H:%M"*)</span>
                                                    
                                                    <check:if comment_website>
                                                        <a href="(*comment_website*)"><i class="fa fa-globe"></i></a>
                                                    </check:if>

</div>
                                                <div class="comment-content">
                                                    (*comment_body*)
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <check:if comment_reply>
                                            <ul class="comments-list-reply-list">
                                                <li>
                                                    
                                                    <div class="comment-avatar"><img src="(*comment_reply_avatar*)"
                                                            alt="author avatar">
                                                    </div>
                                                    
                                                    <div class="">
                                                        <div class="comment-head">
                                                            <h6 class="comment-name by-author"><a
                                                                    href="(*comment_link*)">(*comment_reply_fullname*)</a>
                                                            </h6>
                                                            <span>(*comment_reply_date*)</span>
                                                            
                                                        </div>
                                                        <div class="comment-content">
                                                            (*comment_reply*)
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </check:if>
                                    </li>
                                </ul>
                            </view:page_comments>
                        </div>
                    </box:page_comments>

<check:if comment_add_form>
                        <div class="comment_add_form">
                            <a name="send_comment"></a>
                            <div class="comment-add-form">(*comment_add_form*)</div>
                        </div>
                    </check:if>

</box:page_detail>

</div>

<div class="leftpaper">

<box:blog_info>
                    
                    <div class="info">
                        <check:if blog_image>
                            <img class="infoimg" src="(*blog_image*)" style="width:100%">
                        </check:if>
                        <check:if blog_description>
                            <div class="infodescription">
                                <p class="">
                                    (*blog_description*)
                                </p>

=
                            </div>

</check:if>

</div>
                </box:blog_info>

<check:if follow_box>
                    <div class="info">
                        <div class="infotitle">
                            دنبال کنندگان بیانی
                        </div>
                        <div class="infocontent">
                            (*follow_box*)
                        </div>
                    </div>
                </check:if>

<box:ads>
                    <div class="info">
                        <div class="infotitle">
                            تبلیغات
                        </div>
                        <div class="infocontent">
                            <view:ads>
                                (*ad*)
                            </view:ads>
                        </div>
                    </div>
                </box:ads>

<box:categories>
                    <div class="info">
                        <div class="infotitle">
                            طبقه بندی موضوعی
                        </div>
                        <ul class="infocontentright">
                            <view:categories>
                                <li class="infocontentright">
                                    <check:if category_selected>
                                        <span class="">
                                            <a class=""><i class="infocontentright" aria-hidden="true"></i>
                                                (*category_name*) <span>((*category_post_count*))</span> </a>
                                        </span>
                                    </check:if>
                                    <check:if not category_selected>
                                        <a class="infocontentright" href="(*category_link*)/#section"
                                            title=" تعداد موضوع : (*category_post_count*)"><i class=""></i>
                                            (*category_name*)  <span>((*category_post_count*))</span></a>
                                    </check:if>
                                </li>
                            </view:categories>
                        </ul>
                    </div>
                </box:categories>

<box:most_visited_posts>
                    <div class="info">
                        <div class="infotitle">
                            پربیننده ترین مطالب
                        </div>
                        <ul class="infocontent">
                            <view:most_visited_posts>
                                <li class="infocontent">
                                    <a class="" href="(*post_link*)/#section" title="تعداد بازدید: (*post_views*)"><i
                                            class=""></i> (*post_title*)
                                        <span class="">((*post_views*))</span></a>
                                </li>
                            </view:most_visited_posts>
                        </ul>
                    </div>
                </box:most_visited_posts>

<box:popular_posts>
                    <div class="info">
                        <div class="infotitle">
                            محبوب ترین مطالب
                        </div>
                        <ul class="infocontent">
                            <view:popular_posts>
                                <li class="infocontent">
                                    <a class="infocontent" href="(*post_link*)/#section"><i
                                            class="fa fa-caret-left"></i> (*post_title*)</a>
                                </li>
                            </view:popular_posts>
                        </ul>
                    </div>
                </box:popular_posts>

<box:most_commented_posts>
                    <div class="info">
                        <div class="infotitle">
                            مطالب پربحث‌تر
                        </div>
                        <ul class="infocontent">
                            <view:most_commented_posts>
                                <li class="infocontent">
                                    <a class="infocontent" href="(*post_link*)/#section"></i> (*post_title*)</a>
                                </li>
                            </view:most_commented_posts>
                        </ul>
                    </div>
                </box:most_commented_posts>

<box:recent_posts>
                    <div class="info">
                        <div class="infotitle">
                            آخرین مطالب
                        </div>
                        <ul class="infocontent">
                            <view:recent_posts>
                                <li class="infocontent">
                                    <a class="" href="(*post_link*)/#section"></i> (*post_title*)</a>
                                </li>
                            </view:recent_posts>
                        </ul>
                    </div>
                </box:recent_posts>

<box:recent_comments>
                    <div class="info">
                        <div class="infotitle">
                            آخرین نظرات
                        </div>
                        <ul class="infocontent">
                            <view:recent_comments>
                                <li class="infocontent" >
                                    <a class="infocontent" href="(*comment_link*)" style="height:53px;">
                                        <img src="(*comment_avatar*)" alt="comment avatar" class="infocontent"
                                            style="width:35px">
                                        <span class="">
                                            
                                            (*comment_body_text max="15"*)</span><br>
                                    </a>
                                </li>
                            </view:recent_comments>
                        </ul>
                    </div>
                </box:recent_comments>

<box:archive>
                    <div class="info">
                        <div class="infotitle">
                            بایگانی
                        </div>
                        <ul class="infocontent">
                            <view:archive>
                                <li class="minfocontent">
                                    <a class="infocontent" href="(*link_url*)/#section"
                                        title="تعداد پست : (*link_count*)"><i class=""></i> (*link_name*)
                                        <span>((*link_count*))</span></a>
                                </li>
                            </view:archive>
                        </ul>
                    </div>
                </box:archive>

<box:tag_cloud>
                    <div class="info">
                        <div class="infotitle">
                            برچسب ها
                        </div>
                        <div class="infocontent">
                            <p>
                                <view:tag_cloud>
                                    <span class="infocontent"><a class="tags" href="(*tag_link*)/#section">(*tag_name*) </a>
                                    </span>
                                </view:tag_cloud>
                            </p>
                        </div>
                    </div>
                </box:tag_cloud>

<box:authors>
                    <div class="info">
                        <div class="infotitle">
                            نویسندگان
                        </div>
                        <ul class="infocontent">
                            <view:authors>
                                <li class="infocontent">
                                    <a class="infocontent" href="(*author_link*)/#section"
                                        title="تعداد پست : (*author_post_count*)"><i class=""></i> (*author_name*)
                                        <span>((*author_post_count*))</span></a>
                                </li>
                            </view:authors>
                        </ul>
                    </div>
                </box:authors>

<box:daily_links>
                    <div class="info">
                        <div class="infotitle">
                            پیوندهای روزانه
                        </div>
                        <ul class="infocontent">
                            <view:daily_links>
                                <li class="infocontent">
                                    <a alt="(*link_alt*)" class="infocontent" href="(*link_url*)/#section"
                                        title="(*link_name*)" rel="nofollow"><i class=""></i> (*link_name*) </a>
                                </li>
                            </view:daily_links>
                        </ul>
                    </div>
                </box:daily_links>

<box:links>
                    <div class="info">
                        <div class="infotitle">
                            پیوندها
                        </div>
                        <ul class="infocontent">
                            <view:links>
                                <li class="infocontent">
                                    <a alt="(*link_alt*)" class="infocontent" href="(*link_url*)/#section"
                                        title="(*link_name*)" rel="nofollow"><i class=""></i> (*link_name*) </a>
                                </li>
                            </view:links>

</ul>
                    </div>
                </box:links>

<box:stat>
                    <div class="info">
                        <div class="infotitle">
                            خلاصه آمار
                        </div>
                        <ul class="infocontent">
                            <view:stat>
                                <li class="">
                                    <div class=""><span class="">(*stat_title*) : </span><span
                                            class="">(*stat_value*)</span></div>
                                            
                                </li>
                            </view:stat>
                        </ul>
                    </div>
                </box:stat>

</div>
            
        </div>
        
    </div>

<footer class="footer">		
           <span class="left"><a href="http://www.willpc.ir"> طراح قالب : رایانه فردا </a></span>
           <span class="right">تمامی حقوق مادی و معنوی این وبلاگ محفوظ است</span>
        </footer>

</body>

</html>

کد Css قالب :

body{
    background: url('https://i.pinimg.com/originals/b0/40/23/b04023c521026f3a58cad3f7bbeb4da7.jpg');
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
   
}
.all{
    width: 100%;
    display: block;
    margin: auto;
    
    
    
}
.clear{
    clear: both;
    content: "";
}
*{
    
    font-family:'yekan','Times New Roman', Times, serif ;
    box-sizing: border-box;
    
    
}
ul{
    list-style: square;
}
a{
    text-decoration: none;
}
.menubox{
  float: right;
  margin: 0;
  width: 100%;
  
  background-color: #cd84f1a1;
  
}
.menubox ul li{
display: inline-block;
margin: 10px 20px;
}
.boxheader{
    margin: 0;
    width: 100%;
    float: right;
    text-align: center;
    padding: 10px;
    background: #7efff4b4;
    border-radius: 0 0 30px 30px;
}
.boxmessage{
    background-color: linen;
    text-align: center;
    font-size: 15px;
}

.row{
    /* background-color: rgba(118, 185, 30, 0.712); */
    width: 100%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
}
.rightpaper{
    flex: 69%;
    margin-left: 2%;
    margin-right: 2%;
    
    
    direction: rtl;
}
.leftpaper{
   
   flex: 23%;
    direction: rtl;
    margin-right: 2%;
    margin-left: 2%;
    font-size: 15px;
}
.leftpaper ul{
    list-style: none;
}

.post_list_title{
    text-align: center;
}
.post{
    width: 100%;
    display: block;
    margin: auto;
    
    background-color: #c8d6e594;
    border-radius: 20px;
    
    
}
.posttitle{
    width: 90%;
    text-align: center;
    font-size: 18px;
    background-color: #32ff7dc4;
    margin-bottom: 10px;
    display: block;
    margin: 10px auto;
    border-radius: 20px;
}
.postsummary{
    padding: 10px 20px;
    width: 100%;
    border: 1px dotted red;
    display: block;
    margin: auto;
    border-radius: 10px;
    background-color: #f5f6fa;
    font-size: 15px;
    overflow: hidden;

}
.rightinfo{
display: flex;
flex-direction: row;
justify-content: space-evenly;
background-color: #dfe4ea;
border-radius: 20px;
width: 90%;
margin: 10px auto;
padding: 10px;
font-size: 14px;
overflow: hidden;

}
.readmore{
    height: 50px;
    
    margin: 10px;
    
    float: left;
    padding: 5px;
    border-radius: 10px;
}

.boxpagination{
text-align: center;
background-color: whitesmoke;
margin: 10px 50px;
border-radius: 10px;
font-size: 20px;
}
.fullcontent{
    padding: 30px;
    width: 100%;
    height: auto;
    background-color: #c8d6e58c;
    margin: 10px auto;
    border-radius: 20px;
    overflow: hidden;
}
.postfullcontent{
    text-align: right;
    direction: rtl;
    margin: 20px auto;
    border: 1px dotted red;
    width: 100%;
    border-radius: 10px;
    height: auto;
    display: block;
    background-color: #f5f6fa;
    padding: 10px 20px;
    font-size: 15px;
}

.info{
    background-color: #f5f6fa;
    border-radius: 20px;
    margin: 10px auto;
}
.infoimg{
width: 99%;
height: auto;
margin: 10px auto;
}
.comments{
    display: block;
    background-color:rgba(245, 245, 245, 0.781);
    width: 98%;
    height: auto;
    padding: 20px 10px;
    border-radius: 30px;
    margin: 10px auto;

}
.infodescription{
    padding: 10px;
    margin: 10px auto;
    text-align: justify;
    direction: rtl;
    display: block;

}
.infotitle{
    text-align: center;
    padding: 5px;
    margin: 20px 10px;
    background-color: #32ff7dc4;
    border-radius: 10px;
}
.infocontent{
    text-align: center;
    margin: 2px auto;
    padding: 1px;
   
    
}
.infocontentright{
    text-align: right;
}
.comment-avatar{
    float: right;
    width: 100px;
    height: 100px;
    margin: 5px 10px;
    border-radius: 50%;
    
}
.comment-main-level{
    background-color: rgba(238, 90, 36, 0.616);
    border-radius: 20px;
    margin: 5px 10px;
}
/* .comments-container{
    background: white;
    display: block;
    margin: 30px auto;
} */
.titlecomment{
    text-align: center;
    padding: 10px ;
    font-size: 20px;
    background-color: rgba(128, 255, 0, 0.705);
    width: 90%;
    display: block;
    margin: 10px auto;
    border-radius: 30px;
}

.comments-list-reply-list{
    background-color: #ffd42a9d;
    border-radius: 20px;
    margin: 10px;
}
.comment_add_form{
    background-color: #f7f1e3;
    margin: 10px 10px;
    border-radius: 20px;
}
.comment-content{
    
    text-align: right;
    padding: 2px 20px;
    direction: rtl;
    margin: 20px 50px;
}
.reply{
    background-color: #EE5A24;
}
.comment-name{
    float: right;
    padding: 2px;
    margin: 2px;
}
.right{
    float: right;
    padding-right: 10px;
    
}
.left{
    float: left;
    padding-left: 10px;
    
}
/* @media screen and (max-width:1140px) {
    .leftpaper {
        
        width: 30%;
        margin: 10px;
        
    }
    .rightpaper{
        width: 65%;
        margin: 10px;
    }
} */
@media screen and (max-width:540px) {

/* .rightpaper , .leftpaper{
    width:100%;
    font-size: 15px;
    } */
    .row{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        
    }
    .menubox ul li{
        display: inline-block;
        
        overflow: auto;
        
    }
    .boxpagination{
        font-size: 15px;
    }
   
}
/* @media screen and (max-width:720px) {
    .leftpaper , .rightpaper{
        
        width: 100%;
        
       
    }
    .post{
        display: block;
        margin: auto;
        
    }
    .leftpaper::after , .rightpaper::after{
        clear: both;
    }
    .menubox ul li{
        display: block;
        text-align: center;
        font-size: 15px;
        
    }
    .posttitle{
        font-size: 15px;
        width: 100%;
        display: block;
        margin: auto;
    }
    
} */
.send_comment{
    margin: 10px;
    padding:10px;
}
.menubox ul li{
    font-size: 15px;
    
}
.menubox ul {
    direction: rtl;
}
.menubox ul li a:hover{
    background-color: white;
    border-radius: 20px;
}
.footer{
    
    background-color: rgba(204, 250, 0, 0.747);
    border-radius: 10px;
    padding: 5px;
    width: 100%;
    height: 40px;
    font-size: 15px;
    overflow:hidden;
}
.footer a:hover{
background-color: white;
border-radius: 20px;
}
a:hover{
    background-color: white;
    border-radius: 10px;
}
a:active{
    color: white;
}
.tags{
    background-color: rgba(0, 255, 13, 0.767);
    border-radius: 10px;
    margin: 2px;
}
.like{
    float: left;
    display: flex;
    flex-direction: column;
    margin: 10px;
    
}
.like img{
    border-radius: 30px;
    background-color: none;
    float: left;
    margin: 10px;
}
.postfullcontent img{
   
   width: 100%;
   object-fit: contain;
}
.postsummary img{
    width: 100%;
    object-fit: contain;
    
}

آموزش تغییر قالب در بیان :