PDA

View Full Version : سوال: منوی بالای صفحه (سوال)


EDRIS0131
یک شنبه 12 اردیبهشت 1395, 18:43 عصر
با عرض سلام

دوستان دقیقا نمیدونم شما به این چی میگید ( شکل شماره یک )

لطفا به عکس توجه کنید .
140205

این عکس از سایت کافه بازاره
همینطور که قابل مشاهده هست وقتی اسکرول ( شماره دو در عکس ) رو بالا و پایین میکنیم ان منوی بالا (شماره یک) هیچ تغییری نمیکنه و سر جاش هست

اسمش چیه و چطور ساخته میشه؟؟

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

آیا نرم افزار خاصی هست که بدون کد نویسی بتونه همچین چیزی برام طراحی کنه ؟؟

--------------------------------------------------

منتظر راهنمایی شما بزرگوارن هستم
با تشکر
دانیال دزفولی
دوشنبه 13 اردیبهشت 1395, 06:43 صبح
.menu{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #333;
z-index: 9999
}
EDRIS0131
دوشنبه 13 اردیبهشت 1395, 20:53 عصر
وقتی سوال رو متوجه نمیشید یا اطلاع ندارید کسی رو راهنمایی نکنید






.menu{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #333;
z-index: 9999
}



--------------------------
با عرض سلام و ممنون از راهنمایی هاتون
ولی متاسفانه برام کار نمیکنه

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





<html>
<head>
<style>


.menu{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #333;
z-index: 9999
}
</style>

</head>

<body >
دانیال دزفولی
سه شنبه 14 اردیبهشت 1395, 03:53 صبح
https://jsfiddle.net/Eagle_Design/ebgcsxf2/
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 05:05 صبح
https://jsfiddle.net/Eagle_Design/ebgcsxf2/

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

به این نوع منو که بالا هست و تکون نمیخوره چی میگن؟
دانیال دزفولی
سه شنبه 14 اردیبهشت 1395, 05:34 صبح
وقتی position رو fixed بدی دیگه منو تکون نمیخوره

https://www.w3.org/Style/Examples/007/menus.en.html
این رو هم ببین
اسم خاصی هم ندارن میتونی
fixed menu css3
رو سرچ کنی

پ.ن :
اون سایت هم همینکارو کرده
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 08:23 صبح
ممنون از راهنمایی و وقی که گذاشید
مطالب رو مطالعه کردم تو اینترنتم کمی گشتم

به هر حال فکر نکنم بنده بتونم دستی منوی زیبا و کاربر پسندی طراحی کنم ( چون این رو تو برنامه اندرویدم نیاز دارم )

در حال حاظر از یه برنامه css menu من منو ها رو میسازم ( html زو بلدم ولی جاوا اسکریپت و سی اس اس رو در حد خیلی کم میدونم)

من سورس مربوط به منویی که این نرم افزار رو میسازه اینجا میذارم

ممنون میشم چک کنید و بگید که در کجاش باید ان " فکس شدن " رو نوشت (چون من هزچی نگاه میکنم نمیبینم)
http://myworldpage.faa.im/files/archive.rar
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 08:23 صبح
/* Created with Easy CSS Menu */
دانیال دزفولی
سه شنبه 14 اردیبهشت 1395, 08:25 صبح
توی سایت https://jsfiddle.net/
html , css رو توش جای خودشون بذارید تا مشخص باشه
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 08:50 صبح
https://jsfiddle.net/edris0131/y65s4f60/

خدمت شما بزرگوار
دانیال دزفولی
سه شنبه 14 اردیبهشت 1395, 08:54 صبح
https://jsfiddle.net/Eagle_Design/rqky0f9z/
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 09:02 صبح
ممنون
من نمیخوام copy/past کنم
میخوام یاد بگیرم وقتی با این نرم افزار یه منویی رو میسازم بعد برای اینکه فیکس بشه باید کجای فایل سی اس اس مربوط به ان منو رو ویرایش کنم تا فیکس بشه
https://jsfiddle.net/Eagle_Design/rqky0f9z (https://jsfiddle.net/Eagle_Design/rqky0f9z/)

رو چک کردم
ویرایش های (حذف ها ) مربوط به کددهای html رو متوجه شدم
ولی چون کد سی اس اس طولانی بود نفهمیدم چطوری و کجاشو ویرایش کردید

در صورت امکان اگه راهنمایی کنید ممنون میشم
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 09:05 صبح
فکر کنم متوجه شدم
به جای کد

/* Created with Easy CSS Menu */

#mbmcpebul_wrapper {
padding: 5px;
border-style: solid;
border-color: transparent;
border-width: 0;
border-radius: 0;
background-color: #2869C1;
box-shadow: none;
border-collapse: separate;
font-size: 0;
line-height: 0;
}



این رو قرار دادید

/* Created with Easy CSS Menu */

body {
padding-top: 40px;
}

#mbmcpebul_wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 5px;
border-style: solid;
border-color: transparent;
border-width: 0;
border-radius: 0;
background-color: #2869C1;
box-shadow: none;
border-collapse: separate;
font-size: 0;
line-height: 0;
}



----------------
درسته؟
EDRIS0131
سه شنبه 14 اردیبهشت 1395, 09:07 صبح
تست کردم...انگار کاملا درست شده و کار میکنه

بینهایت ممنون از راهنمایی و کمکتون
EDRIS0131
سه شنبه 21 اردیبهشت 1395, 13:20 عصر
https://jsfiddle.net/Eagle_Design/rqky0f9z/
--------------------------------------
سلام مجدد
دوست گرامی ممنون از زحمت ها تون

مجددا با یه مشکلی روبه رو شدم که امیدوارم از هم با صبر بنده رو راهنمایی کنید

چون این برنامه رو برای اندروید دارم میسازم با کمی تست متوجه شدم که اگه این منو در پایین صفحه قرار بگیره خیلی تو دسترس تر خواهد شد
چطوری میشه این منو رو در پایین صفحه قرار داد که همیشه در پایین ترین قسمت صفحه ثابت بمونه
EDRIS0131
سه شنبه 21 اردیبهشت 1395, 13:26 عصر
دقیقا بشه مثل این عکس
یعنی از ان بالا که هست (قسمت 1) بیاد به قسمت سه . ثابت بمونه

140332
دانیال دزفولی
سه شنبه 21 اردیبهشت 1395, 13:27 عصر
https://jsfiddle.net/rqky0f9z/1/