• اطلاعیه ها

    • Saeed Fard

      برگزاری میتاپ وردپرسی   14/08/96

      بعد از اولین دوره همایش وردپرس در ایران اگر پیگیر اخبار وردپرس بوده باشید، حتما خبر برگزاری چندین میتاپ و جلسه متعدد وردپرسی را شنیده‌اید، یکی از بحث‌های اصلی که محور اصلی این میتاپ‌ها بوده است برگزاری وردکمپ بود که به طور جدی دنبال می‌شود. این میتاپ‌ها و جلسات توسط جمعی از فعلان حوزه وردپرس در کنار وردپرس‌پارسی برگزار می‌شد و مسائل مربوط به این حیطه و از جمله وردکمپ مورد بحث قرار می‌گرفت. این بار با رایزنی‌هایی که با تیم اصلی وردپرس داشتیم در بخش دوم این رویدادها قصد داریم که میتاپ‌ها و جلسات وردپرسی را به صورت آزاد برگزار کنیم تا تمامی علاقه‌مندان و دوست‌داران وردپرس فرصت حضور داشته باشند و با گردهمایی، جامعه کاملتری از دوست داران وردپرس بسازیم و از تجربیات یکدیگر استفاده کنیم.   بدیهی است که این رویدادها با رویکرد مثبت در جهت سود رسانی به جامعه وردپرس و افراد حاضر در آن برگزار می‌شود و برای تمامی علاقه‌مندان به وردپرس است. پس اگر یک کاربر معمولی وردپرس یا یک توسعه دهنده هستید می‌توانید در این رویدادها شرکت کنید. ما در ملاقات‌هایمان از موارد مختلف و کاربردی وردپرس صحبت می‌کنیم و علاقمند به توسعه هر چه بیشتر وردپرس در ایران هستیم. ما وردپرس را دوست داریم. عضویت در این گروه برای همه افرادی که مایل به پیوستن هستند بدون در نظرگرفتن توانایی‌ها، مهارت‌ها، وضعیت مالی و یا معیارهای دیگر باز و رایگان است. فضای میتاپ‌ها و جلسات ما دوستانه و آزادنه و دور از هرگونه تبعیض و رفتارهای زننده است. بر این اساس از تمامی دوستانی که علاقه‌مند به شرکت در میتاپ‌های وردپرس هستند دعوت می‌شود تا از طریق لینک زیر در سایت میتاپ اقدام به ثبت‌نام کنند و منتظر خبرهای برگزاری جلسات در آینده باشند . لینک ثبت نام و عضویت : https://www.meetup.com/Iran-WordPress-Meetup    
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

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


لینک به پست

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

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

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

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


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

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

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


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