active-link & picture-hover

این تاپیک 2 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Af.Sa.Ne ،‏ 2 سال و 4 ماه پیش .

۴۱۷ visibility
نویسنده پست
سه شنبه ، ۳۱ شهریور ۱۳۹۴     ۳:۴۷ ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام دوستان

دو تا سوال دارم..

یک) چطور میتونم مثل عکس کاری کنم که در منو روی هر لینکی که کلیک میشه و صفحه ی مربوط به اون باز میشه او لینک حالت متمایز به خودش بگیره و مثلا border سفیدی دورش قرار بگیره و بمونه. (از visited: و active: هم استفاده کردم و فقط برای یه لحظه که  روی لینک کلیک میشه border قرار میگیره و نمیمونه! )

دو) در قالبی که طراحی کردم سه تا عکس بزرگ زیر هم دارم. میخوام مثل عکسی که گذاشتم روی هر کدوم از عکسا که موس میره و هاور میشه کل اون عکس تاریک بشه و یه متن کوچیک هم وسط عکس ظاهر بشه..

به ذهن من اینطور رسید که داخل تگ مربوط به هر عکس یه تگ بلاک لِول دیگه باز کنم و متن هر عکس رو در اون بذارم و opacity اون رو در حالت عادی صفر کنم. و به عکس و این  تگ جدید یه position:absolute بدم که روی هم قرار بگیرن و با هاور روی عکس opacity اون باکس متن دار بیشتر بشه و روی عکس نمایان بشه. با اینکار به هدفم میرسم ولی چون 3 تا عکس وجود داره با دادن position:absolute عکس های بعدی مخفی میشه !

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

((ببخشید که توضیحات طولانی شد))

 

0  تشکر
چهارشنبه ، ۱ مهر ۱۳۹۴     ۸:۰۱ ب.ظ #


سعید

Subscriber
163 پست35 تاپیک

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

1  تشکر
چهارشنبه ، ۱ مهر ۱۳۹۴     ۱۰:۴۸ ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

بله دوست عزیز باید از جاوا اسکریپت یا جی کوئری برای این کار استفاده کنم اما چطوری؟

(هر صفحه ای که لود میشه باید تو منو لینک مربوط به اون border بگیره، نمیدونم چجوری اینُ با جی کوئری بنویسم!)

دوستان راهنمایی نمی کنید؟! 🙁

0  تشکر
پست 1 تا 3 (از مجموع 3 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .