/ آموزش اضافه کردن تولتیپ [ToolTip] به استایل + تغییر رنگ آن
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 14 از 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
      که میتونید با تغییر دادنشون به رنگ دلخواهتون ، رنگ تولتیپ رو عوض کنید .

      موفق باشید !
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

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

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

    مثلاً div تولتیپ باید بعد از div کلس شما باشه ! یا متنی که میخواید تولتیپ داشته باشه باید به جای class بذارید !

    به نظرم چند جا که تولتیپ استفاده شده رو خودتون ببینید بهتر یاد میگیرید .

    کاربر زیر پست AminX را پسندیده است:


    .....

  2. #12
    Xampp آنلاین نیست.
    Xampp
    کاربر سايت
    180نوشته113مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2217
    پسندیده است
    155 پست
    بلاگ
    پست
    میزان امتیاز
    123
    ranggraphic.ir
    فایل پیوست رو نمی تونم مشاهد کنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    - - - Updated - - -

    مثل این که باید اول لایک می کردم ! دیده شد .
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  3. #13
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    نیازی به لایک نبود مشکل از مرورگر یا اینترنتتون بوده که باید رفرش میشده که بعد از لایک صفحه رفرش شده

    3 نفر از اعضا پست WikiVB را پسندیده اند


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

  4. #14
    Xampp آنلاین نیست.
    Xampp
    کاربر سايت
    180نوشته113مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2217
    پسندیده است
    155 پست
    بلاگ
    پست
    میزان امتیاز
    123
    ranggraphic.ir
    اگه بخوایم واسه یه ایندکس اضافه کنیم باید به تگ هد اضافه کنیم؟

    - - - Updated - - -

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

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

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

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

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