چطور میشه که اینطور میشه؟

[980202]

سلام
این سایت رو ملاحضه کنید.
http://chat.i74.ir/

نمیدونم از چه کدی تو css استفاده کرده که موس وقتی میره رو یه قسمت دیگر قسمتا تار میشه !
منم یه قسمتی شبیه آخرین قالبهای این سایت دارم
http://bluetheme.ir/

چجوری میتونم منم اونجوریش کنم؟

[khanlo.javid]

دوست عزیز از جی کوئری استفاده کرده ، یه تابع نوشته که وقتی کاربر مثلا رفت رو دیوی با آی دی فلان بقیه دیو ها با آیدی های مشخص شفافیتشون کم میشه .







موفق باشید

[2undercover]

دوست عزیز از جی کوئری استفاده کرده ، یه تابع نوشته که وقتی کاربر مثلا رفت رو دیوی با آی دی فلان بقیه دیو ها با آیدی های مشخص شفافیتشون کم میشه .







موفق باشید

من که بررسی کردم فقط با استفاده از CSS اینکارو کرده, به این صورت که با استفاده از کلاس کاذب hover هر وقت ماوس روی نگهدارنده آیتم های منو میره تمامی آیتم های منو رو شفافیتشون رو کم می کنه و همینطور اون استایل رو برای اون آیتمی که ماوس روشه غیرفعال می کنه!

[980202]

دوست عزیز از جی کوئری استفاده کرده ، یه تابع نوشته که وقتی کاربر مثلا رفت رو دیوی با آی دی فلان بقیه دیو ها با آیدی های مشخص شفافیتشون کم میشه .







موفق باشید

ممنون دوست عزیز
ولی اگه جاوا اسکریپت مرورگرتون رو هم غیرفعال کنید باز اون منو ها کار میکنه !
در نتیجه پس از جی کوئری استفاده نشده و css هست

[tadayoni]

با استفاده از css میشه این کار رو انجام داد
برای این منظور کافیه مقاله زیر رو بخونید
http://tadayoni.ir/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A7%D9%81%DA%A9%D8%AA-%D8%A8%D9%84%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%AA%D9%86/

[980202]

با استفاده از css میشه این کار رو انجام داد
برای این منظور کافیه مقاله زیر رو بخونید
http://tadayoni.ir/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%D8%A7%D9%81%DA%A9%D8%AA-%D8%A8%D9%84%D9%88%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%85%D8%AA%D9%86/


ممنون
مقاله رو خوندم سر در نیاوردم که هیچ ! فکر هم میکنم اصلا به موضوع من ربطی نداشت:لبخند:
کد هامو بدم میتونید برام ردیفش کنید؟

[dreadful]

من کداشو ندیدم ولی این هم با css هست و دقیقا همین کار رو میکنه ،البطه توی این با filter انجام داده که شما میتونید از اون استفاده نکنید و بجاش از روشی که توی سایت آقای تدینی هست استفاده کنید ولی این برای عکس خیلی قشنگ تر در میاد ( با filter blur و grayscale)

دمو (http://www.red-team-design.com/wp-content/uploads/2012/05/css-filter-effects-in-action-demo.html)

آموزش این روش (http://www.red-team-design.com/css-filter-effects-in-action)

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


.gallery:hover li:not(:hover){
-webkit-filter: blur(2px) grayscale(1);
opacity: .7; /* fallback */
}


تشکر ;)

[2undercover]

چیزی که خوده اون سایتی نوشته بودید استفاده کرده اینه :

.nav:hover div>a {
opacity: .3;
text-shadow: 0px 0px 5px #fff,
0px 0px 5px #fff,
0px 0px 9px #fff;
}


/* The hover state of the main links */
.nav div>a:hover, .nav li:hover a {
top: -4px;
text-shadow: none;
opacity: 1;
font-size: 23px;
color: #29cef1;
}


برای پشتیبانی از مرورگر های قدیمی هم می تونید از filter استفاده کنید!

[980202]

من کداشو ندیدم ولی این هم با css هست و دقیقا همین کار رو میکنه ،البطه توی این با filter انجام داده که شما میتونید از اون استفاده نکنید و بجاش از روشی که توی سایت آقای تدینی هست استفاده کنید ولی این برای عکس خیلی قشنگ تر در میاد ( با filter blur و grayscale)

دمو (http://www.red-team-design.com/wp-content/uploads/2012/05/css-filter-effects-in-action-demo.html)

آموزش این روش (http://www.red-team-design.com/css-filter-effects-in-action)

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


.gallery:hover li:not(:hover){
-webkit-filter: blur(2px) grayscale(1);
opacity: .7; /* fallback */
}


تشکر ;)

ممنون اونچیزی که میخوام هست
میرم ببینم میتونم ردیف کنم !
واقعا تشکر

[980202]

چیزی که خوده اون سایتی نوشته بودید استفاده کرده اینه :

.nav:hover div>a {
opacity: .3;
text-shadow: 0px 0px 5px #fff,
0px 0px 5px #fff,
0px 0px 9px #fff;
}


/* The hover state of the main links */
.nav div>a:hover, .nav li:hover a {
top: -4px;
text-shadow: none;
opacity: 1;
font-size: 23px;
color: #29cef1;
}


برای پشتیبانی از مرورگر های قدیمی هم می تونید از filter استفاده کنید!

میدونم از اینا استفاده کرده !
ولی کداش یکمی پیچیدس سر در نمیارم

[2undercover]

خوب .nav که در برگیرنده کل اون آیتم ها هست.

.nav div هم بلاک های آیتم هست و تگ a توی اون لینک و دربرگیرنده نوشته اون آیتم هست!

قاعدتا وقتی ماوس روی .nav قرار بگیره ( یعنی .nav:hover ) روی یک کدوم از آیتم ها هم قرار گرفته و قسمت اول استایل هم به همین موضوع اشاره داره که وقتی ماوس روی .nav رفت به نوشته تگ a اون آیتم سایه بده و اون رو شفاف کنه; اما چون نمی خوایم اون آیتمی که ماوس روشه هم افکت Blur روش اعمال بشه از قسمت دوم استایل استفاده شده که اشاره به به تگ a اون آیتمی که ماوس روشه اشاره داره!