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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 6 از 6 نخستنخست 123456
نمایش نتایج: از 51 به 55 از 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 | #51
    کاربر سایت

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

    پیش فرض

    درود
    اگه بخوام برای کاربران اخراجی یک خط تیره وسطش بذارم کجای کد باید اینو بنویسم لطفا اون کدی که بصورت سایه دار هستش رو با همون شکل برام به همراه خط تیره شدنش اینجا قرار بدین
    ممنون




  2. گیفت کارت آیتونز

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

    ورژن ویبولتین
    4.2.0
    نوشته ها
    203
    میزان امتیاز
    26

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

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

    پیش فرض

    سلام به همگی دوستان کد بزگ کردن نام کاربری و رنگ قرمز شدن و استایل ستاره رو میخواستم الان همه انجمن رو دیدم هر کدومش جدا جدا بود که وقتی میذاشتی توی سایت یکیش فقط کار میکرد سپاس

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

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

    پیش فرض

    لطفا کسی میدونه پاسخ بدهد کل اینجمن زیر رو کردم نبود هر 3 با هم

  6. Top | #55
    مدیر بخش

    ورژن ویبولتین
    4.2.1
    نوشته ها
    6,595
    میزان امتیاز
    808

    پیش فرض

    نقل قول نوشته اصلی توسط kaviany نمایش پست ها
    لطفا کسی میدونه پاسخ بدهد کل اینجمن زیر رو کردم نبود هر 3 با هم
    وارد تنظیمات گروه کاربری مربوطه بشید و در سمت راست بزنید :

    کد:
    <b><font style="background:url('http://forum.farsroid.com/ulduz.gif');color:#F00;">
    سمت چپ :

    کد:
    </font></b>

صفحه 6 از 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)

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

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