• اطلاعیه ها

    • Saeed Fard

      سیاره وردپرس ایران   15/10/95

      سایت‌های زیادی در ایران و سرتاسر وب در زمینه گسترش وردپرس تلاش دارند و نوشته‌های آموزشی منتشر می‌کنند. اما ضرورت یک منبع خوب و ارزشمند برای جمع‌آوری بهترین‌های وب ایران و دنیا باعث ایجاد سیاره وردپرس شد تا دنبال کنندگان این موضوع به صورت یکجا و آسان بتوانند به این نوشته‌ها دسترسی داشته باشند.     در سیاره وردپرس این بستر فراهم شده است که آدرس وب‌سایت‌های مربوطه ثبت و برای این سرویس ارسال شود، آخرین نوشته‌های مفید وب‌سایت‌ها در سیاره وردپرس و نیز در بخش اخبار وردپرس پیشخوان سایت‌های وردپرسی از طریق افزونه‌ی Parsi Date نمایش داده می‌شود. همینطور کاربران از طریق عضویت در خبرنامه ایمیلی سیاره وردپرس می‌توانند به صورت دوره‌ای بهترین و جدیدترین نوشته‌های وردپرسی را که توسط اعضای تحریریه و همکاران سیاره وردپرس بررسی و تایید می‌شود را در ایمیل خود دریافت کنند.   امکانات سیاره وردپرس امکان ثبت آدرس سایت‌هایی که نوشته‌های مفید در زمینه وردپرس دارند. نمایش نوشته‌های وردپرس سایت‌ها در سیاره وردپرس نمایش نوشته‌های وردپرس در پیشخوان سایت‌های وردپرس فارسی توسط ویجت اخبار پلاگین Parsi Date و ... امکان ثبت ایمیل کاربران علاقه‌مند جهت دریافت مطالب محبوب و ویژه در خبرنامه دوره‌ای سیاره توسط اعضای تحریریه و ... جهت ثبت سایت وردپرسی یا ایمیل خود به سایت سیاره وردپرس مراجعه کنید   تاپیک پیشنهادات و همکاری در سیاره وردپرس : http://wpu.ir/qlhy5  
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>

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

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

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

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

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


لینک به پست

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


<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

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


لینک به پست

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


.top-menu:hover{
}

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


top-menu:focus{
}

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


.top-menu:visited{
}

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


لینک به پست

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

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

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

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

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


لینک به پست

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

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


لینک به پست

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

فقط یه سوال

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

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

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

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


لینک به پست

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

مثلا

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

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


لینک به پست

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

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

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

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


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

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

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


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