ی سوال « انجمن وردپرس فارسی

mohammad32

آفلاین
عضو
تعداد نوشته‌ها: ۱۴
# نوشته شده: ۱۲ سال پیش
۲۲ شهریور ۱۳۹۱ - ۰۰:۰۴

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

http://s1.picofile.com/file/7497597632/666.png
پویا آنلاین

آفلاین
عضو
تعداد نوشته‌ها: ۵۴۵
تشکر شده: ۳۳۳ بار
# نوشته شده: ۱۲ سال پیش
۲۲ شهریور ۱۳۹۱ - ۰۹:۴۵

سلام. از طریق استایل رنگ بکگراند رو تعیین کن.
موفق باشی :-)

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
mohammad32 - pdf-book
best designer

آفلاین
عضو
تعداد نوشته‌ها: ۵۵۲
تشکر شده: ۲۸۵ بار
# نوشته شده: ۱۲ سال پیش
۲۲ شهریور ۱۳۹۱ - ۰۹:۵۳
باید از خاصیت background استفاده کنید و توی مقدارش رنگ مورد نظرتون رو وارد کنید برای زرد : #FFFF00 کلا میشه :
```
background: #FFFF00;
```
اگه بخوای با رفتن ماوس روی اون رنگش تغییر کنه باید از ویژگی hover استفاده کنی که یخورده پیچیده تره باید کلاست اون قسمت قالب رو ببینم تا بنویسم برات .
```
.class a:hover {
background: #FFFF00;
}
```
بجای class باید کلاس تعیین کننده مقادیر منوی بالایی رو وارد کنید .
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
mohammad32 - pdf-book

.nav-c112  {
list-style : none;
font-size : 8pt;
line-height : normal;
margin : 0;
text-align : right;
float : left;
height : 38px;
width : 905px;
padding-top : 12px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
text-shadow : #fff 1px 1px 0;
background-image : url(images/nav.png);
background-repeat : no-repeat;
background-position : center top;
 }
 .menu  {
height : 25px;
display : block;
 }
 .menu ul  {
list-style : none;
padding : 0;
margin : 0;
 }
 .menu ul li  {
float : right;
overflow : hidden;
position : relative;
text-align : center;
line-height : 22px;
 }
 .menu ul li a  {
position : relative;
display : block;
width : 91px;
height : 35px;
font-family : Tahoma, Arial, Helvetica, Georgia, Sans-serif;
font-size : 11px;
letter-spacing : 0;
text-transform : uppercase;
text-decoration : none;
cursor :  pointer;
 }
 .menu ul li a span  {
position : absolute;
left : 0;
width : 91px;
 }
 .menu ul li a span.out  {
top : 0;

 }
 .menu ul li a span.over, .menu ul li a span.bg  {
top : -35px;
 }
 #menu ul li a  {
color : #393939;
 }
 #menu ul li a span.over  {
color : #000;
 }
 #menu ul li span.bg  {
height : 25px;
background : url('images/bg_over.gif') center center no-repeat;
 }

این قسمت مربوطه

best designer

آفلاین
عضو
تعداد نوشته‌ها: ۵۵۲
تشکر شده: ۲۸۵ بار
# نوشته شده: ۱۲ سال پیش
۲۲ شهریور ۱۳۹۱ - ۱۱:۴۷
این کدرو بهش اضافه کن :
```
#menu ul li a:hover  {
background: #FFFF00;
 }
```
امتحان کن جوابشو بنویس اینجا .
کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
mohammad32
mohammad32

آفلاین
عضو
تعداد نوشته‌ها: ۱۴
# نوشته شده: ۱۲ سال پیش
۲۲ شهریور ۱۳۹۱ - ۱۸:۱۲
```
.menu ul li a span  {
position : absolute;
left : 0;
width : 91px;
background : url('images/Bg_1.png') center center no-repeat;
```
با اضافه کردن خط آخر همونی شد ک من میحواستم.

وردپرس فارسی

انجمن

ی سوال (۶ نوشته)

درباره‌ی این موضوع

برچسب‌ها