زمان جاری : شنبه 29 اردیبهشت 1403 - 8:12 بعد از ظهر
تعداد بازدید 222
|
نویسنده |
پیام |
amirbiuki
ارسالها : 3
عضویت: 23 /10 /1392
محل زندگی: طهران!
سن: 15
تشکرها : 3
|
سی اس اس css
وقت بخیر,
یک سوال پیرامون برنامه نویسی css برام پیش اومده که:
1- چطوری می توان به لینک ها یک کادر نامرئی داد که وقتی نشانه گر موس روی آن می رود چند پیکسل به سمت راست بیاید و رنگی شود؟ ممنون
امضای کاربر : _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
|
|
پنجشنبه 01 اسفند 1392 - 18:27 |
|
تشکر شده: |
|
|
local_admin
مدیریت
ارسالها : 10
عضویت: 1 /4 /1391
تشکر شده : 3
|
پاسخ : 1 RE سی اس اس css
وقت شما هم بخیر!
منظورت حالتی که در صفحه http://dore37.ir استفاده شده؟؟
برای اینکار باید از چندتا دستور css استفاده کنی:
یک- استفاده از انتخاب کننده a:hover (یعنی وقتی کاربر روی لینک ها آمد؛ استایل های جاری را اعمال کن)
دو- استفاده از padding یا margin (با توجه به موقعیت) برای رفتن به سمت راست
سه- استفاده از backgound برای تغییر رنگ پس زمینه
|
|
پنجشنبه 01 اسفند 1392 - 18:49 |
|
تشکر شده: |
1 کاربر از local_admin به خاطر این مطلب مفید تشکر کرده اند:
amirbiuki / |
|
amirbiuki
ارسالها : 3
عضویت: 23 /10 /1392
محل زندگی: طهران!
سن: 15
تشکرها : 3
|
پاسخ : 2 RE پاسخ
بله,
اینایی رو که گفتی باید تو a:hover تعریف کنیم؟
اگه میشه یک نمونه html با اون کاری که خواستم درست کن و بفرست.
چون یه ذره سورس اون پیج سخته!
ممنون
امضای کاربر : _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
|
|
پنجشنبه 01 اسفند 1392 - 18:56 |
|
local_admin
مدیریت
ارسالها : 10
عضویت: 1 /4 /1391
تشکر شده : 3
|
پاسخ : 3 RE سی اس اس css
دقیقا منظورم همین بود؛ باید استایل ها رو در رویداد hover لینک ها قرار بدی (a:hover)
درضمن اگه وقت کردم نمونه html همین امشب در ادامه این تاپیک منتشر میکنم
اگه نشد، انشاالله فردا . . .
موفق باشیم.
|
|
پنجشنبه 01 اسفند 1392 - 19:17 |
|
تشکر شده: |
1 کاربر از local_admin به خاطر این مطلب مفید تشکر کرده اند:
amirbiuki / |
|
local_admin
مدیریت
ارسالها : 10
عضویت: 1 /4 /1391
تشکر شده : 3
|
پاسخ : 4 RE سی اس اس css
کد:
<style type="text/css">
a{
color: #333;
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:hover{
color: #fff;
background: #333;
padding-left: 10px;
}
</style>
<h1><a href="#">Test-Link</a></h1>
|
|
جمعه 02 اسفند 1392 - 00:42 |
|
تشکر شده: |
1 کاربر از local_admin به خاطر این مطلب مفید تشکر کرده اند:
amirbiuki / |
|
amirbiuki
ارسالها : 3
عضویت: 23 /10 /1392
محل زندگی: طهران!
سن: 15
تشکرها : 3
|
پاسخ : 5 RE سی اس اس css
نقل قول از local_admin
کد:
<style type="text/css">
a{
color: #333;
text-decoration: none;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:hover{
color: #fff;
background: #333;
padding-left: 10px;
}
</style>
<h1><a href="#">Test-Link</a></h1>
خیلی عالی!
خوب یه سوال دیگه پیش میاد! من این لینک رو به صورت راست چین می خوام. من تو قسمت a تعریف کردم که
هم زدم ولی اتفاقی نیفتاد! چی کار کنم همه چی بیاد راست؟
یه سوال دیگه این که عدد منفی تو CSS معنی داره؟
امضای کاربر : _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
|
|
جمعه 02 اسفند 1392 - 13:32 |
|
local_admin
مدیریت
ارسالها : 10
عضویت: 1 /4 /1391
تشکر شده : 3
|
پاسخ : 6 RE سی اس اس css
برای صفحه راست چین همون direction:rtl کافیه ولی برای body به کار ببر.
درمورد عدد منفی هم باید بگم هر جایی کاربرد نداره ولی در جاهایی مثل text-shadow، box-sahdow و . . . استفاده میشه.(بعضی وقت ها هم برای تعیین position)
|
|
جمعه 02 اسفند 1392 - 16:31 |
|
برای ارسال پاسخ ابتدا باید لوگین یا ثبت نام کنید.