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

[سیدرضا بازیار 257]

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

www.balyan.ir/sms

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

www.balyan.ir

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

[سیدرضا بازیار 257]

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

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

[Parsa 23463]

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/

[سیدرضا بازیار 257]

عالی بود

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

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

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

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

www.balyan.ir/sms

[NESTED 4295]

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

که یک 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;
}

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

[سیدرضا بازیار 257]

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

اما خیلی بد شد

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

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

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

http://www.bisms.ir/

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

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

[Parsa 23463]

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

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

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

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

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