استایل زیبا برای منو - Responsive Navigation Ideas (نمونه 1) : از چپ به راست

- visibility ۶ mode_comment

در این مطلب و مطالب بعدی تعدادی نمونه زیبا برای Navigation طراحی واکنشگرا با عنوان Responsive Navigation Ideas رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید.Responsive Navigation Ideas

کد HTML :

کد CSS :

کد JS:

در این مطلب از jQuery استفاده شده است.

امیدوارم خوشتون بیاد.

موفق باشید. یا علی

Source

comment دیدگاه کاربران
Mahmood Dabestani

سلام آقای آوند عزیز.
عذر میخوام یه سوال داشتم
میخواستم خواهش کنم اگه ممنکنه بفرمایید که چطور اون new کوچیک و سبز رنگ (که در صفحه ی اصلی سایتتون کنار مطالبی که اخیرا نوشتید دیده میشه ) رو گذاشتید؟
راستش بنده هم میخوام برای سایتم از این ویژگی استفاده کنم.
اینم سایت بنده است
https://www.arize.ir
سپاس.

محمد اسفندیاری

دوست عزیز من برنامشو ننوشتم ولی به راحتی میتونین این کار رو با if انجام بدین…..در زمانی که دارید پست رو برای اولین بار به وجود میارید، زمان به وجود آوردن رو در Database ذخیره کنید و در زمان خواندن پستها شرط بزارید که اونایی که از 24 ساعت کمتر هستند یک new در کنارشون قرار داده بشه
بعدش با css میتونین بهش استایل بدین
موفق باشید

Mahmood Dabestani

مشکل اینجاست که اصلا بنده کد نویسی بلد نیستم.
میشه خواهش کنم کدش رو لطف بفرمایید؟

وحید صالحی

خدمت شما دوست عزیز

کد رو داخل حلقه while قرار بدید عدد 24 نشان دهنده یک شبانه روز هست که می تونید افزایش بدید مثلا 48 ساعت برای 2 روز و بیشتر یا کمتر موفق باشید

Mahmood Dabestani

درود بر شما جناب صالحی
بنده متاسفانه نمیدونم حلقه ی while کجاست ؟ تو کدوم فایل رو باید بگردم؟
میشه خواهش کنم زیر دیپلم توضیح بفرمایید؟

وحید صالحی

سلام آقا محمود پیشنهاد می کنم دوره طراحی قالب وردپرس آقای علیمحمدی رو شرکت کنید چون در سر راه طراحی تون با مشکلات زیادی روبرو خواهید شد و چون پیدا کردن جواب ممکنه مشکل باشه حتما باعث دلزدگی تون خواهد شده الان هم حلقه while رو بخوام توضیح بدم خیلی سوالات دیگه براتون پیش خواهد اومد اما در کل در صفحه index و جایی که حلقه نمایش مطالب سایت هست موجود بعد از تابع if have post که در صفحات دیگه هم می تونه باشه…

نیاز به لاگین

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