Как сделать ссылки кнопками?

Добрый день!
Вопрос такой. Я добавил в сайдбар несколько ссылок, которые находятся в одной рубрике, соответственно они и выводятся одним блоком, который имеет название этой рубрики. Как сделать так, чтобы вместо текстовых ссылок были кнопки? И только в одной этой рубрике. Остальные ссылки в разделах: категории, страницы, архивы и т.д., чтобы оставались текстовыми.
Спасибо!

это даже не к WP, это к CSS, а именно его свойствам display, border, margin, padding, которые необходимо изменять для ul,li.

это даже не к WP, это к CSS, а именно его свойствам display, border, margin, padding, которые необходимо изменять для ul,li.

Вообще-то я догадываюсь об этом :), но всё-таки я хотел получить не теоретический, а практический ответ. Кто может помочь? Могу скинуть код сайдбара и стилей. Аська: 462826423

HTML код списка давай сюда.

HTML код списка давай сюда.

Я не понял, что Вы имеете ввиду под понятием "HTML код списка". Насколько я понимаю, в WP нет кода HTML. Разговори идет о сайте: grandmedgroup.com. В левой колонке рубрика "Медтехника". Могу дать доступ в админку, если надо.

<ul class='xoxo blogroll'>
<li><a href="http://grandmedgroup.com/?page_id=84" title="Датчики для УЗИ-систем">Датчики УЗИ</a></li>
<li><a href="http://grandmedgroup.com/?page_id=41" title="Компьютерные томографы">Компьютерные томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=93" title="Маммографы">Маммографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=116" title="Мобильные Магнино-Резонансные Томографы">Мобильные МР Томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=81" title="Системы типа С-дуга">Системы типа С-дуга</a></li>
<li><a href="http://grandmedgroup.com/?page_id=118" title="Стационарные Магнитно-Резонансные Томографы">Стационарные МР Томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=43" title="Ультразвуковые Системы">Ультразвуковые Системы</a></li>

    </ul>

Получается надо писать CSS для класса xoxo
например /на скорую руку

.xoxo {
        margin:10px 0 10px 0;
    }
    .xoxo li {
        border:1px solid red;
        list-style-type:none;
        margin:10px 0 10px 0;
        background-color:#F00;
        width:200px;
    }
    .xoxo li a {
        padding: 5px 10px 5px 10px;
        text-decoration:none;
        display:block;
    }
    .xoxo li a:link{
        background-color:#F00;
        color:white;
        }
    .xoxo li a:visited {
    background-color:#F00;
        color:white;
        }
.xoxo li a:hover{
        background-color:white;
        color:red;
        }
<ul class='xoxo blogroll'>
<li><a href="http://grandmedgroup.com/?page_id=84" title="Датчики для УЗИ-систем">Датчики УЗИ</a></li>
<li><a href="http://grandmedgroup.com/?page_id=41" title="Компьютерные томографы">Компьютерные томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=93" title="Маммографы">Маммографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=116" title="Мобильные Магнино-Резонансные Томографы">Мобильные МР Томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=81" title="Системы типа С-дуга">Системы типа С-дуга</a></li>
<li><a href="http://grandmedgroup.com/?page_id=118" title="Стационарные Магнитно-Резонансные Томографы">Стационарные МР Томографы</a></li>
<li><a href="http://grandmedgroup.com/?page_id=43" title="Ультразвуковые Системы">Ультразвуковые Системы</a></li>

    </ul>

Получается надо писать CSS для класса xoxo
например /на скорую руку

.xoxo {
        margin:10px 0 10px 0;
    }
    .xoxo li {
        border:1px solid red;
        list-style-type:none;
        margin:10px 0 10px 0;
        background-color:#F00;
        width:200px;
    }
    .xoxo li a {
        padding: 5px 10px 5px 10px;
        text-decoration:none;
        display:block;
    }
    .xoxo li a:link{
        background-color:#F00;
        color:white;
        }
    .xoxo li a:visited {
    background-color:#F00;
        color:white;
        }
.xoxo li a:hover{
        background-color:white;
        color:red;
        }

Вы взяли исходный код, где всё предельно просто и где есть класс "xoxo", которого я кстати не нашел ни в одном файле этой темы и написали к этому списку код. На самом деле, я не вижу ни этого класса, ни этого списка, куда что писать, непонятно. Кроме того, насколько я понял, Вашим кодом Вы просто закрасили строки, в которых находятся списки. Мне же нужно, чтобы текстовая ссылка была написана на кнопке. У Вас в коде картинки нет.

Я взял код с вашего сайта (открыл вашу исходную страницу http://grandmedgroup.com/ в режиме кода), привёл пример CSS-кода для того класса списка, который нашёл.
CSS для WordPress темы обычно пишется в файле style.css, который находится в каталоге темы. Учим мать часть, учим!

"Как сделать так, чтобы вместо текстовых ссылок были кнопки?" — обычно понимается как оформление ссылок и списков в виде прямоугольных блоков с соответствующим оформлением, якобы кнопки. Я ещё не встречал таких ярких примеров, где бы навигация осуществлялась кнопками формы — INPUT’ами, если вы об этом.

Банально можно открыть DW и запостить код списков и код их стилей дабы посмотреть результат.

"У Вас в коде картинки нет." а это тут при чём?

CSS для WordPress темы обычно пишется в файле style.css, который находится в каталоге темы. Учим мать часть, учим!

Я же Вам написал, что такого класса в файлах темы, включая и style.css нет. Могу выслать файл.

Я ещё не встречал таких ярких примеров, где бы навигация осуществлялась кнопками формы — INPUT'ами, если вы об этом.

Именно об этом. Если знаете этот способ, не буду против, если подскажете.

"У Вас в коде картинки нет." а это тут при чём?

Это для того, случая, если я решу кнопку реализовать не стилями, а именно изображением кнопки, исполненной, например, в графическом редакторе.

Я же Вам написал, что такого класса в файлах темы, включая и style.css нет. Могу выслать файл.

Menswear


это тогда что такое?????

[quote=auditor]Я же Вам написал, что такого класса в файлах темы, включая и style.css нет. Могу выслать файл.

Menswear


это тогда что такое?????[/quote]
Где?
Смотрите:

У вас хохо прописан в файлах темы, но СТИЛЯ для него НЕТ!!!

в http://grandmedgroup.com/wp-content/themes/GMG1/style.css надо вписать все нужные стили.

Anonymous
Отправить
Ответ на: