آموزش قرار دادن فوتر انجمن به سبک فعلی وی بی ایران
امتیاز:

درود .
همونطور که میدونید Footer انجمن هایی که وی بی ایران استفاده و یا طراحی میکند ، چند ماهی هست به شکلی جدید و اختصاصی آماده می شوند .
اوایل که بدون اجازه بعضی از سایت ها برداشتند ، بعدش هم در بعضی قالب ها عمومی شد .
این تاپیک آموزش جداگانه قراردادن این فوتر هست ، تا دوستانی که استایل های دیگری دارند بتونند استفاده کنند .
جستجو در قالب ها بروید و Footer رو سرچ کنید .
کد های زیر رو جایگزین همه کد ها ی آن کنید .
برای تغییر در نوشته ها کد های بالا را ویرایش کنید .کد:<vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])"><div style="clear: {vb:stylevar left}"> {vb:raw ad_location.ad_footer_start} {vb:raw ad_location.global_above_footer} </div> </vb:if> <div id="footer" class="floatcontainer footer" style="background:none;border:none;"> <vb:if condition="$show['dst_correction']"> <!-- auto DST correction code --> <form action="profile.php?do=dst" method="post" name="dstform"> <input type="hidden" name="s" value="{vb:raw session.sessionhash}" /> <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" /> <input type="hidden" name="do" value="dst" /> </form> <script type="text/javascript"> <!-- var tzOffset = {vb:raw bbuserinfo.timezoneoffset} + {vb:raw bbuserinfo.dstonoff}; var utcOffset = new Date().getTimezoneOffset() / 60; if (Math.abs(tzOffset + utcOffset) == 1) { // Dst offset is 1 so its changed document.forms.dstform.submit(); } //--> </script> <!-- / auto DST correction code --> </vb:if> <script type="text/javascript"> <!-- // Main vBulletin Javascript Initialization vBulletin_init(); //--> </script> {vb:raw template_hook.footer_javascript} </div> </div> <!-- closing div for body_wrapper --> <div class="below_body"> <div id="footer_morecopyright" class="shade footer_morecopyright"> <!-- Do not remove cronimage or your scheduled tasks will cease to function --> {vb:raw cronimage} <!-- Do not remove cronimage or your scheduled tasks will cease to function --> </div> </div> <div class="clear"></div> <!-- closing div for body_wrapper --> <vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])"> <div class="main_wrap"> <div style="clear: {vb:stylevar left}"> {vb:raw ad_location.ad_footer_start} {vb:raw ad_location.global_above_footer} </div> </vb:if> </div> </div> <br /> <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"> <div class="vbiranfoot1"> لینک دوستان </div><br /><br /><br /> <ul style="float:right;"> <li><a href="http://www.appget.ir/">مرجع اپ iOS واندروید</a></li> <li><a href="http://www.topmag.ir/">مجله اینترنتی تاپ مگ </a></li> <li><a href="http://www.php-bb.ir/forum/">خدمات نوین phpBB</a></li> <li><a href="http://www.fun2fun.ir/">تالار فان2فان</a></li> </ul> <ul style="float:right;margin-right:15px"> <li><a href="http://diacoweb.ir/">دیاکو وب</a></li> <li><a href="http://pctech.ir/">PCTech</a></li> </ul> </div> </div> <div id="footer_column_2"> <div class="footer_column_inner"> <div class="vbiranfoot2"> برخی از مشتریان </div><br /><br /><br /> <ul style="float:right;"> <li><a href="#">پاتوق یو</a></li> <li><a href="#">دانلود ها</a></li> <li><a href="#">اندرویدیها</a></li> <li><a href="#">البرز دانلود</a></li> <li><a href="#">آلامتو</a></li> <li><a href="#">ایران بلاگ</a></li> </ul> <ul style="float:right;margin-right:15px"> <li><a href="#">نیک صالحی</a></li> <li><a href="#">پرشین فال</a></li> <li><a href="#">انجمن I-OS</a></li> <li><a href="#">پرشین اسکریپت</a></li> </ul> </div> </div> <div id="footer_column_3"> <div class="footer_column_inner"> <div class="vbiranfoot3"> درباره وی بی ایران </div> <div><br /><br /><br /> سایت وی بی ایران با عنوان نخستین مرجع "رایگان" ویبولتین در ایران خدمات رسانی خود را در سال 1388 آغاز کرد . از لحظه تولد تاکنون وی بی ایران همواره سعی در بکارگیری شیوه های مدیریتی جدید و خدمات نوین داشته است . وی بی ایران مفتخر است که توسط <a href="http://www.hostdl.com">هاست دی ال </a> میزبانی میشود . <br /> <font color="#55900f">اگر سایتی با پیج رنک 4 به بالا دارید میتوانید با ما تبادل لینک کنید .</font><br />{vb:rawphrase all_times_are_gmt_x_time_now_is_y} <br /><br /> <img src="http://www.vbiran.ir/images/vbiranv4/mail.png" alt="ایمیل" /> پست الکترونیکی مدیریت سایت : [email protected] <br /> <img src="http://www.vbiran.ir/images/vbiranv4/mob.png" alt="پیامک" /> همراه جهت پیامک : 8909043 - 0935 </div> </div> </div> <div id="footer_column_4"> <div class="footer_column_inner"> <div class="vbiranfoot4"> وی بی ایران را دنبال کنید ! </div> <div> <br /><br /><br /> <img src="http://www.vbiran.ir/images/vbiranv4/linkedin.png" alt="Linkedin" /> <a href="http://www.facebook.com/vbiran.ir"><img src="http://www.vbiran.ir/images/vbiranv4/facebook.png" alt="Facebook" /></a> <a href="http://twitter.com/vbiran"><img src="http://www.vbiran.ir/images/vbiranv4/twitter.png" alt="Twitter" /></a> <br /> <a href="ymsgr?sendim=vbiran.ir_1"><img src="http://www.vbiran.ir/images/vbiranv4/yahoo.png" alt="Yahoo" /></a> <img src="http://www.vbiran.ir/images/vbiranv4/rss.png" alt="RSS" /> </div> <div class="clear"></div> </div></div> <div class="clear"></div> </div> </div></div></div> <!-- 7apr --> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div>
حال به قالب Additional.css بروید و به آخر آن کد های زیر را اضافه کنید .
کد:.vbiranfoot1 { text-align: right; text-shadow:1px 1px black; font-family:BKoodakBold; font-size:19px; position:absolute; background: url(images/vbiranv4/vb_link.png) no-repeat right -10px; padding: 7px 50px 2px 10px; height:48px; color:white; } .vbiranfoot2 { text-align: right; text-shadow:1px 1px black; font-family:BKoodakBold; font-size:19px; position:absolute; background: url(images/vbiranv4/moshtarian.png) no-repeat right -4px; padding: 7px 50px 2px 10px; height:55px; color:white; } .vbiranfoot3 { text-align: right; text-shadow:1px 1px black; font-family:BKoodakBold; font-size:19px; position:absolute; background: url(images/vbiranv4/mug.png) no-repeat right -10px; padding: 7px 50px 2px 10px; height:48px; color:white; } .vbiranfoot4 { text-align: right; text-shadow:1px 1px black; font-family:BKoodakBold; font-size:19px; position:absolute; background: url(images/vbiranv4/follow_vbiran.png) no-repeat right -8px; padding: 7px 55px 2px 10px; height:48px; color:white; } .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 { float: left; width: 25%; text-align: right; } #footer_column_2 { float: left; width: 17%; text-align: right; } #footer_column_3 { float: left; width: 28%; text-align: right; } #footer_column_4 { float: right; width: 30%; text-align: right; } .footer_column_header { padding-bottom: 8px; text-align: right; font-family: BKoodakBold; font-size: 19px; color: {vb:stylevar blockhead_color}; text-shadow:1px 1px black; }
نمونه شات :
![]()
علاقه مندی ها (Bookmarks)