سوالی درباره ی منو ها در سی اس اس

این تاپیک 9 پاسخ و 4 مشارکت کننده دارد . آخرین آپدیت توسط :  علی امینی ،‏ 3 سال و 4 ماه پیش .

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

نویسنده پست
یکشنبه ، 21 جولای 2013     3:37 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

با سلام

یه سوال داشتم:

بعضی منو ها هستند که مثلا در صفحه اصلی هستی در منو گزینه ی صفحه ی اصلی با سایر گزینه ها استایلش فرق میکنه و یا مثلا وقتی در قسمت تماس با ما هستی  گزینه ی تماس با ما  با بقیه ی گزینه ها استایلش فرق میکنه.

می خواستم بدونم چطور  باید این کارو بکنم.

در پناه حق باشید یا علی

0  تشکر
یکشنبه ، 21 جولای 2013     4:39 ب.ظ #


کاظم

Subscriber
22 پست7 تاپیک

سلام به همگی راستش منم همین سوال برام پیش اومده.اگه کسی هست بتونه کمک کنه خیلی ازش ممنون میشم.

 

0  تشکر
یکشنبه ، 21 جولای 2013     5:46 ب.ظ #


کیوان علی محمدی

Authorplus
VIP
1792 پست4 تاپیک

سلام دوستان،خوب توی طراحی استاتیک این کار مشخصه،شما چون چند تا صفحه دارین باید توی هر صفحه منوی خودتون رو تکرار کنید،و مثلا اگه شما الان توی صفحه تماس با ما هستید باید  در گزینه های منوی به تگ a که گزینه تماس با ما رو لینک کرده اون استایل خاص رو اعمال کنید،برای صفحه های دیگه هم همینطور،پس لازمه یه کلاس توی فایل cssتون تعریف کنید و معمولا هم اسشو میذارن active یا selected یا مثلا current-page،توی سیستم هایی مثل وردپرس باید توی فایل style.css خودتون کلاس  current_page_item رو تعریف کنید و بهش استایل بدید،برای تگ a که زیر این li قرار میگیره هم باید استایل تعریف کنید.

مثلا :

معمولا هم استایلی که فرق میکنه برای همون تگ a (دومی) تعریف می کنن.

موفق باشید.

1  تشکر
یکشنبه ، 21 جولای 2013     5:55 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

ممنون که جواب دادی آقا کیوان.

من منظورم صفحات دینامیک مثلا یه وبلاگ بود. و منو هم به این صورت باشه که هر وقت url منو با url  صفحه ای که الان توش هستی (self) یکی بود استایلش فرق کنه.

فکر میکردم سی اس اس  همچنین سلکتوری داره که این کارو بکنه.

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

باز هم تشکر آقا کیوان.

در پناه حق باشید یا علی.

0  تشکر
یکشنبه ، 21 جولای 2013     7:16 ب.ظ #


کیوان علی محمدی

Authorplus
VIP
1792 پست4 تاپیک

خوب با جاوا اسکریپت و PHP هم میشه انجام داد به شرطی که اسم صفحه مورد نظر توی آدرس یا همون url موجود باشه.

مثال با PHP :

این یه تابع PHP هست که اسم صفحه جاری رو میگیره و بعد با پارامتر اول مقایسه میکنه اگه برابر بود پارمتر دوم رو به عنوان خروجی برمیگردونه.

نحوه استفاده اش هم اینطوریه :

 

1  تشکر
یکشنبه ، 21 جولای 2013     8:22 ب.ظ #


meyti pugo

Subscriber
58 پست10 تاپیک

عزیز باید از خاصیت اکتیو سی اس اس استفاده کنید..

li:active{

که در این قسمت خاصیت هارو که مد نظر دارین اضافه میکنید..  مثلا بکگراندش سبز بشه و اینجور چیزها.. مثل hover عمل میکنه با این تفاوت که در حالی که فعال هست یا به قول شما توی اون صفحه هستین صورت میگیره..

}

0  تشکر
یکشنبه ، 21 جولای 2013     10:52 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

[quote=13131]عزیز باید از خاصیت اکتیو سی اس اس استفاده کنید.. li:active{ که در این قسمت خاصیت هارو که مد نظر دارین اضافه میکنید.. مثلا بکگراندش سبز بشه و اینجور چیزها.. مثل hover عمل میکنه با این تفاوت که در حالی که فعال هست یا به قول شما توی اون صفحه هستین صورت میگیره.. } [/quote]

دوست عزیز اکتیو که مال کلیک کردن بر روی عنصره و به این موضوعی که ما گفتیم ربطی نداره.

بهرترین راه اینه که در هر صفحه گزینه ی منوی مورد نظر رو کلاس دیگه ای بهش بدیم و استایلشو عوض کنیم.

0  تشکر
دوشنبه ، 22 جولای 2013     11:44 ق.ظ #


meyti pugo

Subscriber
58 پست10 تاپیک

شما مگه نمیخوای که وقتی روی about کلیک شد و وارد صفحش شدین توی منو اسمش یه استایل متفاوت با بقیه داشته باشه؟

0  تشکر
دوشنبه ، 22 جولای 2013     11:48 ق.ظ #


meyti pugo

Subscriber
58 پست10 تاپیک

اگر منطورتون همین باشه به این صورت حتما میشه

تست شد و خودمم همین الان یاد گرفتم 😛

اگرم منطورتونو بد فهمیدم ببخشید قصدم فقط کمکه..

1  تشکر
دوشنبه ، 22 جولای 2013     12:37 ب.ظ #


علی امینی

Author
VIP
146 پست50 تاپیک

خیلی ممنون هم از آقا کیوان هم از آقا مهدی.

مشکل حل شد.

یا علی

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

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