درخواست کد ایجاد منو ثابت در اسکرول ؟

[hamidrta 7]

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

اینو چطوری درستش کنیم؟

با تشکر

www.mashhadia.ir

[imanfakhar 26231]

#topMenu li ul {
margin-top:20px;
}

با عدد 20 بازی کنید تا به حد مطلوب برسید

[hamidrta 7]

همچنین کدی پیدا نکردیم!

همچنین کدی پیدا نکردیم!

[imanfakhar 26231]

کد را پیدا نکنید به فایل style.css اضافه کنید اگر فاصله اش زیاد شد عدد 20 را کم و زیاد کنید

[hamidrta 7]

ممنون کد رو قرار دادم 40 هم کردمش ولی فرقی نکرد اصلا!

فاصله بین درختی که میاد رو بخوام بیشتر کنم کدوم کد رو دستکاری کنم!

ممنون

[اشکان 1989]

شما این دو استایل رو تغییر بدین:

در این کد padding تغییر داده شده

#topMenu ul li {
    display: inline-block;
    margin: 0;
    padding: 8px 0;
}

و د راین کد margin تغییر داده شده

#topMenu ul li ul {
    background: none repeat scroll 0 0 #444444;
    box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
    display: none;
    margin: 9px 0 0;
    position: absolute;
    width: 180px;
}

امتحان کنید

[hamidrta 7]

/*
Theme Name: News-world 2
Theme URI: http://wp-iran.com/
Description: قالب خبری نیوز ورلد نسخه 2 برای وردپرس
Version: 2
Author: Wp-iran.com
Author URI: http://wp-iran.com/
*/
#logo h1 {
text-indent:999999px;
font-size:0px;
}
body {
margin-top:32px !important;
}
#topMenu {
position:fixed;
display:block;
right:0;
left:0;
top:0;
margin:0;
height:32px;
background:#444;
color:#fff;
border-bottom:1px #222 solid;
}
#topMenu ul {
margin:0;
padding:0;
list-style:none;
line-height:32px;
display:block;
}
#topMenu ul li {
display:inline-block;
margin:0;
padding:8PX 0;
}
#topMenu ul li a {
display:block;
padding:0 10px;
border-right:1px #4f4f4f solid;
color:#ccc;
text-decoration:none;
}
#topMenu ul li:first-child {
margin-right:100px;
}
#topMenu ul li ul {
margin:-5px -5px;
position:absolute;
display:none;
background:#444;
width:180px;
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px -1px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
}
#topMenu ul li:hover ul {
display:block;
}
#topMenu ul li:hover ul li ul {
display:none;
margin:-16px 150px;
}
#topMenu ul li:hover ul li:hover ul{
display:block;
}
#topMenu ul li ul li{
display:block;
margin:0;
padding:0;
}
#topMenu ul li ul li:first-child {
margin-right:0px;
}
#topMenu ul li a:hover {
background:#333;
color:#EEE
}
#topMenu ul li a:active {
background:#222;
color:#fff
}
#topMenu form {
position:absolute;
top:0;
left:100px;
height:32px;
line-height:32px;
}
#topMenu form input[type=text] {
background:#414141;
color:#fff;
border-color:#222 #444 #777;
color:#999;
padding:1px 3px;
margin-top:5px;
}
#topMenu li ul {
margin-top:20px;
}

دوست عزیز کد اول دقیقا موجوده ولی کد دوم رو خودتون ببیند طبق اون کد نویسی موجود نیست و یک چیز دیگست؟

کجاش رو تغییر بدم!!

الان فقط فاصله زیر درختی ها از هم کمه(به هم چسبیدخ) اون رو زیاد کنم حله باقی مشکلات رفع شده

[اشکان 1989]

دوست عزیز کد اول دقیقا موجوده ولی کد دوم رو خودتون ببیند طبق اون کد نویسی موجود نیست و یک چیز دیگست؟

کجاش رو تغییر بدم!!

الان فقط فاصله زیر درختی ها از هم کمه(به هم چسبیدخ) اون رو زیاد کنم حله باقی مشکلات رفع شده

خوب شما توی این کد:

#topMenu ul li ul {
margin:-5px -5px;
position:absolute;
display:none;
background:#444;
width:180px;
box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow:1px -1px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-khtml-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, 0.2);
}

خاصیت margin رو این شکلی کنید:

 margin: 9px 0 0;

تذکر حتما کد اولی هم که گفتین وجود داره رو هم تغییر بدین وگرنه درست کار نمیکنه.

ویرایش شده مرداد 92 توسط اشکان

[hamidrta 7]

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

می خوام از هم زیاد تر بشه فاصلشون!

[اشکان 1989]

در استایل زیر:

#topMenu ul li a {
}

padding رو به این شکل تغییر بدین:

    padding: 4px 5px;

و در این استایل

#topMenu ul li ul {
}

margin رو به این شکل تغییر بدین:

    margin: 5px 0 0;

[imanfakhar 26231]

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

#topMenu ul li li {line-height:150%;}