منو های مختلف برای سایت

[سارامحمدی فرد 10]

با سلام

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

داخل css به این کد بر خورد کردام:

h3 {
background-image: url(../images/me.png);
background-position:right;
background-repeat:no-repeat;
color:#5B8E80;
text-align: right;
padding-right: 560px;
height: 120px;
line-height: 21px;
font-size: 26px;
font-family:Tahoma;
margin-top:0px;
margin-bottom:0px;
   margin-right: 20px;;
}

که شکل منوی اصلی ام را تشکل می دهد

حالا اگر من بخواهم 20 تا اینطوری داشته باشم

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

چطوری می توانم به ماژولم ارتباطش بدهم

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

[reza.sh 19]

از این آموزش استفاده کنید

[سارامحمدی فرد 10]

با سلام

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

می شود کمک کنید و یک توضیح بسیار کوتا بدید

فقط عکس منو را می خواهم تغیر بدام

ممنون می شوم

[سارامحمدی فرد 10]

دوستان کسی نیست به من پاسخ دهد

مهم برایم من اون اموزش کامل مطالعه کردام اما نشد

دوستان راهی چیزی دارند بگوید

لطفآ

[reza.sh 19]

اول شما یک کلاس جدید تعریف کنید در فایل css قالب و سپس هر کدی که میخواید رو توش بنویسید و در خود ماژول فراخوانی کنید

برای تغییر پس زمینه ، خاصیت زیر رو تغییر بدید ، بجای ادرس تصویر پیش فرض ادرس تصویر خودتون رو قرار بدید

background-image: url(../images/me.png);

[سارامحمدی فرد 10]

با سلام

من این کار انجام دادام

این کد اصلی منوی من با عکس اصلی:

h3 {
background-image: url(../images/me.png);
background-position:right;
background-repeat:no-repeat;
color:#5B8E80;
text-align: right;
padding-right: 560px;
height: 120px;
line-height: 21px;
font-size: 26px;
font-family:Tahoma;
margin-top:0px;
margin-bottom:0px;
   margin-right: 20px;;
}

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

.me2{
background-image: url(../images/me2.png);
}

و اون اینطوری فراخوانی کردام

meun_ me2

باز هم منوی من تغیر نکرد

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

با تشکر