قالب فوتر مای بی بی – سری اول

سلام

در مطالب گذشته که در رابطه با سیستم انجمن ساز مای بی بی گذاشته بودیم و با استقبال شما عزیزان رو به رو شد ، در این مطلب قصد داریم تا در فوتر قالبمون تغییرات ایجاد کنیم و زیباترش کنیم ؛ به همین صورت در طی مطالبی که در آینده میذارم هر سری یک قالب فوتر قرار میدم .

فوتری که میخوایم به قالبمون اضافه کنیم ، این هست :

آموزش :

• وارد کنترل پنل انجمن بشید ؛ سپس قالب و پوسته ها => قالب ها => قالب مورد نظر را انتخاب کنید => قالب های پا نوشت (footer)  و سپس footer را انتخاب کنید و کد های زیر رو جایگزین کدهای موجود بکنید :

<style type="text/css">
	#body_footer {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #f8f8f8;
    padding: 10px 0px;
    text-shadow: 0 0 0 transparent, 0px 1px 0px #ffffff;
}

#contenttypeid .textbox, textarea, select {
    border: 1px solid #dddddd;
}
.isandfoot2,.isandfoot3,.isandfoot1{
    padding: 5px 35px 5px 10px;
    height:25px;
    color:white;
    text-align: right;
    text-shadow:1px 1px black;
    font-family:BKoodakBold !important;
    font-size:19px;
    position:absolute;
    width:271px;
}


#footer_time .time {
    color: #cccccc;
}

.footer_time {
    padding: 20px 0px 10px 0px;
}

.footer {
    text-align: left;
    float: left;
    margin-top: 0px;
    padding: 0px;
}

.footer_links {
    margin: 0px;
}

.footer_links li {
    margin-right: 7px;
    margin-left: 0px;
    padding: 0px;
}

#foot .footer_links li {
    padding: 0px;
}


.foot_bg{background:#343739 url(https://beporsam.ir/wp-content/uploads/2016/05/footer-top-bg.png) ;}

#foot {
    
        margin: 0 auto;
    background:url(https://beporsam.ir/wp-content/uploads/2016/05/footer-light.jpg);
        background-repeat-x: repeat;
        background-repeat-y: no-repeat;
    line-height: 19px;
    text-shadow: 0 0 0 transparent, 0 1px 0 #000000;
}

#foot li {
    padding-bottom: 5px;
}

#foot_top {
    color: #fff;
    padding: 25px 0px 20px 0px;
}

#foot_top a {
    color: #ffffff;
}

#foot_top a:hover {
    color: #aaaaaa;
}

#foot_bottom {
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    background: #222222;
    color: #aaaaaa;
    text-align: center;
}

#foot_bottom a {
    color: #ffffff;
}

#foot_bottom a:hover {
    color: #aaaaaa;
}

#foot_bottom_inner {
    padding: 15px 0px;
}

.footer_morecopyright {
    color: #888888;
    font-size: 12px;
    text-align: left;
    float: right;
    margin-top: 0px;
    padding-bottom: 0px;
}

.footer_column_inner {
    padding: 0px 15px;
}

#footer_column_1,#footer_column_2,#footer_column_3 {
    float: left;
    width: 33%;
    text-align: right;
}

.footer_column_header {
    padding-bottom: 8px;
    text-align: right;
    font-family: BKoodakBold !important;
    font-size: 19px;
    color: #ffffff;
text-shadow:1px 1px black;
}

#social_icons_footer {
    clear: both;
    text-align: left;
    padding-bottom: 15px;
}

#social_icons_footer img {
    margin-top: 4px;
    margin-right: 4px;
    opacity: 0.6;
}

#social_icons_footer img:hover {
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    opacity: 1;
}

.is_footer{padding: 22px 0; width:100%; background: url(https://beporsam.ir/wp-content/uploads/2016/05/copyright-bg.png) repeat-x;}
.footercopyright{width:1000px; margin:0 auto; color: #fff;text-shadow: 1px 1px 1px #000000;}
.footercopyright p{text-align:left;}
</style>
<div id="footer">
<div class="foot_bg">
<div id="foot">
    <div id="foot_top">
        <div class="main_wrap">
            <div class="below_body">
                <div id="footer_column_1">
                        <div class="footer_column_inner">
                          <img width="30" height="30" src="https://beporsam.ir/wp-content/uploads/2016/05/friend.png" style="position:absolute;"/>
                            <div class="isandfoot1">لينک دوستان</div>
                            <br>
                            <br>
                            <br>
                            <ul>
                                <li>
                                    <a href="https://beporsam.ir">بپرسم</a>
                                </li>
                                <li>
                                    <a href="http://sg-designer.ir">طراحی سایت</a>
                                </li>
                                <li>
                                       <a href="http://mysite.com" >لینک </a>
                                   </li>
                                <li>
                                    <a href="http://mysite.com" >لینک </a>
                               </li>
                               </ul>
                        </div>
                    </div>
                    <div id="footer_column_2">
                        <div class="footer_column_inner">
                            <img width="30" height="30" src="https://beporsam.ir/wp-content/uploads/2016/05/contact.png" style="position:absolute;"/>
                            <div class="isandfoot2">  تماس با ما </div>
                                <br>
                                <br>
                                <br>
                                <ul>
                                    <li>
                                        ایمیل بپرسم : beporsam@gmail.com
                                    </li>
                                    <li>
										کانال تلگرامی بپرسم : @beporsam
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <div id="footer_column_3">
                        <div class="footer_column_inner">
                            <img width="30" height="30" src="https://beporsam.ir/wp-content/uploads/2016/05/info.png" style="position:absolute;"/>
                            <div class="isandfoot3"> درباره ی بپرسم </div>
                                <div>
                                    <br>
                                    <br>
                                    <br>
									بپرسم مکانی برای یادگیری و حل مشکلات است ، در بپرسم می توانید سوالات خود را بپرسید و در پاسخ گویی به دیگر سوالات سهیم باشید ، همچینن اگر علاقه مند به نویسندگی هستید می توانید مطالب خود را برای ما ارسال کنید تا با نام خودتان در سایت قرار گیرد .
                                    <br>
                                </div>
                            </div>
                        </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="is_footer">
    <div class="footercopyright">
                <div class="ischooser">
        <p>  تمامی حقوق برای بپرسم محفوظ می باشد </p>
    </div>
</div>
</div>
	</div><div id="footer_copyright" class="shade footer_copyright"> </div>

قبل از هر گونه تغییری ، از کدهای footer یک کپی بگیرید ، تا در صورت خرابی قالب نگران نباشید .

موفق باشید .