طراحی وب سایت
سلام داداش سلطان جون
شما توی سایتتون قسمت بالا وقتی موس رو روی مثلا صفحه ی اصلی میبری تغیر رنگ میده این رو یاد بده
رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید
رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید
بپرسم را میتوان به عنوان مرجعی برای آموزش و حل مشکلات دانست، در بپرسم سعی کرده ایم آموزش های برنامه نویسی، طراحی سایت، کار با نرم افزارها ها و… را آموزش دهیم. همچنین محیطی فراهم کرده ایم تا کاربران بتوانند در این محیط سوالات خود را بپرسند و مشکل خود را حل کنند.
پاسخ ها ( 2 )
سلام ، سپهر جان
به این نوع طراحی ها میگن Hover ، میتونی تنظیم کنی که اگه ماوس روی یک عنصری رفت مثلا رنگش تغییر کنه ، اندازش کوچکتر یا بزرگتر بشه و … .
برای مثال یک تگ div داریم ، میخوایم وقتی ماوس میره روش رنگش تغییر کنه و اندازش بزرگ بشه ، برای این کار :
کد Html :
کد Css :
که hover یعنی ماوس بره روش ، در کدای css ، آی دی beporsam رو گفتم رنگش سیاه باشه ، و در قسمت hover گفتم وقتی ماوس رفت روش رنگش آبی و فونتش ۲۰ بشه
موفق باشید
دروود دوست عزیز …
شما برای این کار باید درون کد html خاصیت css رو تعریف کنید. برای فهمیدن این سری کد ها میتونین از اینسپکت المنت هم کمک بگیرین.
مثلا :
کد html:
<html dir="rtl"><head><title>بپرسم</title><meta charset="UTF-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div id="beporsam">sajjad_95</div></body></html>
اگه اشنایی کمی با html داشته باشین به راحتی میفهمین که کد بالا با یک id بپرسم تعریف شده است.
فکر نکنم کد بالا چیز سختی داشته باشه ، فقط در یکی از خط ها فایل style.css تعریف شده که خاصیت های متن درونش قرار گرفته.
در css میتوان به دو صورت خاصیت ها را تعریف کرد :
۱- به صورت id که مشخصه شروع آن # میباشد.
۲- به صورت class که مشخصه آن . میباشد.
من باری این خط کد از id استفاده کردم. کار درستی نبود چون برای موارد پر تکرار از کلاس استفاده میشه مثلا همین منو ولی برای قسمت های فیکس و یکتا از id استفاده میشه مثل ستون اصلی سایت ، ستون کناری …
فایل style.css:
برای فهمیدن هر خاصیت میتونین توی گوگل سرچ کنید و یا اون رو از فایل style.css پاک کنید و نتیجه رو پیدا کنید.
اینسپکت المنت مرورگر هم خیلی کمک میکنه اگه بتونی باهاش کار کنی.
فایل پیوست شده رو ببینید.
موفقیتتون روز افزون …
فایل پیوست