پرسش و پاسخ – منوها یا Navigation Bar در CSS

نه ببخشید عمودی میخواستم مثل اینکه به saman معرفی کردید

همین لینک همونیه که به دوست مون داده بودم و عمودی هس

منظورم افقیه
عمودی اش رو نمیخوام

منوی افقی با زیرمنو
کلیک کنید

نه منظورم این نبود منظورم این بود که اونی که شما دادید فقط شماره رو میگه مثلا رمز ۱۲۳۴ هست اما اگه رمز ۱۳sk باشه sk رو نشون نمیده و یکباره میزنه نام کاربری اشتباهه و من جاوا بلد نیستم و نمیتونم درستش کنم و میخواستم ببینم شرایط ادمین شدن در اینجا چیه توی آزمون اچ تی ام ال هم نمره ۳۳ از ۴۷ گرفتم 😂

همونطور که اشاره کردم اگه یه چیز واقعی و با امنیت و در یه کلام یه چیز داینامیک بخوای باید php و پایگاه داده mysql بلد باشی
الان اینی که با js ایجاد شده نه امنیت داره نه داینامیک هست، چون شما خودتون باید دستی رمز رو بهش بدید ولی در php دیگه رمز میشه رمز کاربری که خودش انتخاب کرده و ثبت نام کرده در پایگاه داده، و اینکه تو این سورس امنیت در معنای واقعی نیست یعنی شما سورس صفحه رو ببین خب رمز هم میتونی ببینی ولی در php دیگه اینجوری نیست.

حال همین سورس js اصلاح شده و در قسمت userpassword هرچی مشخص کنید در خروجی نمایش میده ( مشاهده سورس )

+ اگه بخواید به حدی برسید که بتونید مثلا سیستم ثبت نام و ورود ، پروفایل کاربری یا مثلا پنل ادمین و از این حرفا ایجاد کنی باید زبان های html و css و جاوااسکریپت ( جاوا نه، چون جاوا خودش یه زبان برنامه نویسی مجزاست ) ( جاوااسکریپت هم در حد متوسط ) و php و برای کار با پایگاه داده mysql رو بلد باشی.
+ پیشنهاد من برای یادگیری اول html و بعد css و بعدش آشنایی متوسط با جاوااسکریپت و در نهایت بعدش php و mysql می باشد.

این mysql هاست میخواد درسته؟؟؟

بله هاست میخواد
کلا خوده زبان Php فقط بروی هاست و سرور اجرا میشه و پایگاه داده ها هم مثه mysql در کنار php بروی هاست و سرور اجرا میشن

باسلام
اگه منظورت منو هست که یکم بیاد و بعد مخفی شه و از این حرفا معمولا برای منو اینکارو نمیکنن و یجورایی نمیشه
ولی برای ستون یا سایدبار بغل انجام میدن
میتونی این مثال رو بررسی کنید

بله این رو میخوام اما اگه میشه بگید چه کدی توی سی اس اس یا حاوا هست که این کار رو انجام میده و یک مثال بدون جاوا اگه میشه بدید و توی سایت خودتون هم باشه بهتره ممنون
مثلا همین ستون های کناری بدون جاوا هم میشه این کار رو کرد ؟ اگه میشه گدش رو بدید
و اگر هم جاوا میخواد که اگه میشه یکمی ساده تر توضیح بدید چون من جاوا بلد نیستم و از این مثال هیچ چیز نفهمیدم

برخی از کارا با یکی دوتا تکه کد انجام میگیره و برخی با صدها خط کد، و اگه یه خط کد از اون ۱۰۰خط نباشه دیگه کار نمیکنه و کدها هم جوری نیست که بشه همه رو خط به خط توضیح داد، شما باید اول html و بعدش css و بعدش جاوااسکریپت رو یاد بگیرید ، بدون آشنایی بخواید چیزی رو درک کنی نمیشه و وقت تلف کردنه.
ولی وقتی با این زبان ها آشنایی نسبتا کاملی داشته باشید حداقلش میتونید خیلی از کدهارو درک و تفسیر کنید.

نمونه با CSS خالی
نمونه با JS

ببخشید شما که fixed قرار دادید اصلا شبیه مثال قبلی نیست و من css و html بلدم اما نمیتونم تجزیه و تحلیلش بکنم

اونکه با CSS خالی هست خب با fixed هست و میبینی که فیکس میشه با اسکرول کردن و با CSS در همین حده
ولی با JS و jquery دیگه اون fixed دیگه کاره ای نیست و اصل کارو jquery انجام میده
تو پروژه هایی که جی کوئری وجود داره، جی کوئری هم یه فایل هست که چندصد خط کده و اگه همین فایل نباشه دیگه اون پروژه کار نمیکنه

یا اصلا چه شکلی تایین کنیم که کجا وایسه ؟

شما اگه با ویژگی position در CSS آشنا باشید خب میدونید این ویژگی چندین حالت داره که fixed و sticky یعنی فیکس کردن و حالت چسبنده
چسبنده یعنی از یه نقطه ای به بعد بچسبه ولی فیکس در همه حال فیکسه
اینکه تعیین کنیم که کجا وایسه و از این حرفا با sticky فقط میشه نقطه چسبندگی رو مشخص کرد مثه منو هایی که میان پایین بعد میچسبن
مثال از sticky
مثال از fixed
با sticky میشه چندین باکس چسبنده ایجاد کرد که وقتی اسکرول میکنی میای پایین اون باکس یکی پس از دیگری بچسبن به سقف مرورگر

خب من الان میخوام sticky رو یکاری کنم از یجایی شروع بشه که این رو میدونم و یک جایی توقف کنه که من میخوام مثلا وسط خط توقف کنه و دیگه نیاد مثلا برید توی وب خودم وقتی منو رو میبرید پایین و میرسید به درباره من همونجا یهوییی منو می ایسته من نمیدونم این چه شکلی به وجود اومده که اونجا به ایسته و میخوام برای ستون هامم کار بزارم اما میخوام ببینم اون چه شکلی اونجا می ایسته که تایین کنم ستونم کجا به ایسته
واسه همین میخوام مثال های شما رو گه میتونم میخوام یک جایی به ایسته که من میخوام

الان منظورتون واضحتر بود
این مثال رو بررسی کنید

در این مثال ۳ بخش اصلی داریم ، هدر و محتوای اصلی و فوتر
هدر که هیچ ولی باکس محتوای اصلی توش ۲ بخش وجود داره، یه بخش محتوا و یه بخش سایدبار که قراره چسبون باشه
فوتر هم اون پایین هست
حال در دستورات جاوااسکریپت ۲ بخش هست که باید مشخص بشه و حواستون بهش باشه، یکی نام کلاس سایدبار و دیگری نام کلاس فوتر ، اینجاست که متوجه میشه وقتی اومد پایین رسید به فوتر دیگه نیاد پایین

خواهش میکنم
امیدوارم که مشکلی پیش نیاد ولی اگه هم بود بهم بگو