ariaieboy

درخواست کد سی اس اس

7 پست در این موضوع قرار دارد

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


<body>
<center>
<div class="top-menu">
</div>
<input type="butten" value="بازشدن" class="javad">
<style>
.top-menu {
width: 100px ;
height: 100px ;
background: orange ;
}
</style>
</center>
</body>

مثلا اینجوری حالا اگر جایی اشتباه داشت ببخشید روی کاغذ برام نوشته بود داده بود بهم خیلی هم بد خط نوشته بود نفهمیدم چی نوشته

می خواد ببینه ایا می شه ما کدی بدیم که وقتی کسی روی دکمه مورد نظر کلیک می کنه اون منویی که هست رنگش عوض بشه یا مثلا اندازش بزرگتر یا کوچکتر بشه

خیلی ممنون که کمک می کنید.

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

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

دوست من این کد غیر استاندار است درستش به این شکل است.


<html>
<head>
<style>
.top-menu {
width: 100px ;
height: 100px ;
background: orange ;
}
</style>
</head>
<body>
<center>
<div class="top-menu">
<input type="butten" value="بازشدن" class="javad">
</div>
</center>
</body>
</html>

بعد شما برای کاری که گفتید باید از دستور hover استفاده کنید.یعنی کد استایل دکمه را نوشته و جلوی آن hover را می نویسید و قبل از </style> قرار بده.


.mmm{
استایل دکمه قبل از آوردن موس
}
.mmm:hover{
استایل دکمه بعد از آوردن موس روی آن
}

ویرایش شده در توسط alireza1375
3

به اشتراک گذاری این پست


لینک به پست

به این شکل میشه حالت هاور رو تایین کرد.. (حالت هاور یعنی وقتی که موس رفت روی اون...)


.top-menu:hover{
}

برای موقعی که میخواین وقتی روش کلیک کرد انجام بده...


top-menu:focus{
}

برای حالت بعد انتخاب..


.top-menu:visited{
}

5

به اشتراک گذاری این پست


لینک به پست

دوستان ببخشید دقت نکردید نگاه کنید فکر کنید ما یک top-menu داشته باشیم یک دکمه

ما می خواهیم وقتی فرد روی دکمه کلیک کرد یا رفت روش دکمه

انوقت top-menu رنگش عوض بشه یا اندازش تغییر کنه

روی خود top-menu اگر بخواد کلیک بشه یا روش بره موس که کاری نداره

0

به اشتراک گذاری این پست


لینک به پست

<style>
#top-menu {
background:red;
}
#top-menu:target {
background: blue;
}
</style>
<div id="top-menu">
...
</div>
<br>
<a href="#top-menu">link</a>

5

به اشتراک گذاری این پست


لینک به پست

خیلی خیلی باحال بود

فقط یه سوال

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

منظورم مثل toggle در جی کوئری

یعنی وقتی مثلا رو دکمه کلیک شد پس زمینه قرمز بشه وقتی دوباره روش کلیک میشه برگرده به حالت اول

0

به اشتراک گذاری این پست


لینک به پست

به صورت مستقیم نمی شه ولی با ترفند می شه البته لینک باید داخل عنصر باشه

مثلا

http://jsbin.com/asiloRO/2/

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری