تبلیغات در ترفندستان
+ ارسال تاپیک جدید
نمایش نتایج: از 1 به 8 از 8

موضوع: تغیر رنگ دکمه ها در html

  1. #1

    پیش فرض تغیر رنگ دکمه ها در html

    سلام دوستان


    من یک کد دارم با چند دکمه از نوع button(اگه اشتباه ننوشته باشم) می خواستم رنگ داخل این دکمه عوض کنم

    کسی میتونه راهنماییم کنه!

    Sent from my C6903 using Tapatalk
  2. #2
    تاریخ عضویت
    May 2014
    محل سکونت
    در میان متن ها :|
    سن
    18
    پست‌ها
    1,756

    Kaspersky Firefox Windows-7 IR-TCI
    نوع و سرعت اینترنت: بیش از ADSL-2 Mb/S
    سپاس (اهدایی)
    4192
    سپاس (دریافتی)
    4275
    نوشته ‌های وبلاگ
    65

    پیش فرض

    سلام
    با استفاده از CSS و CSS3 میتونید رنگ داخلش رو عوض کنین البته باید با اصولش آشنا باشید ولی اگه آشنا هستید که
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
  3. #3

    پیش فرض

    نقل قول نوشته اصلی توسط Xx Joker xX [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    سلام
    با استفاده از CSS و CSS3 میتونید رنگ داخلش رو عوض کنین البته باید با اصولش آشنا باشید ولی اگه آشنا هستید که
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    ممنون

    این کد ها از css بودن؟؟؟

    می تونم توhtml هم استفاده کنم؟

    چون من کل صفحه ای که طراحی کردم با html

    Sent from my C6903 using Tapatalk
  4. #4
    تاریخ عضویت
    Nov 2013
    محل سکونت
    تهران
    سن
    20
    پست‌ها
    646

    Google-Chrome Windows-10 IR-TCI
    نوع و سرعت اینترنت: ADSL-512 Kb/S
    سپاس (اهدایی)
    804
    سپاس (دریافتی)
    977
    نوشته ‌های وبلاگ
    14

    پیش فرض

    از تگ style استفاده کنید
  5. #5

    پیش فرض

    نقل قول نوشته اصلی توسط AmirHosseinGT [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    از تگ style استفاده کنید
    از چه مشخصه ای!

    دوستان راهنمایی کنید ممنون میشم

    Sent from my C6903 using Tapatalk
  6. #6
    تاریخ عضویت
    May 2014
    محل سکونت
    در میان متن ها :|
    سن
    18
    پست‌ها
    1,756

    Kaspersky Firefox Windows-7 IR-TCI
    نوع و سرعت اینترنت: بیش از ADSL-2 Mb/S
    سپاس (اهدایی)
    4192
    سپاس (دریافتی)
    4275
    نوشته ‌های وبلاگ
    65

    پیش فرض

    این کد ها از css بودن؟؟؟

    می تونم توhtml هم استفاده کنم؟
    همونطور که دوستمون گفت با تگ style قابل انجام است
    از چه مشخصه ای!

    دوستان راهنمایی کنید ممنون میشم
    توجه کنید به لینک بالایی که دادم
    کد HTML:
    .تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید

    برای دکمه هاش با کد های زیر
    <button class="button">Green</button>
    <button class="button button2">Blue</button>
    <button class="button button3">Red</button>
    <button class="button button4">Gray</button>
    <button class="button button5">Black</button>
    استایلی تعریف کرده و اون رو توی <head> گذاشته که توی تمامی button class ها با کلاس button اعمال بشه
    (استایلش اینه)
    <style>
    .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }

    .button2 {background-color: #008CBA;} /* Blue */
    .button3 {background-color: #f44336;} /* Red */
    .button4 {background-color: #e7e7e7; color: black;} /* Gray */
    .button5 {background-color: #555555;} /* Black */
    </style>

    که گذاشته توی هد صفحه قبل از بسته شدن تگ <head> یعنی قبل از <head/>
  7. #7

    پیش فرض

    نقل قول نوشته اصلی توسط Xx Joker xX [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

    همونطور که دوستمون گفت با تگ style قابل انجام است

    توجه کنید به لینک بالایی که دادم
    کد HTML:
    .تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید

    برای دکمه هاش با کد های زیر
    <button class="button">Green</button>
    <button class="button button2">Blue</button>
    <button class="button button3">Red</button>
    <button class="button button4">Gray</button>
    <button class="button button5">Black</button>
    استایلی تعریف کرده و اون رو توی <head> گذاشته که توی تمامی button class ها با کلاس button اعمال بشه
    (استایلش اینه)
    <style>
    .button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    }

    .button2 {background-color: #008CBA;} /* Blue */
    .button3 {background-color: #f44336;} /* Red */
    .button4 {background-color: #e7e7e7; color: black;} /* Gray */
    .button5 {background-color: #555555;} /* Black */
    </style>

    که گذاشته توی هد صفحه قبل از بسته شدن تگ <head> یعنی قبل از </head>
    ممنون بسیار عالی بود حل شد


    فقط میشه یک راهنمایی دیگه هم کنید
    اگه بخوام border فایل تکست رنگش عوض کنم باید چه کار کنم!

    Sent from my C6903 using Tapatalk
  8. #8
    تاریخ عضویت
    May 2014
    محل سکونت
    در میان متن ها :|
    سن
    18
    پست‌ها
    1,756

    Kaspersky Firefox Windows-7 IR-TCI
    نوع و سرعت اینترنت: بیش از ADSL-2 Mb/S
    سپاس (اهدایی)
    4192
    سپاس (دریافتی)
    4275
    نوشته ‌های وبلاگ
    65

    پیش فرض

    نقل قول نوشته اصلی توسط mostafa mousavi [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    فقط میشه یک راهنمایی دیگه هم کنید
    اگه بخوام border فایل تکست رنگش عوض کنم باید چه کار کنم!
    یه مقدار واضح تر توضیح بدید اگه میشه مثالی با عکس بزنید
+ ارسال تاپیک جدید

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

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

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

موضوعات مشابه

  1. Picture To HTML تبدیل عکس به فایلهای HTML
    توسط mc_laren3c در انجمن دانلود نرم‌افزارهای چندرسانه‌ای
    پاسخ: 2
    آخرين نوشته: November 22nd, 2016, 16:09
  2. تغیر ip
    توسط mvg در انجمن پرسش و پاسخ، مباحث فنی و سایر مسائل حوزه‌ی فناوری
    پاسخ: 0
    آخرين نوشته: July 29th, 2013, 04:24
  3. چطوری دکمه هایی نظیر دکمه های ویندوز ویستا درست کنم؟
    توسط archiveland.tk در انجمن گرافیک دو بعدی
    پاسخ: 0
    آخرين نوشته: November 23rd, 2010, 19:19
  4. آموزش اضافه کردن دکمه موضوع جدید در کنار دکمه ارسال پاسخ
    توسط ahora-kabir در انجمن سیستم‌های مدیریت محتوا و مدیریت انجمن‌های آنلاین
    پاسخ: 0
    آخرين نوشته: August 3rd, 2009, 16:15
  5. تبديل فايل هاي html به php با HTML TO PHP CONVERTER v4.3
    توسط hamid reza در انجمن دانلود نرم‌افزارهای اینترنت و شبکه
    پاسخ: 0
    آخرين نوشته: February 9th, 2009, 16:57

کاربرانی که این تاپیک را مشاهده کرده اند: 0

هیچ عضوی در لیست وجود ندارد.

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

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

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

اکنون ساعت 10:16 برپایه‌ی ساعت جهانی (GMT +3.5) می‌باشد.

تبلیغات متنی

عضویت در خبرنامه

با عضویت در خبرنامه‌ی سایت، جدیدترین ترفندها، نقد و بررسی‌ها و مطالب مدرسه فناوری به طور خودکار به ایمیل شما ارسال می‌شود. بعد از کلیک بر روی دکمه‌ی «مشترک شوید»، بایستی کد داخل تصویر را وارد کرده، سپس به صندوق ایمیل خود مراجعه کنید و روی لینک تأیید کلیک کنید تا اشتراک شما نهایی شود.

کلیه حقوق مادی و معنوی متعلق به وب سایت ترفندستان است. برداشت مطالب و تصاویر تنها با ذکر نام ترفندستان مجاز است.