Закругление кнопок

#1 5 ноября 2012 в 18:31

Как можно закруглить все кнопки, которые на сайте?
Вот о каких кнопках идет речь: f2.s.qip.ru/6wVwQ8nY.png

#2 5 ноября 2012 в 18:35

у меня по ссылке прямоугольные кнопки

#3 5 ноября 2012 в 18:42

Ну а я о чем? мне нужно, что бы они стали круглыми. ну всмысле, с закруглёнными углами

Сегодня в 11:01

#4 5 ноября 2012 в 18:47

Korolev, тут про закругление

оптимизирую помаленьку

#5 5 ноября 2012 в 18:48

Я спрашиваю, куда кидать код, что бы закруглить кнопки выше?

#6 5 ноября 2012 в 19:28

надо найти файл где находится код этой кнопки и либо в этом коде прописать style="border-radius: 10px;" либо прописать класс (например class="knopka") и в файле styles.css прописать .knopka { border-radius: 10px; }. как-то так

#7 5 ноября 2012 в 19:29

SJen дал ведь ссылку, там пример описан

#8 5 ноября 2012 в 19:54

Korolev, странный вопрос. вы почитайте маленько про CSS. Думаю уже за неделю изучите стилизацию. Успехов в учебе. кстати когда изучите и будете забывать вот в помощь сайт.

Разработка и администрирование сайтов

#9 5 ноября 2012 в 20:53

Korolev, в файле ../templates/_default_/css/styles.css

найдите код:

.button_yes, .button_no {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    cursor: pointer;
    font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;
    font-size: 11px;
    margin: 3px;
    outline: medium none;
    overflow: visible;
    padding: 4px 14px;
    white-space: nowrap;
}

и замените на:

.button_yes, .button_no {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    cursor: pointer;
    font-family: tahoma,verdana,arial,sans-serif,Lucida Sans;
    font-size: 11px;
    margin: 3px;
    outline: medium none;
    overflow: visible;
    padding: 4px 14px;
    white-space: nowrap;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

Всё-же некоторые люди меня очень удивляют. Вроде бы, ну куда ещё тупее? Но им удается.

#10 5 ноября 2012 в 21:14

не дали человеку поучиться stuk

Разработка и администрирование сайтов

#11 5 ноября 2012 в 22:39

Как можно закруглить все кнопки, которые на сайте?
Вот о каких кнопках идет речь: f2.s.qip.ru/6wVwQ8nY.png

Korolev

Самое простое решение я нашел для себя) установил Firebug нажал на то место где надо мне найти закругление, там нашел border-radius: 8px; и ставите своё значение и смотрите что вам надо потом идем в styles.css и там меняем )) мне кажется что это самое просто решение

#12 7 ноября 2012 в 05:48

да и в chrome без дополнений можно так же

Разработка и администрирование сайтов

#13 7 ноября 2012 в 16:04

да и в chrome без дополнений можно так же

Эдуард Машковский

ДА но Firebug более удобнее, там и классы показаны )

#14 7 ноября 2012 в 20:45

evo, кстати в хром тоже показываются классы)

Как сделать ссылку на профиль

Что такое?

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Закругление кнопок

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Вставка видео кнопочкой в редакторе

[ЕСТЬ РЕШЕНИЕ] InstantVideo2 нет соц кнопок на странице ролика

Пожалуй, лучшая кнопочка на css, но есть НО

Изменение кнопок голосования

[ЗАКРЫТО] Виджет категорий в виде кнопок

[ЕСТЬ РЕШЕНИЕ] Не полностью отображается в авторизация с помощью социальных сетей кнопочка Яндекса.

InstantCMS Team

О проекте

Поддержка

Дополнения