Html шаблон сайтбара
Помогите пытаюсь загнать свой шаблон сайдбара ужи целую неделю, проблема в том что я не пойму как это зделать видь вордпресс создает сваи классы сайтбара по умолчанию а у меня такой код.
. Вот код.
html <span id="ttlMainBlickSB2">лента</span> <a href="#">название рубрики</a> <a href="#">название рубрики</a> <a href="#">название рубрики</a> <a href="#">название рубрики</a> <a href="#">название рубрики</a> <a href="#">название рубрики</a> css #sidebar{ width: 250px; float: right; } .Lenta > a { display: block; color: #ccc; font-size: 12px; padding: 2px 0; text-shadow: 1px 1px 0px #111; } .Lenta > a:hover { color: #fff; background-color: #ccc; } .Lenta { padding: 0 5px 5px 5px; } #mainBlockSidebarLenta { height: 140px; padding: 7px; background: url(images/Tape.png) repeat-x 0 100% #4C4747; } .contentBlockSidebarlenta { border-top: 1px solid #9e9a9a; } span#ttlMainBlickSB2 { display: block; text-align: center; text-transform: uppercase; padding-bottom: 7px; color: #f5f5f5; font-size: 14px; text-shadow: 1px 1px 0px #111; border-bottom: 1px solid #050505; } и общие правило css body { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; z-index: 5; } .customize-support { position:relative; } #wrapper { background-color: #ffffff; width: 1249px; margin: 0 auto; box-shadow: 0px 1px 0px #cc0000, inset 0px 1px 3px #ececec; -webkit-box-shadow: 0px 1px 0px #cc0000, inset 0px 1px 3px #ececec; -moz-box-shadow: 0px 1px 0px #cc0000, inset 0px 1px 3px #ececec; -o-box-shadow: 0px 1px 0px #cc0000, inset 0px 1px 3px #ececec; -y-box-shadow: 0px 1px 0px #cc0000, inset 0px 1px 3px #ececec; } a { text-decoration: none; } ul { margin: 0; padding: 0; list-style: none; } .clear{ clear: both; } .active { background-color: #252525; }
Два решения:
1) вы пишите свой виджет (custom widget) под вашу верстку, которая вам нужна
2) вы меняете CSS код (пишите свой) для html разметки, которую выводить WP
И таким способом приводите внешний вид к тому, что в макете.