ثابت کردن منو سایت

[roghayeheyoon3 10]

سلام.

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

میخوام منو رو خودم طراحی کنم.طوری که سمت راستش منوی سایت و قسمت چپش جستوج داشته باشه.

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

ضمنا" به css هم تا حد زیادی آشنایی دارم.

[alirezazare 54]

سلام.

ضمنا" به css هم تا حد زیادی آشنایی دارم.

اگر همانطور که فرمودید با css تا حد زیادی آشنایی دارید میتونید از دستور زیر استفاده کنید

position: fixed;

[roghayeheyoon3 10]

سلام.

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

میخوام منو رو خودم طراحی کنم.طوری که سمت راستش منوی سایت و قسمت چپش جستوج داشته باشه.

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

ضمنا" به css هم تا حد زیادی آشنایی دارم.

آقای زارع ممنون.

ولی یه مشکلی دارم.اون هم این که منو از عناصر پایینی فاصله نمیگیره و و پشت اونها قرار داره.

از padding و margin هم استفاده کردم ولی فاصله نمیگیره.

لطفا" راهنمایی کنید

[roghayeheyoon3 10]

آقای زارع ممنون.

ولی یه مشکلی دارم.اون هم این که منو از عناصر پایینی فاصله نمیگیره و و پشت اونها قرار داره.

از padding و margin هم استفاده کردم ولی فاصله نمیگیره.

لطفا" راهنمایی کنید

[alirezazare 54]

لطفا دموی انلاین بدید تا بهتر راهنمایی شوید .

[poter 10]

سلام و درود .

وقتی بشت اون ها قرار میگیره شما باید از کد z-index استفاده کنید. بنویسید:

z-index=10

به احتمال قوی میشه اگه نشد اون ۱۰ رو بیشتر کنید حتما میشه

[roghayeheyoon3 10]

ممنون.درست کردم.

position: fixed; در کدهای css قرار بدم؟

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

[poter 10]

قالبت تو جوملاس یا نه ؟

[roghayeheyoon3 10]

بیشتر برام یادگیری کدنویسی مهمه نه سیستم مدیریت

[roghayeheyoon3 10]

تونستم منو رو ثابت کنم.

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

لطفا" کمک کنید

[poter 10]

شما یه موقعیت تو قسمت چب درست می کنی بعدش توش یه عکس می زاری هر عکسی که می خوای . بعدش با استفاده از جاوااسکریبت یا جی کویری اون افکتی رو که می گی رو بهش می دی.

<div id="search"></div>

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

#search{
width: 50px;
height: 50px;
background-image: url('your images url');
background-repeat: no-repeat;
background-size: cover;
}

[aminweb 26]

بهترین و اصولی ترین روش برای ثابت کردن منو استفاده از دو دایو مجزا و فراخوانی اون با یک فایل جاوا اسکریپت هستش

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

حالا شما تو دایو دوم میتونید پوزیشن رو fixed قرار بدید.

الیته js آمادش هست تو نت فک کنم keepmenu.js

[roghayeheyoon3 10]

شما یه موقعیت تو قسمت چب درست می کنی بعدش توش یه عکس می زاری هر عکسی که می خوای . بعدش با استفاده از جاوااسکریبت یا جی کویری اون افکتی رو که می گی رو بهش می دی.

<div id="search"></div>

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

#search{
width: 50px;
height: 50px;
background-image: url('your images url');
background-repeat: no-repeat;
background-size: cover;
}

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

ممنون میشم.

[poter 10]

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

[alirezazare 54]

این لینک میتونه کمکتون کنه

Sticky menu on scroll

[alirezazare 54]

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

sticky-navigation دانلود ● آپلود سنتر انجمن جوملای ایران

[roghayeheyoon3 10]

بهترین و اصولی ترین روش برای ثابت کردن منو استفاده از دو دایو مجزا و فراخوانی اون با یک فایل جاوا اسکریپت هستش

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

حالا شما تو دایو دوم میتونید پوزیشن رو fixed قرار بدید.

الیته js آمادش هست تو نت فک کنم keepmenu.js

میشه بگید چجوری تین کار رو انجام بدم؟