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

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

مقاله: قرار دادن آیکن های شبکه های اجتماعی در قالب VBIranA | به سبک ال جی ایران

    1. قرار دادن آیکن های شبکه های اجتماعی در قالب VBIranA | به سبک ال جی ایران »

      قرار دادن آیکن های شبکه های اجتماعی در قالب VBIranA | به سبک ال جی ایران

      نگارش: , by (مدیر بازنشسته)
      2015/07/18 02:06 AM
      امتیاز: 

      با سلام خدمت شما عزیزان بزرگوار

      اول عید سعید فطر رو به تمامی بزرگواران تبریک میگم

      دوم در فکر بودم که برای تقدیم هدیه ای برای این مناسبت چه چیزی خوب هست که به فکرم این رسید

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

      البته این رو هم بگم قبل از هر چیز باید FontAwesome روی قالبتون نصب شده باشه سرچ کنید آموزش نصبش هست






      •••خب بریم سراغ آموزش •••

      1- در جستجوی قالب ها واستایل ها Header رو جستجو کنیدو بعد از

      کد:
      <div class="nav">
      اضافه کنید

      کد:
      <div class="facebook"><a rel="nofollow" href="#"><i style="color:#fff;" class="fa fa-facebook"></i>
      </a></div><div class="twitter"><a rel="nofollow" href="#"><i style="color:#fff;" class="fa fa-twitter"></i>
      </a></div><div class="googleplus"><a rel="nofollow" href="#"><i style="color: #fff;" class="fa fa-google-plus"></i>
      </a></div><div class="instagram"><a rel="nofollow" href="#"><i style="color: #fff;" class="fa fa-instagram"></i>
      </a></div>
      خب حالا به جستجوی قالب ها برید و وارد additional.css بشید و اضافه کنید

      کد:
      .facebook {
          position: absolute;
          margin-right: 11px;
          margin-top: 8px;
          border-radius: 100%;
          border: 0px solid #FFF;
          background: #383838 none repeat scroll 0% 0%;
          width: 32px;
          height: 32px;
      }
      .facebook i {
          line-height: 1.8;
          text-indent: 1px;
          font-size: 19px;
      }
      .fa-facebook:hover {
          color: #0462DB !important;
      }
      .facebook:hover {
          background: #FFF none repeat scroll 0% 0%;
      }
      .twitter {
          position: absolute;
          margin-right: 10px;
          font-size: 26px;
          margin-top: 55px;
          background: #383838 none repeat scroll 0% 0%;
          border-radius: 100%;
          width: 32px;
          height: 32px;
      }
      .twitter:hover {
          background: #FFF none repeat scroll 0% 0%;
      }
      .twitter i {
          line-height: 2.1;
          text-indent: 3px;
          font-size: 19px;
          transform: translate(0px, -3px);
      }
      .fa-twitter:hover {
          color: #08BCF8 !important;
      }
      .googleplus {
          position: absolute;
          margin-right: 10px;
          font-size: 26px;
          margin-top: 106px;
          background: #383838 none repeat scroll 0% 0%;
          border-radius: 100%;
          width: 32px;
          height: 32px;
      }
      .googleplus i {
          line-height: 1.8;
          text-indent: 3px;
          font-size: 21px;
      }
      .googleplus:hover {
          background: #FFF none repeat scroll 0% 0%;
      }
      .fa-google-plus:hover {
          color: #FF3903 !important;
      }
      .instagram {
          position: absolute;
          font-size: 26px;
          margin-top: 151px;
          margin-right: 10px;
          background: #383838 none repeat scroll 0% 0%;
          border-radius: 100%;
          width: 32px;
          height: 32px;
      }
      .instagram i {
          transform: translate(0px, -3px);
          text-indent: 3px;
          font-size: 19px;
          line-height: 2;
      }
      .instagram:hover {
          background: #FFF none repeat scroll 0% 0%;
      }
      .fa-instagram:hover {
          color: #A18200 !important;
      }
      این هم دموی آنلاین





      امیدوارم این هدیه رو از طرف من و تیم پی سی وب بپذیرید

      موفق و موید باشید
      ویرایش توسط DARKSKIES : 2015/07/18 در ساعت 02:12 AM
  1. Top | #2
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    408
    میزان امتیاز
    46

    پیش فرض

    سلام

    فقط تو قالبه vbiranA جواب میده؟

    با تشکر

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


  2. Top | #3
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    نقل قول نوشته اصلی توسط کیوان نمایش پست ها
    سلام

    فقط تو قالبه vbiranA جواب میده؟

    با تشکر
    چون روی این قالب کد نویسی شده و روی قالب دیگه ای تست نشده نمیشه نظر دقیق داد احتمال داره در قالب های دیگه کد ها نیاز به ویرایش داشته باشند

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    408
    میزان امتیاز
    46

    پیش فرض

    نقل قول نوشته اصلی توسط DARKSKIES نمایش پست ها
    چون روی این قالب کد نویسی شده و روی قالب دیگه ای تست نشده نمیشه نظر دقیق داد احتمال داره در قالب های دیگه کد ها نیاز به ویرایش داشته باشند
    من الان می خوام اینارو تست کنم به آخر قالب اضافه کنم کدارو؟

    با تشکر

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


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

    ورژن ویبولتین
    4.2.2
    نوشته ها
    33
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط کیوان نمایش پست ها
    من الان می خوام اینارو تست کنم به آخر قالب اضافه کنم کدارو؟

    با تشکر
    بله, طبق آموزشی که قرار گرفته عمل کنید.

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    455
    میزان امتیاز
    50

    پیش فرض

    دوست عزیز شما کلا قالب رو خیلی تغییر دادید و بسیار زیبا شده! میشه آموزش تغییر آیکون رو بدید! آیکون مربوط به انجمن ها

  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    408
    میزان امتیاز
    46

    پیش فرض

    نقل قول نوشته اصلی توسط Buckley نمایش پست ها
    بله, طبق آموزشی که قرار گرفته عمل کنید.

    توی آموزش چیزی که من پرسیدم رو نگفتن

    واسه همین پرسیدم !!

    گرچه نیازی نیست چون تو قالب دیگه جواب نمیده

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


  7. Top | #8
    مدیر بازنشته

    ورژن ویبولتین
    4.2
    نوشته ها
    2,262
    میزان امتیاز
    266

    پیش فرض

    نقل قول نوشته اصلی توسط broozgame نمایش پست ها
    دوست عزیز شما کلا قالب رو خیلی تغییر دادید و بسیار زیبا شده! میشه آموزش تغییر آیکون رو بدید! آیکون مربوط به انجمن ها
    در additional.css جستجو کنید

    کد:
    .aicon-new:before
    بعد یک کد همچین چیزی میبینید

    کد:
    .aicon-old:before
    در هر دو قسمت یک خاصیت به اسم Content قرار داده شده که اون رو میتونید با Unicode دلخواهتون تغییر بدید

    اگر خواستید بگید در یک تاپیک مفصل توضیح بدم

  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.2.0
    نوشته ها
    313
    میزان امتیاز
    35

    پیش فرض

    سلام استاد , نابغه , فیلسوف و اصن هرچی

    خیلی قالبت عالی شده

    فقط دوتا سوال داشتم : با این دستکاریها حالت ریسپانسیو بهم میریزه؟

    اینو جواب دادی سوال بعدیم هم میپرسم

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

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

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

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

  1. آموزش نصب قالب VBiranA
    توسط benyamin20 در انجمن پرسش و پاسخ
    پاسخ: 2
    آخرين نوشته: 2015/07/11, 05:04 AM
  2. به هم ریختگی قالب در موبایل VbiranA
    توسط azita60 در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2015/06/30, 11:42 AM
  3. مشکل در قالب VbiranA
    توسط semon در انجمن پرسش و پاسخ
    پاسخ: 7
    آخرين نوشته: 2015/06/20, 01:52 PM
  4. تغییر رنگ قالب vbirana
    توسط Mr.AryA در انجمن پرسش و پاسخ
    پاسخ: 11
    آخرين نوشته: 2015/05/19, 02:10 PM

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

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

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

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