سیدرضا بازیار

تغییر کلی منو وردپرس

7 پست در این موضوع قرار دارد

من یه قالب دارم که منو های اون زیبا نیستن

www.balyan.ir/sms

منو سمت چپ اون میخوام مثل منو سایت پایین باش (پایین سایت)

www.balyan.ir

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

0

به اشتراک گذاری این پست


لینک به پست

Untitled_307138857994944570.png

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

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

0

به اشتراک گذاری این پست


لینک به پست

http://www.w3schools.com/css/css_list.asp
http://css-tricks.com/almanac/properties/l/list-style/
http://www.marcofolio.net/css/8_different_ways_to_beautifully_style_your_lists.html
http://designshack.net/articles/css/5-simple-and-practical-css-list-styles-you-can-copy-and-paste/

2

به اشتراک گذاری این پست


لینک به پست

عالی بود

این کد رو انتخاب کردم

http://codepen.io/secondfret/pen/mIBqf

کد css رو کجای استایل بزارم تا کار کنه؟

میخوام بزارمش توی استایل سایت زیر

www.balyan.ir/sms

0

به اشتراک گذاری این پست


لینک به پست

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

که یک div رو مشخص کرده بعد توی اون ul li تعریف کرده

شما استایل باکس سمت چپ سایتتون برای نمایش لینکها با آیدی #sidebar شروع میشه خب طبق نمونه باید اینطوری اسم گذاری کنید :

#sidebar {
width: 200px;
margin: 30px;
}
#sidebar h2 {
font: 400 40px/1.5 Helvetica, Verdana, sans-serif;
margin: 0;
padding: 0;
}
#sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#sidebar li {
font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
border-bottom: 1px solid #ccc;
}
#sidebar li:last-child {
border: none;
}
#sidebar li a {
text-decoration: none;
color: #000;
-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
-o-transition: font-size 0.3s ease, background-color 0.3s ease;
-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
transition: font-size 0.3s ease, background-color 0.3s ease;
display: block;
width: 200px;
}
#sidebar li a:hover {
font-size: 30px;
background: #f6f6f6;
}

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

3

به اشتراک گذاری این پست


لینک به پست

همین کار رو کردم

اما خیلی بد شد

خیلی خیلی زشت میشه

من میخوام منو سایتم رو تغییر بدم

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

http://www.bisms.ir/

میخوام فقط 3 تا از منو های سایتم مثل سایت بالا باشه

چطوری میتونم 3 تا منو دستی رو به سایتم اضافه کنم؟

0

به اشتراک گذاری این پست


لینک به پست

استایل که داده شد

شما 3 منو ایجاد کنید

با کلاس ثابت یا متفاوت و استایل بدید


<ul id="sidebar">
<li>1</li>
<li>2</li>
</ul>

نوشته sidebar را هم بهتره تغییر دهید

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری