تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 4 از 4

مقاله: آموزش تغییر شکل ظاهری Footer

    1. آموزش تغییر شکل ظاهری Footer »

      آموزش تغییر شکل ظاهری Footer

      نگارش: , by (مدیر بخش)
      2013/10/25 01:09 PM
      امتیاز: 

      درود

      بدون هیچ گونه توضیح میرم سراغ اصل مطلب

      نمونه :



      ابتدا فالی که پیوست کردم رو در روت هاست بریزید

      قبل از اینکه اموزش رو انجام بدید از کدهاتون بک آپ بگیرید

      خب ابتدا به ادمین سی پی >>>استایل ها و قالب ها >>>جستجو در قالب ها >>>footer رو سرچ کنید سپس پیدا کنید :

      کد:
      <!-- closing div for body_wrapper -->
      بعد از آن قرار دهید :

      کد:
      <!---Awesome Footer--->
      </br></br>
      <div class="footer1">
          <div class="container">
              
              <div class="col4">
                  <h3>درباره انجمن</h3>
          
                  <ul><div class="hfont">
                     ,d fd 
                 </div> </ul>
              </div>
              
              <div class="col4">
                  <h3>لینک های پیشنهادی </h3>
                          
                  <ul>
                      
                      <li><a href="http://www.vbiran.ir">VBIran</a></li>
                      <li><a href="http://www.appget.ir">آپ گت </a></li>
                      <li><a href="#">لینک</a></li>                
                      <li><a href="#">لینک</a></li>
                      
                  </ul>
              </div>
              
              <div class="col4">
              
                  <h3>لینک های سریع</h3>
                  
                  <ul>
                      <li><a href="usercp.php">کنترل پنل شما </a></li>
                      <li><a href="#">لینک</a></li>
                      <!--<li><a href="/f8/list-all-eminem-albums-their-achievements-awards-17/">List of All Eminem Albums With their Achievements & Awards!</a></li>-->
                      
                  </ul>
      
              </div>
              
            <div class="col4 fallowus">
                 <h3>ما را دنبال کنید در </h3>
                  
                <p>
                    <a href="#" target="_blank"><img width="28" height="28" border="0" alt="Twitter" src="social/social_twitter.png"></a> 
                    <a href="#" target="_blank"><img width="28" height="28" border="0" alt="Facebook" src="social/social_fb.png"></a> 
      <a href="#" target="_blank"><img width="28" height="28" border="0" alt="youtube" src="social/youtube.png"></a>
                  <a href="#" target="_blank"><img width="28" height="28" border="0" alt="Flickr" src="social/social_flickr.png"></a> 
                  <a href="#" target="_blank"><img width="28" height="28" border="0" alt="DavianArt" src="social/social_da.png"></a> 
                  <a href="#" target="_blank"><img width="28" height="28" border="0" alt="Dribbble" src="social/social_dribbble.png"></a>            <a href="#"><img width="28" height="28" border="0" alt="RSS Feed" src="social/icon_rss.png"></a></p>
               
      
      </br>
                 
              
              <div class="clear"></div>
              
          </div>
      
      </div>
      
      </br>
      <!---Awesome Footer--->
      سپس در footer هر کجا کد زیر رو دیدید پاک کنید :

      کد:
      <div id="footer_time" class="shade footer_time">{vb:rawphrase all_times_are_gmt_x_time_now_is_y}</div>
      
      <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>
      حالا به ادمین سی پی >>>استایل ها و قالب ها >>>جستجو در قالب ها >>>additional.css رو سرچ کنید و کدهای زیر رو در انتهاش قرار بدید :

      کد:
      /* Awesome Footer
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
      
      .footer1 {
          margin-top: -13px;
          background: #000;
          min-height: 140px;
          padding: 45px 0 35px;
          border-radius: 5px 5px 5px 5px;
      }
      .footer1 .container .col4 h3 {
          
          font-family: 'BodoniStd-BookItalic',"Times New Roman",Times,serif !important;
          font-size: 25px;
          font-style: normal;
          margin-bottom: 22px;
          text-shadow: none; 
          border-bottom: 1px solid #FFFFFF;
          color: #FF0000;
          font-size: 18px;
          margin-bottom: 10px;
          padding-bottom: 7px;   
      }
      
      .hfont {
          color: #fff;
          font:small-caps bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
      }
      .footer1 p {
          text-shadow: none;
      }
      .footer1 a {
          color: whitesmoke;
          text-shadow: 0 1px 0 #373736;
          font:small-caps bold 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
      }
      .footer1 a:hover {
          color: #1B93DF;
      }
      .footer1 ul li {
          background: url("social/icon_dot.gif") no-repeat scroll 0 8px transparent;
          margin-bottom: 7px;
          padding-left: 10px;
         }
      .col4 {
          float: left;
         margin-left: 56px;
          width: 202px;
      }
      
      .footer1 .container .col4 h3 {
          margin-bottom: 20px;
      }
      
      .fallowus {
          width: 226px;
      }
      به همین راحتی

      موفق باشید
      فایل های پیوست شده
      • نوع فایل: zip social.zip (14.1 کیلو بایت, 16 نمایش)
      ویرایش توسط FoX FuN : 2013/10/25 در ساعت 01:19 PM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2.2
    نوشته ها
    75
    میزان امتیاز
    11

    پیش فرض

    سلام ببخشید نمیشه رنگ پس زمینه رو عوض کرد ؟

  2. Top | #3
    کاربر مفید و فعال

    ورژن ویبولتین
    All Versions
    نوشته ها
    704
    میزان امتیاز
    91

    پیش فرض

    نقل قول نوشته اصلی توسط kinggta نمایش پست ها
    سلام ببخشید نمیشه رنگ پس زمینه رو عوض کرد ؟
    درود

    میشه تغییر داد. قسمتی از کدی که در قالب additional.css کپی کردید رو باید ویرایش کنید.

    کد:
    .footer1 {
        margin-top: -13px;
        background: #000;
        min-height: 140px;
        padding: 45px 0 35px;
        border-radius: 5px 5px 5px 5px;
    }
    کافیه کد رنگ 000 رو به کد رنگ دلخواه تغییر بدید. فقط یه مطلب هست زمانی که رنگ پس زمینه رو تغییر بدید مسلما باید رنگ برخی قسمت های دیگه رو هم تغییر بدید.

    کاربر مقابل از MaMaD.LooTi بابت این پست مفید تشکر کرده است:


  3. Top | #4
    کاندیدای مدیریت

    ورژن ویبولتین
    :دال
    نوشته ها
    699
    میزان امتیاز
    90

    پیش فرض

    همچنین می تونید برای بک گراند به جای رنگ از عکس استفاده کنید کافیه جایه کدهایی که محمد عزیز دادن کد های زیر رو جایگزین کنید‌!
    کد HTML:
    .footer1 {     margin-top: -13px;     background: url(link ax );     min-height: 140px;     padding: 45px 0 35px;     border-radius: 5px 5px 5px 5px; }

    2 تشکر توسط:


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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. هدر و footer انجمن بنده نابود شد/کمک کنید
    توسط weather در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2013/03/09, 09:36 PM
  2. مشکلی در Footer
    توسط APB در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2012/09/15, 04:34 PM
  3. پاسخ: 0
    آخرين نوشته: 2012/08/01, 03:24 AM
  4. تغییر اندازه فوتر Footer
    توسط کامروا در انجمن پرسش و پاسخ
    پاسخ: 10
    آخرين نوشته: 2012/04/19, 11:05 AM
  5. پاسخ: 1
    آخرين نوشته: 2011/01/25, 02:53 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

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

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