Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Форум для новичков » как закруглить кнопки основного меню форума

как закруглить кнопки основного меню форума

Страница: 1

Сообщений 1 страница 11 из 11

1

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20

Подскажите как через стиль закруглить кнопки основного меню форума, увеличить размер обводки кнопок, изменить размер и цвет текста.
Сделать приблизительно как дополнительные.
сейчас установлены скрипты

Отредактировано 103 (Пн, 15 Мар 2021 14:15:11)

0

2

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
103 написал(а):

Подскажите как через стиль закруглить кнопки основного меню форума, увеличить размер обводки кнопок, изменить размер и цвет текста.
Сделать приблизительно как дополнительные.

Ну, к примеру так:

Код:
<!--Цвет кнопок меню-->
<style type="text/css">
#pun-navlinks a {
border-radius: 10px; /* Закругление */
font-size: 12px; /* Размер шрифта */
border: 5px solid #354251; /* Обводка */
}
#pun-navlinks a:link, #pun-navlinks a:visited {color: #ed1139;}
#pun-navlinks a:hover { color: #F7FF02;}
</style>
<!--окончание-->

+2

3

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
kolobdur74 написал(а):
103 написал(а):

Подскажите как через стиль закруглить кнопки основного меню форума, увеличить размер обводки кнопок, изменить размер и цвет текста.
Сделать приблизительно как дополнительные.

Ну, к примеру так:

Код:
<!--Цвет кнопок меню-->
#pun-navlinks a:link, #pun-navlinks a:visited {color: #0af034;}
#pun-navlinks a:hover { color: #F7FF02;}

Благодарю за помощь ! И еще один вопрос.
Кнопки дополнительного меню, как теперь подогнать к основным кнопкам по цвету, отвязать .iksweb от подстройки к основному стилю ?

дополнительные кнопки

.iksweb{display: inline-block;cursor: pointer;font-size:12px;text-decoration:none;padding:4px 15px; color:#ed1139;background:#061824;border-radius:10px;border:5px solid #354251;}
.iksweb:hover{background:#354251;color:#F7FF02;border:3px solid #354251;transition: all 0.2s ease;}

Отредактировано 103 (Чт, 11 Мар 2021 13:27:44)

0

4

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
103 написал(а):

Кнопки дополнительного меню, как теперь подогнать к основным кнопкам по цвету, отвязать .iksweb от подстройки к основному стилю ?

Не понял вопрос.. Что конкретно требуется?

+1

5

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
kolobdur74 написал(а):
103 написал(а):

Кнопки дополнительного меню, как теперь подогнать к основным кнопкам по цвету, отвязать .iksweb от подстройки к основному стилю ?

Не понял вопрос.. Что конкретно требуется?

Кнопки в правом верхнем углу https://kypyansk.rolevaya.info сделать по цвету такими же как кнопки меню форума.
Для кнопок в углу в html верх стоит скрипт, что в нем исправить ?

Отредактировано 103 (Пн, 15 Мар 2021 14:16:08)

0

6

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
103 написал(а):

Для кнопок в углу в html верх стоит скрипт, что в нем исправить ?

Подписал что за что отвечает, заодно поправил, чтобы цвет текста срабатывал, а то он у вас перебивался основным стилем:

Код:
<style>
/* Стили кнопки */
.punbb a.iksweb {
display: inline-block;
cursor: pointer;
font-size:12px; /* Размер шрифта */
text-decoration:none;
padding: 4px 15px;  /* Отступы сверху, снизу и сбоку */
color: #ed1139; /* Цвет тектса */
background: #061824; /* Фон кнопки */
border-radius: 10px; /* Закругление */
border: 5px solid #354251; /* Бордюр вокруг кнопки */
}
/* Стиль кнопки при наведении */
.punbb a.iksweb:hover{
background: #354251; /* Фон кнопки при наведении */
color: #F7FF02; /* Цвет текста при наведении */
border: 3px solid #354251;  /* Бордюр при наведении */
transition: all 0.2s ease;
}
</style>

Отредактировано kolobdur74 (Чт, 11 Мар 2021 12:55:57)

+2

7

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
kolobdur74 написал(а):

/* Стили кнопки */

В таком варианте не работают, перебивается основным стилем https://kypyansk.rolevaya.info/ собственно мой вопрос был как отвязать от стиля пост з

Отредактировано 103 (Пн, 15 Мар 2021 14:16:43)

0

8

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
103 написал(а):

В таком варианте не работают

В смысле не работают? То что я дал это замена не всего кода, а этой части:

103 написал(а):

<style>
/* Стили кнопки */
.iksweb{display: inline-block;cursor: pointer;font-size:12px;text-decoration:none;padding:4px 15px; color:#ed1139;background:#061824;border-radius:10px;border:5px solid #354251;}
.iksweb:hover{background:#354251;color:#F7FF02;border:3px solid #354251;transition: all 0.2s ease;}
</style>

Фактически я просто добавил подписи что за что отвечает, плюс перебил родной стиль..

+1

9

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
kolobdur74 написал(а):
103 написал(а):

В таком варианте не работают

В смысле не работают? То что я дал это замена не всего кода, а этой части:

103 написал(а):

<style>
/* Стили кнопки */
.iksweb{display: inline-block;cursor: pointer;font-size:12px;text-decoration:none;padding:4px 15px; color:#ed1139;background:#061824;border-radius:10px;border:5px solid #354251;}
.iksweb:hover{background:#354251;color:#F7FF02;border:3px solid #354251;transition: all 0.2s ease;}
</style>

Фактически я просто добавил подписи что за что отвечает, плюс перебил родной стиль..

Первый раз заменил - не работало. Удалил, заменил повторно, начало работать. Благодарю за помощь.
:flag:

+1

10

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7393
  • Уважение: +5894
  • Позитив: +6521
  • Пол: Мужской
  • Последний визит:
    Сегодня 10:48:19
103 написал(а):

Первый раз заменил - не работало. Удалил, заменил повторно, начало работать. Благодарю за помощь.

Я там правил, возможно вы поставили не совсем рабочий код сначала.. :yep:

+1

11

  • Автор: 103
  • Заслуженный
  • 103
  • Зарегистрирован: Вт, 30 Сен 2014
  • Сообщений: 287
  • Уважение: +70
  • Позитив: +64
  • Предупреждения: 1) Флуд
  • Последний визит:
    Чт, 12 Сен 2024 22:56:20
kolobdur74 написал(а):
103 написал(а):

Первый раз заменил - не работало. Удалил, заменил повторно, начало работать. Благодарю за помощь.

Я там правил, возможно вы поставили не совсем рабочий код сначала.. :yep:

Ну теперь понятно ! Первый блин был комом. Не посмотрел что сообщение редактировалось. Еще раз благодарю.  :flag:

+1

Страница: 1

Вы здесь » Единый форум поддержки » Форум для новичков » как закруглить кнопки основного меню форума