• اطلاعیه ها

    • Saeed Fard

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

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

hover کردن عناصر

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

سلام به همه دوستان

سوالم اینه:

مثلا ما سه تا div داریم به صورت زیر:


<div class="div-1">
<div class="div-2">
<div class="div-3">

در ابتدا هرسه دارای opacity:1 باشن یعنی حالت معمولی ، حالا من میخوام وقتی موس رفت روی یکی از این ها دوتا div دیگه opacity:0.8 داشته باشن. یعنی عنصری که موس روش رفت تغییری نکنه و دوتای دیگه opacityـــشون کم بشه.

اگه ممکنه کد چنین چیزی رو در اختیارم قرار بدید و لطفا یکم توضیح هم بدید تا بتونم استفاده کنم.

باتشکر

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


لینک به پست

شما می تونید از + در سلکتور استفاده کنید.

یا اینکه می تونید کدها رو به این صورت بنویسید:


<div class="father">
<div class="div-1">
<div class="div-2">
<div class="div-3">
</div>

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


.father:hover div{
opacity:0.1;
}
.father div:hover{
opacity:1;
}

یعنی اینطوری:



<style>
.father:hover div{
opacity:0.1;
}
.father div:hover{
opacity:1;
}
</style>
<div class="father">
<div class="div-1"></div>
<div class="div-2"></div>
<div class="div-3"></div>
</div>

ویرایش شده در توسط پویابهروش

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


لینک به پست

ممنون از توضیحات کامل و بی نقصتون.

اولش جواب نداد ، یه خورده با کدها سروکله زدم تا اشکال کارم رو پیدا کردم و درست شد :)

یه دنیا تشکر :wub:

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mehr-cs
      سلام
      منمیخوام یه قسمت تحت عنوان تاریخچه داشته باشم به این صورت که، تو یک باکس کوچیک تمامی حروف الفبا رو داشته باشم و لوگوی کل تاریخچه ی برند هام تو صفحه باشه و کاربر بعد از کلیک کردن روی هر کدوم از حروف الفبا، کلیه تاریخچه هایی که با اون حرف شروع میشه رو ببینه !
      دوستان راهنمایی میکنن ؟
    • توسط IFTHEN
      در حال کد کردن قالبی هستم حالا در قسمت بک پنل و در ایجاد نوشته جدید، فایل های جاوا اسکریپت لود نمی شه و به تبع اون یک سری از آیتم ها از کار می افتن!
      یه بررسی کردم دیدم توی صفحه یک سری از فایل ها درست لود نمی شن! و به عبارت بهتر آدرسشون دچار مشکل شده!
      <link rel='stylesheet' href='http://localhost/user/wp-admin/load-styles.php?c=1&amp;dir=rtl&amp;load%5B%5D=dashicons,admin-bar,buttons,media-views,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menu&amp;load%5B%5D=s,widgets,site-icon,l10n,wp-auth-check,wp-color-picker,farbtastic&amp;ver=4.7' type='text/css' media='all' /> داخل کد بالا عبارت زیر به صورت کد نمایش داده شده و این باعث این اتفاق شده!
      &amp;
      چطور می تونم این مشکل رو رفع کنم؟
       
       
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط hosseinrasouli
      سلام به مهندسین.
      من میخواهم منو چند ستونه داشته باشم  و اینکارو با تغییر فایل style.css خود قالب انجام بدم.  (نمی خواهم از افزونه های مگامنو استفاده کنم)
      تغییراتی رو در style.css قالب انجام دادم ولی عملی نشد .
      فایل style.css و تصویر منو سایت پیوست است . ( خواهشمند است دوستان برنامه نویس راهنمایی کنند) style.css

    • توسط loveali
      با سلام
      می خواستم قالب زیر رو که psd هست 
      قسمتی که در عکس مشخصه به html تبدیل کنم ولی یم مشکلی هست
      از من خواسته شده تا در خط اول مثل عکس کاربر فقط بتونه یه تعداد خاصی کلمه وارد کنه و در خط دوم هم یه تعداد خاص دیگه 
      و کل این دوخط داخل یه div قرار داره 
      ممنون میشم اگر کسی بتونه کمک کنه
      عکس پیوست شده