قالب فوتر مای بی بی – سری اول
سلام
در مطالب گذشته که در رابطه با سیستم انجمن ساز مای بی بی گذاشته بودیم و با استقبال شما عزیزان رو به رو شد ، در این مطلب قصد داریم تا در فوتر قالبمون تغییرات ایجاد کنیم و زیباترش کنیم ؛ به همین صورت در طی مطالبی که در آینده میذارم هر سری یک قالب فوتر قرار میدم .
فوتری که میخوایم به قالبمون اضافه کنیم ، این هست :
آموزش :
- وارد کنترل پنل انجمن بشید ؛ سپس قالب و پوسته ها => قالب ها => قالب مورد نظر را انتخاب کنید => قالب های پا نوشت (footer) و سپس footer را انتخاب کنید و کد های زیر رو جایگزین کدهای موجود بکنید :
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ ۱۵ ۱۶ ۱۷ ۱۸ ۱۹ ۲۰ ۲۱ ۲۲ ۲۳ ۲۴ ۲۵ ۲۶ ۲۷ ۲۸ ۲۹ ۳۰ ۳۱ ۳۲ ۳۳ ۳۴ ۳۵ ۳۶ ۳۷ ۳۸ ۳۹ ۴۰ ۴۱ ۴۲ ۴۳ ۴۴ ۴۵ ۴۶ ۴۷ ۴۸ ۴۹ ۵۰ ۵۱ ۵۲ ۵۳ ۵۴ ۵۵ ۵۶ ۵۷ ۵۸ ۵۹ ۶۰ ۶۱ ۶۲ ۶۳ ۶۴ ۶۵ ۶۶ ۶۷ ۶۸ ۶۹ ۷۰ ۷۱ ۷۲ ۷۳ ۷۴ ۷۵ ۷۶ ۷۷ ۷۸ ۷۹ ۸۰ ۸۱ ۸۲ ۸۳ ۸۴ ۸۵ ۸۶ ۸۷ ۸۸ ۸۹ ۹۰ ۹۱ ۹۲ ۹۳ ۹۴ ۹۵ ۹۶ ۹۷ ۹۸ ۹۹ ۱۰۰ ۱۰۱ ۱۰۲ ۱۰۳ ۱۰۴ ۱۰۵ ۱۰۶ ۱۰۷ ۱۰۸ ۱۰۹ ۱۱۰ ۱۱۱ ۱۱۲ ۱۱۳ ۱۱۴ ۱۱۵ ۱۱۶ ۱۱۷ ۱۱۸ ۱۱۹ ۱۲۰ ۱۲۱ ۱۲۲ ۱۲۳ ۱۲۴ ۱۲۵ ۱۲۶ ۱۲۷ ۱۲۸ ۱۲۹ ۱۳۰ ۱۳۱ ۱۳۲ ۱۳۳ ۱۳۴ ۱۳۵ ۱۳۶ ۱۳۷ ۱۳۸ ۱۳۹ ۱۴۰ ۱۴۱ ۱۴۲ ۱۴۳ ۱۴۴ ۱۴۵ ۱۴۶ ۱۴۷ ۱۴۸ ۱۴۹ ۱۵۰ ۱۵۱ ۱۵۲ ۱۵۳ ۱۵۴ ۱۵۵ ۱۵۶ ۱۵۷ ۱۵۸ ۱۵۹ ۱۶۰ ۱۶۱ ۱۶۲ ۱۶۳ ۱۶۴ ۱۶۵ ۱۶۶ ۱۶۷ ۱۶۸ ۱۶۹ ۱۷۰ ۱۷۱ ۱۷۲ ۱۷۳ ۱۷۴ ۱۷۵ ۱۷۶ ۱۷۷ ۱۷۸ ۱۷۹ ۱۸۰ ۱۸۱ ۱۸۲ ۱۸۳ ۱۸۴ ۱۸۵ ۱۸۶ ۱۸۷ ۱۸۸ ۱۸۹ ۱۹۰ ۱۹۱ ۱۹۲ ۱۹۳ ۱۹۴ ۱۹۵ ۱۹۶ ۱۹۷ ۱۹۸ ۱۹۹ ۲۰۰ ۲۰۱ ۲۰۲ ۲۰۳ ۲۰۴ ۲۰۵ ۲۰۶ ۲۰۷ ۲۰۸ ۲۰۹ ۲۱۰ ۲۱۱ ۲۱۲ ۲۱۳ ۲۱۴ ۲۱۵ ۲۱۶ ۲۱۷ ۲۱۸ ۲۱۹ ۲۲۰ ۲۲۱ ۲۲۲ ۲۲۳ ۲۲۴ ۲۲۵ ۲۲۶ ۲۲۷ ۲۲۸ |
<style type="text/css"> #body_footer { border-top: ۱px solid #dddddd; border-bottom: ۱px solid #f8f8f8; padding: ۱۰px 0px; text-shadow: ۰ ۰ ۰ transparent, 0px ۱px 0px #ffffff; } #contenttypeid .textbox, textarea, select { border: ۱px solid #dddddd; } .isandfoot2,.isandfoot3,.isandfoot1{ padding: ۵px ۳۵px ۵px ۱۰px; height:۲۵px; color:white; text-align: right; text-shadow:۱px ۱px black; font-family:BKoodakBold !important; font-size:۱۹px; position:absolute; width:۲۷۱px; } #footer_time .time { color: #cccccc; } .footer_time { padding: ۲۰px 0px ۱۰px 0px; } .footer { text-align: left; float: left; margin-top: 0px; padding: 0px; } .footer_links { margin: 0px; } .footer_links li { margin-right: ۷px; margin-left: 0px; padding: 0px; } #foot .footer_links li { padding: 0px; } .foot_bg{background:#۳۴۳۷۳۹ url(http://beporsam.ir/wp-content/uploads/2016/05/footer-top-bg.png) ;} #foot { margin: ۰ auto; background:url(http://beporsam.ir/wp-content/uploads/2016/05/footer-light.jpg); background-repeat-x: repeat; background-repeat-y: no-repeat; line-height: ۱۹px; text-shadow: ۰ ۰ ۰ transparent, ۰ ۱px ۰ #۰۰۰۰۰۰; } #foot li { padding-bottom: ۵px; } #foot_top { color: #fff; padding: ۲۵px 0px ۲۰px 0px; } #foot_top a { color: #ffffff; } #foot_top a:hover { color: #aaaaaa; } #foot_bottom { font-size: ۱۲px; padding: 0px 0px 0px 0px; background: #۲۲۲۲۲۲; color: #aaaaaa; text-align: center; } #foot_bottom a { color: #ffffff; } #foot_bottom a:hover { color: #aaaaaa; } #foot_bottom_inner { padding: ۱۵px 0px; } .footer_morecopyright { color: #۸۸۸۸۸۸; font-size: ۱۲px; text-align: left; float: right; margin-top: 0px; padding-bottom: 0px; } .footer_column_inner { padding: 0px ۱۵px; } #footer_column_1,#footer_column_2,#footer_column_3 { float: left; width: ۳۳%; text-align: right; } .footer_column_header { padding-bottom: ۸px; text-align: right; font-family: BKoodakBold !important; font-size: ۱۹px; color: #ffffff; text-shadow:۱px ۱px black; } #social_icons_footer { clear: both; text-align: left; padding-bottom: ۱۵px; } #social_icons_footer img { margin-top: ۴px; margin-right: ۴px; opacity: ۰.۶; } #social_icons_footer img:hover { -webkit-transition: all ۰.۲۵s ease-in-out 0s; -moz-transition: all ۰.۲۵s ease-in-out 0s; -o-transition: all ۰.۲۵s ease-in-out 0s; transition: all ۰.۲۵s ease-in-out 0s; opacity: ۱; } .is_footer{padding: ۲۲px ۰; width:۱۰۰%; background: url(http://beporsam.ir/wp-content/uploads/2016/05/copyright-bg.png) repeat-x;} .footercopyright{width:۱۰۰۰px; margin:۰ auto; color: #fff;text-shadow: ۱px ۱px ۱px #۰۰۰۰۰۰;} .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="۳۰" height="۳۰" 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="۳۰" height="۳۰" 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="۳۰" height="۳۰" 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 یک کپی بگیرید ، تا در صورت خرابی قالب نگران نباشید .
موفق باشید .
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید