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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 6 123456 آخرینآخرین
نمایش نتایج: از 1 به 10 از 55

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

    1. آموزش جامع ایجاد افکت در گروه های کاربری »

      آموزش جامع ایجاد افکت در گروه های کاربری

      نگارش: , by (مدیریت کل سایت)
      2013/03/05 02:19 PM
      امتیاز:  (2 رای ، میانگین : 5.00 )

      درود.

      شاید راه های متفاوتی را برای رنگی کردن گروه های کاربری ، سابه دادن به آن ها و غیره بلد باشید ولی راهی که در این پست میخواهیم به شما آموزش دهیم شاید صحیح ترین آن ها از لحاظ کدنویسی باشد .

      در آموزش های دیگر معمولاً از کد هایی مشابه کد های زیر استفاده می شود :

      <b><font color="#کدرنگ">

      و </b></font>


      علاوه بر صحیح نبودن آن ، این کد ها تعداد کاراکتر های صفحات شما را به خصوص در صفحه اول سایت زیاد می کند .

      در این تاپیک چند نوع افکت متفاوت را برای شما آموزش میدهیم .

      به ادمین سی پی --> تنظیمات گروه کاربری --> گروه کاربری مورد نظر بروید .

      در بخش جلوه های ویژه HTML در سمت راست بزنید :

      <span class="administrator">

      در سمت چپ بنویسید :

      </span>

      حالا به additional.css قالب خود بروید و کد های زیر را اضافه کنید :

      کد:
      .administrator, .administrator a {
      color: red;
      font-weight: bold;
      }
      در این حالت ما ابتدا Classی با نام administrator می سازیم سپس از CSS ها به آن افکت می دهیم .

      قسمت هایی که اضافه کردیم color:red به معنای اینکه رنگ آن قرمز و font-weight:bold به معنای آنکه درشت باشد .

      نمونه :



      برای گروه های دیگر می توانید اسامی دیگری را انتخاب کنید مثلاً بجای administrator از user استفاده کنید و برای آن هم یک CSS تعیین کنید .

      برای سایه دادن می توانید متغیر text-shadow: 0px 0px 10px; را هم به آن اضافه کنید ، یعنی به این صورت :

      کد:
      .administrator, .administrator a {
      color: red;
      font-weight: bold;
      text-shadow: 0px 0px 10px;
      }
      نتیجه مانند این تصویر خواهد بود :



      در روش دیگر می توانید تمامی نام های کاربری را سفید در نظر بگیرید و بکگراند آن را رنگی کنید مثل ###

      برای این کار می توانید از کد های زیر استفاده کنید :

      کد:
      .administrator, .administrator a {font-weight: bold;
      text-shadow: 0px 0px 10px;
      height: 16px;
      line-height: 16px;
      padding: 3px 5px;
      color: #fff;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      background: #bf1d00;
      }
      نمونه مانند این تصویر خواهد بود :



      در صورتی که نمونه دیگری مد نظرتان است یا سوالی دارید می توانید درون این تاپیک بپرسید .

      منبع : وی بی ایران
  1. Top | #2
    کاربر اخراجی

    ورژن ویبولتین
    4.2.0
    نوشته ها
    572
    میزان امتیاز
    0

    پیش فرض

    ممنون جالبه

    برای سفید شدن میشه یه توضیحی بدید؟؟

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,488
    میزان امتیاز
    0

    پیش فرض

    سفید شدن کدام قسمت دوست عزیز؟

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


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    572
    میزان امتیاز
    0

    پیش فرض

    جوری که علی اقا در بالا فرموندن .



    2 تشکر توسط:


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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,488
    میزان امتیاز
    0

    پیش فرض

    توضیحش را دادند دیگه. مشکلتون الان دقیقاً کجا هست؟

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    1,439
    میزان امتیاز
    164

    پیش فرض

    به جای اسم رنگ میشه کدشو گذاشت ؟

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


  6. Top | #7
    کاربر اخراجی

    ورژن ویبولتین
    4.2.0
    نوشته ها
    2,488
    میزان امتیاز
    0

    پیش فرض

    بلی می شود. فقط قبل از کد رنگ فراموش نشود که # را قرار دهید.

    3 تشکر توسط:


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

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    37

    پیش فرض

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


    در روش دیگر می توانید تمامی نام های کاربری را سفید در نظر بگیرید و بکگراند آن را رنگی کنید مثل ###

    برای این کار می توانید از کد های زیر استفاده کنید :

    کد:
    .administrator, .administrator a {font-weight: bold;
    text-shadow: 0px 0px 10px;
    height: 16px;
    line-height: 16px;
    padding: 3px 5px;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #bf1d00;
    }
    نمونه مانند این تصویر خواهد بود :



    منبع : وی بی ایران
    میشه یه توضیحی بدید بعد ازاین که این کدها رو در قالب additional.css ریختیم دیگه چه کاری باید انجام بدیم؟!
    منظورم توی قسمت تنظیمات گروه کاربری هستش
    اون دوتا قسمت HTML رو منظورمه

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


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

    ورژن ویبولتین
    4.2
    نوشته ها
    460
    میزان امتیاز
    55

    پیش فرض

    نقل قول نوشته اصلی توسط PerSiaNOFFliNe نمایش پست ها
    میشه یه توضیحی بدید بعد ازاین که این کدها رو در قالب additional.css ریختیم دیگه چه کاری باید انجام بدیم؟!
    منظورم توی قسمت تنظیمات گروه کاربری هستش
    اون دوتا قسمت HTML رو منظورمه
    خط های 4 و 5 آموزش رو بخونی متوجه میشی

    4 تشکر توسط:


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

    ورژن ویبولتین
    vBulletin 4.2.0
    نوشته ها
    307
    میزان امتیاز
    37

    پیش فرض

    نقل قول نوشته اصلی توسط PerSiaNOFFliNe نمایش پست ها
    میشه یه توضیحی بدید بعد ازاین که این کدها رو در قالب additional.css ریختیم دیگه چه کاری باید انجام بدیم؟!
    منظورم توی قسمت تنظیمات گروه کاربری هستش
    اون دوتا قسمت HTML رو منظورمه
    برای اینکه ارتفاع کادر دور نام هم از زیر نام و هم از روی نام کمتر بشه باید چیکار کرد ؟

    2 تشکر توسط:


صفحه 1 از 6 123456 آخرینآخرین

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

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

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

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

  1. پاسخ: 178
    آخرين نوشته: 2016/10/20, 09:38 PM
  2. آموزش آپگراید ویبولیتن ورژن 3 به 4 ( اموزش تصویری )
    توسط Reza در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 5
    آخرين نوشته: 2014/11/17, 09:38 PM
  3. اموزش روزشمار تولد به سبک وی بی ایران
    توسط Revenger در انجمن اموزشهای تصویری ویبولتین
    پاسخ: 11
    آخرين نوشته: 2013/01/22, 08:02 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/06/01, 12:09 PM
  5. پاسخ: 0
    آخرين نوشته: 2012/01/13, 02:11 PM

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

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

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

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

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