active-link & picture-hover

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

این تاپیک تاکنون 302 بازدید داشته است .

نویسنده پست
سه شنبه ، 22 سپتامبر 2015     3:47 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

سلام دوستان

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

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

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

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

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

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

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
چهار شنبه ، 23 سپتامبر 2015     8:01 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

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

1  تشکر
چهار شنبه ، 23 سپتامبر 2015     10:48 ب.ظ #


Af.Sa.Ne

Subscriber
16 پست7 تاپیک

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

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

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

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

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