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

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

مقاله: فوتر به سبک ویندوز 8 (8+)

    1. فوتر به سبک ویندوز 8 (8+) »

      فوتر به سبک ویندوز 8 (8+)

      نگارش: , by (کاربر سایت)
      2014/06/15 07:04 PM
      امتیاز: 

      باسلام به دوستان گل

      خب براتون ی فوتر برای ویندوز هشت طراحی کردم

      مانند آشیانه میمونه خیلی هم راحت تر میتونید باهاش کار کنید

      خب شروع میکنیم ابتدا به additional.css رفته و اینا رو تهش اضافه کنید

      کد:
      #prefooter{
      background-color:#43A6DF;
      clear:both;
      min-height:128px;
      color:#f2f2f2;
      text-align:right;
      margin-top:12px
      font-family: b yekan;
      }
      .prefooter-left,.prefooter-right{
      padding:24px 12px
      }
      .prefooter-left{
      background:#2e3539 none;
      border-left:12px solid #F6F6F6;
      margin-left:268px
      ;overflow:hidden;
      padding-bottom:24px;
      margin-top: 40px;
      margin-bottom: 40px;
      }
      .prefooter-left.no-right-block{
      border-left:none;
      margin-left:0
      }
      #prefooter h6{
      color:#FFFFFF;
      font-size:32px;
      font-weight:300;
      text-transform:lowercase;
      margin-bottom:6px;
      font-family: b yekan;
      }
      .prefooter-block-01,.prefooter-block-02,.prefooter-block-03{}.prefooter-block-01,.prefooter-block-02 .prefooter-block-03{
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box
      }
      .prefooter-block-01{
      float:right;
      width:70%;
      padding-right:12px
      }
      .prefooter-block-01.single{
      width:auto;
      padding-right:0
      }
      .prefooter-block-01 p{
      margin-bottom:1em;
      line-height:1.3em;
      font-family: b yekan;
      
      
      }
      .about-block p:last-child{
      margin-bottom:0
      }
      .prefooter-block-02{
      float:right;
      width:30%;
      font-family: b yekan;
      color:#fff;
      }
      .prefooter-block-02 li{
      line-height:1.3em;
      margin-bottom:6px
      }
      .prefooter-right{
      float:left;width:244px
      }
      .prefooter-block-03{
      margin-bottom:24px;
      overflow:hidden
      }
      .prefooter-block-03 ul li{
      float:right;
      margin-left:6px
      }
      .prefooter-block-03 ul li a{
      display:block;
      width:37px;
      height:37px;
      background-image:url(http://ashiyane.org/forums/images/metro/blue/misc/social-icons.png);
      background-attachment:scroll;
      background-repeat:no-repeat
      }
      .prefooter-block-03 ul li a.twitter{
      background-position:-76px top
      }
      .prefooter-block-03 ul li a.twitter:hover{
      background-position:-76px -37px
      }
      .prefooter-block-03 ul li a.facebook{
      background-position:-38px top
      }
      .prefooter-block-03 ul li a.facebook:hover{
      background-position:-38px -37px
      }
      .prefooter-block-03 ul li a.youtube{
      background-position:-152px top
      }
      .prefooter-block-03 ul li a.youtube:hover{
      background-position:-152px -37px
      }
      .prefooter-block-03 ul li a.gplus{
      background-position:0 top
      }
      .prefooter-block-03 ul li a.gplus:hover{
      background-position:0 -37px
      }
      .prefooter-block-03 ul li a.myspace{
      background-position:-114px top
      }
      .prefooter-block-03 ul li a.myspace:hover{
      background-position:-114px -37px
      }
      .prefooter-block-04 a{
      color:#ffffff;text-decoration:underline
      }
      .prefooter-block-04 a:hover{
      color:#ffffff;text-decoration:none
      }
      #footer_divider{
      border-bottom:1px solid #E4E4E4;
      clear:both;
      padding-top:48px
      }
      و بعد به فوتر رفته و تمام کدهارا پاک کرده و این کدهارو اضافه کنید

      کد:
      <div id="prefooter">
      
      
      <div class="prefooter-right">
      
      
          <div class="prefooter-block-03">
              <h6>شبکه های اجتماعی</h6>
              <ul>
                  <li><a class="twitter" target="_blank" href="#"></a></li>
                  <li><a class="facebook" target="_blank" href="#"></a></li>
                  <li><a class="gplus" target="_blank" href="#"></a></li>
                  <li><a class="youtube" target="_blank" href="#"></a></li>
                  <li><a class="myspace" target="_blank" href="#"></a></li>
              </ul>
          </div>
      
      
      
      
          <div class="prefooter-block-04">
              <h6>راه های ارتباطی با ما</h6>
      شماره های تماس:
          </div>
      
      
      </div>
      
      
          <div class="prefooter-left ">
      
      
              <div class="prefooter-block-01 ">
                  <h6>درباره ما</h6>
      <p>لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.</p>
              </div>
      
      
      
      
              <div class="prefooter-block-02">
                  <h6>پیوندها</h6>
      <ul>
      <li><a target="_blank" href="#">پیوندها</a></li>
      <li><a target="_blank" href="#">پیوندها</a></li>
      <li><a target="_blank" href="#">پیوندها</a></li>
      <li><a target="_blank" href="#">پیوندها</a></li>
      <li><a target="_blank" href="#">پیوندها</a></li>
      <li><a target="_blank" href="#">پیوندها</a></li>
      </ul>
              </div>
      
      
          </div>
      
      
      </div>

      شات :

      footer.PNG


      امیدوارم خشتون بیاد

      باتشکر

      موفق باشید









      راستی دوستان این کدها برای سایتتون جوریه که اگر استایل فیکس باشه بطور اتوماتیک فیکس میشه فوتر اگر فیکس نباشه بطور اتومات میره سر جاش اگر کسی استایل فیکس داره و میخاد فوترش فیکس نباشه تاپیک بزنه همنیجا !!
      ویرایش توسط semon : 2014/06/15 در ساعت 07:57 PM
  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    4.2
    نوشته ها
    122
    میزان امتیاز
    0

    پیش فرض

    درود

    خسته نباشید

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

    و این که لطفا به لینک های دوستان ما color بدید

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


  2. Top | #3
    کاربر سایت

    ورژن ویبولتین
    3
    نوشته ها
    534
    میزان امتیاز
    58

    پیش فرض

    اسم کلاسارو چی میزاشتم داش ؟؟؟؟

    اونم اپدیت میکنم !

  3. Top | #4
    کاربر اخراجی

    ورژن ویبولتین
    4.2.1
    نوشته ها
    48
    میزان امتیاز
    0

    پیش فرض

    بسیار زیبا ... یادم باشه اگه یه psd زدم ... از این سبک استفاده کنم ... جالب میشه

    کاربر مقابل از Arman-dl بابت این پست مفید تشکر کرده است:


  4. Top | #5
    کاربر سایت

    ورژن ویبولتین
    3
    نوشته ها
    534
    میزان امتیاز
    58

    پیش فرض

    خاهش ممنون دوستان اگر خوشتون امده لطفا روی پسنده و یا لایک کلیک کنید !! ممنون ببخشیداا

    اپدیت شد

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

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

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

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

  1. پاسخ: 5
    آخرين نوشته: 2015/10/06, 11:49 AM
  2. Stardock Start8 1.15 Final - استارت منوی ویندوز 7 برای ویندوز 8
    توسط [email protected] در انجمن سیستم عامل
    پاسخ: 0
    آخرين نوشته: 2013/04/18, 08:47 AM
  3. آموزش زیباسازی فوتر ویژه نوروز 92
    توسط Regulator در انجمن آموزش های وی بولتین
    پاسخ: 15
    آخرين نوشته: 2013/03/19, 06:47 PM
  4. [بلوک] نمایش مشخصات IP کاربر + ویندوز + رزولوشن صفحه + بیت ویندوز و ..
    توسط VBIran در انجمن Sidebar های (PHP یا HTML) مناسب برای انجمن
    پاسخ: 5
    آخرين نوشته: 2013/01/07, 02:17 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/12/05, 05:28 PM

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

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

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

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