تایپ سریع فرمول‌های ریاضی در Word

تایپ سریع فرمول‌های ریاضی در Word

ادامه مطلب
آموزش نتورک پلاس (جلسه اول)

آموزش نتورک پلاس (جلسه اول)

ادامه مطلب
آموزش نصب بی نهایت تلگرام در کامپیوتر

آموزش نصب بی نهایت تلگرام در کامپیوتر

ادامه مطلب
برنامه گرفتن اسکرین شات از صفحه به دو صورت پرتابل و نصبی

برنامه گرفتن اسکرین شات از صفحه به دو صورت پرتابل و نصبی

ادامه مطلب
رفع مشکل پنهان شدن فایل های USB

رفع مشکل پنهان شدن فایل های USB

ادامه مطلب
آموزش برنامه نویسی سی شارپ (مقدمه)

آموزش برنامه نویسی سی شارپ (مقدمه)

ادامه مطلب
کد نمایش آخرین ارسالی های انجمن در صفحات جداگانه

کد نمایش آخرین ارسالی های انجمن در صفحات جداگانه

ادامه مطلب
قالب لایه  باز تفریحی

قالب لایه باز تفریحی

ادامه مطلب
ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ادامه مطلب
قالب لایه باز برای رزبلاگ - مدل اول

قالب لایه باز برای رزبلاگ - مدل اول

ادامه مطلب

آموزش خاصیت تگ Selection در CSS

آموزش خاصیت تگ Selection در CSS

با نام و یاد خدا
در این پست برای شما عزیزان نحوه استفاده از تگ selection رو
آموزش میدم.
حتماً برای شما هم پیش اومده که تو یه سایتی هستین و می خواین که مطالب رو کپی کنین و وقتی که متن رو انتخاب میکنید متن مورد نظر توی یه پس زمینه معمولاً آبی قرار میگیره،به شکل زیر:


شما با استفاده از این تگ میتونین «رنگ پس زمینه متن انتخابی» رو به هر رنگی که می خواین تغییر بدین،فقط کافیه که طبق آموزش پیش برین...برای درک بهتر آموزش تصویر زیر رو نگاه کنید:

خوب بریم سر اصل مطلب....

مرحله اول : باید برای این تگ یک استایل قرار بدیم تا نمایش داده بشه،برای اینکار ابتدا باید یک تگ باز و بسته ی style درست کنیم(اینکار رو داخل تگ headانجام دهید):

<style>
</style>


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

<style>
::selection{background:#8aae1b; color:#fff;}
</style>



- نکته اول : خوب همونطور که میبینید ما برای شروع این تگ از  (::) استفاده کردیم!چون مخصوص این تگه.
- نکته دوم : ما به این تگ فهموندیم که هرجا یه متن select  (انتخاب) شد رنگ پس زمینه رو به رنگ سبز تغییر بده،اونم با کد: background:#8aae1b
- نکته سوم : در ضمن ما با کد color به تگ selection فهموندیم  که وقتی متن به حالت انتخاب در اومد،رنگ متن هرچی باشه به رنگ سفید تغییر پیدا کنه.
- نکته آخر،برای اینکه این کد تو همه ی مرورگرها اجرا بشه ، باید کد کامل هر مرورگر رو بنویسید که من این کارو کردم،برای اینکه این کد اجرا بشه باید کل کد زیر را بین تگ head قرار بدین ، من برای اینکه متوجه بشین هر کد تو کدوم مرورگر اجرا میشه ، جلو هر کد نام مرورگر پشتیبانی کننده رو نوشتم:


<style>
::selection{color:#fff; background:#8aae1b; /* Safari */}
::-moz-selection {color:#fff; background:#8aae1b; /* Firefox */}
::-webkit-selection {color:#fff; background:#8aae1b; /* Chrome */}
::-ms-selection {color:#fff; background:#8aae1b; /* IE8 */}
::-khtml-selection {color:#fff; background:#8aae1b; /* Browser */}
::-o-selection {color:#fff; background:#8aae1b; /* Opera */}
</style>

بعد از قرار دادن کد باید متن شما به شکل زیر شود:

کامنت ها
: ایرج 8 سال پیش

سلام دوست عزیز با عرض خسته نباشید سایت شما بسیار جالب می باشد ولی حیف زحمات شما که پاداشی نمی گیرید من می خواهم پاداش زحمات شما را بدهم بله شما با قرار دادن یک کد در سایتتان ماهیانه حداقل مبلغ 20000 تومان و حداکثر ماهیانه 800000 توملن از من دریافت خواهید کرد برای اطلاعات بیشتر و دریافت کد به ایمیلم پیام بده poorabbasy@gmail.com

: محمد 8 سال پیش

سلام .
اگه ازتون بخوام یک کدی درست کنین تا با گذاشتنش در صفحات جداگانه بشه در اون تبلیغات رو مثل تصاویر بازی های این آدرس نشون داد شما میتونید؟

yourtanz.ir/page/game

پاسخ : سلام محمد جان،باشه فقط تو بگو چه وری باشه،اگه میخوای همون لوگو رو بر میدارم،چند تا تغییر هم میدم و به جای تصویر بازی ها تبلیغات میزارم،البته باید تبلیغاتت اندازه ی همون عکس باشه...

تایپ سریع فرمول‌های ریاضی در Word

تایپ سریع فرمول‌های ریاضی در Word

ادامه مطلب
آموزش نتورک پلاس (جلسه اول)

آموزش نتورک پلاس (جلسه اول)

ادامه مطلب
آموزش نصب بی نهایت تلگرام در کامپیوتر

آموزش نصب بی نهایت تلگرام در کامپیوتر

ادامه مطلب
برنامه گرفتن اسکرین شات از صفحه به دو صورت پرتابل و نصبی

برنامه گرفتن اسکرین شات از صفحه به دو صورت پرتابل و نصبی

ادامه مطلب
رفع مشکل پنهان شدن فایل های USB

رفع مشکل پنهان شدن فایل های USB

ادامه مطلب
آموزش برنامه نویسی سی شارپ (مقدمه)

آموزش برنامه نویسی سی شارپ (مقدمه)

ادامه مطلب
کد نمایش آخرین ارسالی های انجمن در صفحات جداگانه

کد نمایش آخرین ارسالی های انجمن در صفحات جداگانه

ادامه مطلب
قالب لایه  باز تفریحی

قالب لایه باز تفریحی

ادامه مطلب
ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ابزار پرسش نام و سن از کاربر و جواب های خنده دار - ورژن 2

ادامه مطلب
قالب لایه باز برای رزبلاگ - مدل اول

قالب لایه باز برای رزبلاگ - مدل اول

ادامه مطلب
نام کاربری :
رمز عبور :
تکرار رمز :
موبایل :
ایمیل :
نام اصلی :
کد امنیتی :
 
کد امنیتی
 
بارگزاری مجدد