نمایش نتایج: از شماره 1 تا 2 , از مجموع 2

موضوع: زيباتر كردن و پيشرفته تر كردن فوتر

  1. #1
    تاریخ عضویت
    Jul 2009
    محل سکونت
    E:\xampp\htdocs
    سن
    27
    نوشته ها
    881
    سپاس ها
    158
    سپاس شده 1,466 در 579 پست

    پیش فرض زيباتر كردن و پيشرفته تر كردن فوتر

    به نام خدا

    خب با آموزشي كه قرار ميدم ميتونيد فوتر خودتون رو زيباتر كنيد.

    اول عكس ها رو داخل پوشه images آپلود كنيد

    كد هاي زير رو به [برای مشاهده لینک ها عضو سایت شوید برای عضویت در سایت بر روی اینجا کلیک کنید] additional.css خودتون اضافه كنيد:

    کد:
    /* Begin custom footer rework*/
    
    .tgfooter {
        background:#dbe2ea;
        font:normal 14px B koodak,Tahoma, Helvetica, sans-serif;
        color:#323232;
    }
    .tgfooter1 {
        height:41px;
        font:normal 14px B koodak,Tahoma, Helvetica, sans-serif;
        color:#323232;
        line-height:35px;
        padding:0 17px;
    }
    .tgftime {
        float:left;
    }
    .tgflinks {
        margin:0;
        padding:0;
        list-style:none;
        float:right;
    }
    .tgflinks li {
        float:left;
        margin-left:12px;
        display:inline;
    }
    .tgfooter1 a {
        color:#182433;
        text-decoration:none;
    }
    .tgfooter1 a:hover {
        color:#417394;
        text-decoration:none;
    }
    .tgfooter2 {
        background:url(images/f2.png) repeat-x left top;
        height:241px;
    }
    .tgfooter2-in {
        background:url() no-repeat left top;
        height:241px;
    }
    .tgfooter2-in2 {
        background:url() no-repeat right top;
        height:223px;
        padding:18px 38px 0 23px;
    }
    .tgfooter2 a {
        color:#323232;
        text-decoration:none;
    }
    .tgfooter2 a:hover {
        color:#417394;
        text-decoration:none;
    }
    .tgfwl {
        float:left;
        width:236px;
    }
    .tgfwl h4, .tgfwm h4 {
        margin:0;
        padding:0 15px;
        background:url(images/header_footerBG.png) no-repeat left top;
        height:28px;
        font:normal 15px B koodak,Tahoma, Helvetica, sans-serif;
        color:#fff;
        line-height:28px;
    }
    .tgfwl ul {
        margin:0;
        padding:5px 2px 0 15px;
        list-style:none;
    }
    .tgfwl ul li {
        font:normal 14px B koodak,Tahoma, Helvetica, sans-serif;
        color:#323232;
        line-height:100%;
        padding:9px 0;
        background:url(images/dotted.png) repeat-x left bottom;
    }
    .tgfwl ul li a {
        color:#323232;
        text-decoration:none;
    }
    .tgfwr {
        float:right;
        width:262px;
    }
    .tgfwr2 {
        padding-left:68px;
        padding-top:10px;
        color:#010000;
    }
    
    .tgfwr2 div select {
        margin-top:5px;
        width:170px;
    }
    .tgfwr2 a {
        color:#010000;
        text-decoration:none;
    }
    .tgfwr2 a:hover {
        color:#417394;
        text-decoration:none;
    }
    .tgfwm {
        width:236px;
        padding-right:26px;
        margin:0 auto;
    }
    .tgfwm p {
        font:normal 14px B koodak,Tahoma, Helvetica, sans-serif;
        color:#323232;
        padding:10px 0 10px 15px;
    }
    .ttgfooter3 {
        padding:20px 17px;
        font:normal 11px B koodak,Tahoma, Helvetica, sans-serif;
        color:#323232;
        text-align:center;
    }
    
    /* End custom footer rework*/
    بعد قالب 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">
    
        <form action="{vb:link forumhome|nosession}" method="get" id="footer_select" class="footer_select">
    
            <vb:if condition="$show['quickchooser']">
                <select name="styleid" onchange="switch_id(this, 'style')">
                    <optgroup label="{vb:rawphrase quick_style_chooser}"><option class="hidden"></option></optgroup>
                    <vb:if condition="$quickchooserbits1">
                        <vb:if condition="$quickchooserbits2">
                        <optgroup label="&nbsp;{vb:rawphrase standard_styles}">
                        </vb:if>                
                        {vb:raw quickchooserbits1}
                        <vb:if condition="$quickchooserbits2">
                        </optgroup>
                        </vb:if>                    
                    </vb:if>
                    <vb:if condition="$quickchooserbits2">
                        <vb:if condition="$quickchooserbits1">
                        <optgroup label="&nbsp;{vb:rawphrase mobile_styles}">
                        </vb:if>
                        {vb:raw quickchooserbits2}
                        <vb:if condition="$quickchooserbits1">
                        </optgroup>
                        </vb:if>                    
                    </vb:if>
                </select>    
            </vb:if>
            
            <vb:if condition="$show['languagechooser']">
                <select name="langid" onchange="switch_id(this, 'lang')">
                    <optgroup label="{vb:rawphrase quick_language_chooser}">
                        {vb:raw languagechooserbits}
                    </optgroup>
                </select>
            </vb:if>
        </form>
    
        <ul id="footer_links" class="footer_links">
            <vb:if condition="$show['contactus']"><li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li></vb:if>
            <vb:if condition="$vboptions['hometitle']"><li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
            <vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
            <vb:if condition="$show['modcplink']"><li><a href="{vb:raw modcpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase mod}</a></li></vb:if>
            <vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
            {vb:raw template_hook.footer_links}
            <vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
            <vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if>
            <li><a href="{vb:raw relpath}#top" onclick="document.location.hash='top'; return false;">{vb:rawphrase top}</a></li>
        </ul>
        
        
        <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>
    <!-- closing div for body_wrapper -->
    
    <div class="below_body">
    <div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
    <!-- TomorrowsGaming Custom Footer Rework Begin -->
    <div class="tgfooter2">
        <div class="tgfooter2-in">
            <div class="tgfooter2-in2">
                <div class="tgfwl">
                    <h4>تاپيك هاي پيشنهادي ما</h4>
                    <ul>
                        <li><a 
    
    href="http://www.wikiblogs.ir/thread1844.html/">قالب هاي عاشقانه</a> </li>
                        <li><a 
    
    href="http://www.wikiblogs.ir/thread1882.html/">
                        قالب هاي هنري</a></li>
                        
    
                    </ul>
                </div>
                <div class="tgfwr">
                    <div>
                        
    <a href="http://www.facebook.com/profile.php?id=100002461695927"><img alt="" src="http://www.wikiblogs.ir/imagees/facebook1.png" style="width: 64px; height: 64px;" /></a>
    <a href="http://www.wikiblogs.ir/site/feed"><img alt="" src="http://www.wikiblogs.ir/imagees/rss1.png" style="width: 64px; height: 64px;" /></a>
    </div>
                    <div class="tgfwr2">
                        <div>
                            <a 
    
    href="http://www.wikiblogs.ir/misc.php?do=showrules">
                            قوانين انجمن</a> |
                            <a 
    
    href="http://www.wikiblogs.ir/newpostinthread2129.html">
                            اخبار انجمن</a></div>
                        <div>
                            <form 
    
    action="http://tomorrowsgaming.com/" method="get" id="footer_select" 
    
    class="footer_select">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="tgfwm">
                    <h4>درباره ويكي بلاگز</h4>
                    <p>اين انجمن با عنوان مرجع تخصصي وبلاگ نويسان ايراني خدمات رسانی خود را در سال 1390 آغاز کرد و همواره سعي آن ارتقا سطح طراحي بوده است .
    در صورت داشتن سايت , با ما تبادل لینک کنید </p>
                </div>
            </div>
        </div>
    </div><br />
    <!-- TomorrowsGaming Custom Footer Rework Ends -->
    <div id="footer_copyright" class="shade footer_copyright">
        <!-- Do not remove this copyright notice -->
        {vb:rawphrase powered_by_vbulletin}
        <!-- Do not remove this copyright notice -->    
    </div>
    <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 -->
        {vb:raw vboptions.copyrighttext}
        {vb:raw template_hook.footer_copyright}
    </div>
    {vb:raw ad_location.ad_footer_end} 
    <vb:if condition="$vboptions['enablefacebookconnect']">
        {vb:raw facebook_footer}
    </vb:if>
    </div>
    </div>
    تصاویر کوچک فایل پیوست تصاویر کوچک فایل پیوست wikiblogs.jpg  
    فایل های پیوست شده فایل های پیوست شده
    • نوع فایل: zip Images.zip (4.3 کیلو بایت, 13 نمایش)

  2. 10 کاربر از پست مفید MR-ALIREZA سپاس کرده اند .

    Coderx (10-10-2012), hossein_nasiry9 (04-30-2012), irantaze (04-30-2012), iroption (01-06-2013), mahdiak (07-27-2012), MaMaD (05-01-2012), mr.bahram (04-30-2012), princo (05-01-2012), Sh_Eagle (04-30-2012), WikiPHp (07-18-2012)

  3. #2
    تاریخ عضویت
    Jul 2012
    نوشته ها
    5
    سپاس ها
    10
    سپاس شده 0 در 0 پست

    پیش فرض پاسخ : زيباتر كردن و پيشرفته تر كردن فوتر

    سلام

    مرسی جالبه اما کدها یکم مشکل تو قالب به وجود میاره

    تو مدیریت مشکل داره

    تیک پست یا ... رو میزنی واسه پاک کردن پست و ... از حالت اژاکس در میاد انتخاب نمیشن و منو ها هم مشکل میشه

    رو چنتا ورژن و قالب هم تست کردم همین مشکل بود

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •