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

درود .

همونطور که میدونید 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" /> &nbsp; <a href="http://www.facebook.com/vbiran.ir"><img src="http://www.vbiran.ir/images/vbiranv4/facebook.png" alt="Facebook" /></a> &nbsp; <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> &nbsp; <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;
}

نمونه شات :