/ آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 14

مقاله: آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن

    1. آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن

      آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن

      درود

      در این اموزش میخوام نحوه اضافه کردن تولتیپ به استایل یا ... رو بهتون اموزش بدم .

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

      سپس به ادمین سی پی--استایل ها & قالب ها --جست و جو در قالب ها--header

      حالا کدهای زیر رو اول اضافه کنید :

      کد HTML:
      <script type='text/javascript' src='images/yourstyle/jquery.min.js'></script><script type="text/javascript" src="images/yourstyle/tooltip.js"></script> <link rel="stylesheet" type="text/css" href="images/yourstyle/tooltip.css" />
      در کد های بالا به جای yourstyle نام پوشه استایلتون رو که در images هست رو بزنید و بعد ذخیره کنید .

      سپس در در هر جای استایلتون که میخواید تولتیپ بذارید به صورت زیر کد رو وارد کنید :

      کد HTML:
      <div  rel="tooltip" title="متن داخل تولتیپ">class</div>
      به جای class میتونید کلس یا .... اون قسمت رو در اینجا قرار بدید .



      حالا برای تغییر رنگ تولتیپ :

      همانطور که دیدید فایلی که برای اپلود دادم 3 تا فایل توش بود .

      برای تغییر رنگ باید فایل tooltip.css رو با notepad یا .... باز کنید و کدهای رنگی که توش به کار رفته رو با کد رنگ خودتون جایگزین کنید .

      میتونید از find & replace استفاده کنید .

      رنگ هایی که در فایل سی اس اس استفاده شده :

      کد:
      rgba(14,14,14,1)
      rgba(125,126,125,1)
      rgb(125,126,125)
      #7d7e7d
      #0e0e0e
      rgba( 0,0,0,.3 )
      #313131
      #333
      #525252
      که میتونید با تغییر دادنشون به رنگ دلخواهتون ، رنگ تولتیپ رو عوض کنید .

      موفق باشید !
      آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن فايل هاي پيوست شده
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #2
    TaktArinA آنلاین نیست.
    TaktArinA
    کاربر سايت
    885نوشته192مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2414
    پسندیده است
    1,123 پست
    بلاگ
    پست
    میزان امتیاز
    202
    www.forum.mihanvij.ir
    ببخشید میشه توضیحی درمورد تولتیپ بدید؟

  2. #3
    The Ph@ntom آنلاین نیست.
    The Ph@ntom
    مدير بازنشسته
    1,982نوشته4,397مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    4
    پسندیده است
    2,480 پست
    بلاگ
    2 پست
    میزان امتیاز
    4344
    vatangraphic.ir
    اگر میشه یک شات از تولتیپ قرار بدید
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    Coming Soon ... ! New Style

  3. #4
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir

    2 نفر از اعضا پست AminX را پسندیده اند


    .....

  4. #5
    local آنلاین نیست.
    local
    کاربر سايت
    2,070نوشته1,232مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1475
    پسندیده است
    1,828 پست
    بلاگ
    7 پست
    میزان امتیاز
    1241
    No Set
    ایا راهی هست که تمام انجمن از این تولتیپ استفاده کنه چون اگه بخای تکی تکی به همه اضافه کنی که نمیشه.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  5. #6
    The Ph@ntom آنلاین نیست.
    The Ph@ntom
    مدير بازنشسته
    1,982نوشته4,397مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    4
    پسندیده است
    2,480 پست
    بلاگ
    2 پست
    میزان امتیاز
    4344
    vatangraphic.ir
    فکر نمیکنم بشه برای تمام انجمن قرار داد

    کاربر زیر پست The Ph@ntom را پسندیده است:


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    Coming Soon ... ! New Style

  6. #7
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط local نمایش پست ها
    ایا راهی هست که تمام انجمن از این تولتیپ استفاده کنه چون اگه بخای تکی تکی به همه اضافه کنی که نمیشه.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    منظورتون رو متوجه نشدم ! این مثل همون تولتیپ میمونه که در استایل ورژن 3 استفاده شد ، فقط اون تغییر رنگ داده شده بود این نه !
    .....

  7. #8
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    امین جان کار نمیکنه

  8. #9
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    نقل قول نوشته اصلی توسط flashkar نمایش پست ها
    امین جان کار نمیکنه
    امکان نداره حتماً اشتباهی کردید ! خودم از این تولتیپ در چند استایل استفاده کردم .
    .....

  9. #10
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    داداش دارم یه استایل کد میکنم تقریبا اخراشه اگه مایل باشی دسترسی بدم برام بزاری

صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

  1. مشکل تایید تاپیک و پست ها
    توسط biglord در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 3
    آخرين نوشته: 06-17-2013, 05:16 PM
  2. تغییر آدرس پیشفرض انجمن
    توسط pvm در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 5
    آخرين نوشته: 05-30-2013, 02:21 AM
  3. اموزش ساخت تولبار فول css در بالای انجمن +تغییر قالب
    توسط jigh3da در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 2
    آخرين نوشته: 05-29-2013, 12:31 AM
  4. عدم تغییر تصویر old به new
    توسط animeland در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 1
    آخرين نوشته: 05-28-2013, 09:42 PM
  5. درخواست کمک برای tooltip
    توسط paripaykar در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 5
    آخرين نوشته: 03-23-2013, 11:32 AM

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

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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