Пишите сюда если нужна помощь в составлении и оформлении таблиц и других html-блоков
Помощь по составлению html-кодов
Сообщений 151 страница 160 из 177
Поделиться122.10.10 13:01
- некротехнофил
- Уважение: +9842
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться15123.06.22 21:12
- Участник
- Уважение: +85
#p169631,Automation Baby написал(а):
Там вроде нет никакой картинке в оригинальном коде, там только css... Дай ссылку на тему где можно найти примеры кнопки, попробую помочь.
В оригинале нет, это я пытаюсь сделать под себя и показываю как не получается
https://kurism.rusff.me/viewtopic.php?id=13#p152
Флуд как тестовая площадка ;D
Поделиться15223.06.22 21:14
- Атаманша
- Уважение: +8546
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 075
#p169635,Cherasy написал(а):
В оригинале нет, это я пытаюсь сделать под себя и показываю как не получается
https://kurism.rusff.me/viewtopic.php?id=13#p152
Флуд как тестовая площадка ;D
Если раньше меня никто не подскажет, попробую сделать чуть позже после ужина, сейчас пост надо написать.
Поделиться15323.06.22 21:52
- Атаманша
- Уважение: +8546
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 075
Cherasy
Так пост написался быстро...
В общем, во-первых, стиль кнопки стоит и в тегах <style> в html-верхе и в своём стиле. Откуда-то надо убрать стиль, потому что голубая линия внизу как раз-таки не убирается потому что в своём стиле она есть, а в хтмл-верхе не прописана. Вот и получается...
1) Чтобы текст был по центру надо добавить в .superlink a
Код:
line-height: 40px;
2) Эффекты при наведении настраиваются тут:
.superlink a:hover, .superlink a:focus, .superlink a:active {text-decoration:none; background-color: #0080b7;
color: #fff;} /*эффекты при наведении*/
Красное - это фон. Если не нужен фон при наведении, просто стираем эту часть;
Зелёное - цвет шрифта. Можно тоже убрать или поставить другой цвет в который будет окрашиваться ссылка при наведении.
Если вообще никакие эффекты при наведении на кнопку не нужны стирается вся строчка.
Поделиться15423.06.22 22:19
- Участник
- Уважение: +85
Automation Baby
Я забыла чем занималась под утро xD
Линия убралась, ура.
#p169644,Automation Baby написал(а):
1) Чтобы текст был по центру
А разве он не по центру?
#p169644,Automation Baby написал(а):
Если вообще никакие эффекты при наведении на кнопку не нужны стирается вся строчка.
Я хочу инверсию(
Поделиться15523.06.22 22:56
- Атаманша
- Уважение: +8546
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 075
#p169651,Cherasy написал(а):
А разве он не по центру?
В смысле по центру строки, чтобы не касался оранжевой линии, хотя если так задумано, тогда ОК.
#p169651,Cherasy написал(а):
Я хочу инверсию(
Можно и инверсию. Туда где эффекты при наведении надо поставить:
Код:
filter: invert(1);
Поделиться15623.06.22 23:00
- Участник
- Уважение: +85
#p169654,Automation Baby написал(а):
В смысле по центру строки, чтобы не касался оранжевой линии, хотя если так задумано, тогда ОК.
Я картинку поправлю попозже)
Так... можно сделать чтобы когда многобукв кнопка становилась длиннее?
Поделиться15723.06.22 23:06
- Атаманша
- Уважение: +8546
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 075
#p169656,Cherasy написал(а):
Так... можно сделать чтобы когда многобукв кнопка становилась длиннее?
Ширина регулируется вот тут:
.superlink {max-width: 400px; margin: 0 auto;} /*ширина и отступы от кнопки*/
Это максимальное ограничение по ширине. Можно просто увеличить цифру. Если убрать, тогда кнопка будет без ограничений растягиваться на всю строку.
Поделиться15823.06.22 23:09
- Участник
- Уважение: +85
#p169657,Automation Baby написал(а):
Это максимальное ограничение по ширине. Можно просто увеличить цифру. Если убрать, тогда кнопка будет без ограничений растягиваться на всю строку.
А чтобы под текст адаптировалось нельзя?(
Поделиться15923.06.22 23:15
- Атаманша
- Уважение: +8546
- Достижения/подарки: cake 7 emoji_events 6
- Наградные баллы: 1 075
#p169659,Cherasy написал(а):
А чтобы под текст адаптировалось нельзя?(
Я не знаю как так сделать, может кто другой подскажет... 
Поделиться16024.06.22 00:16
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
.superlink {width:auto!important; margin: 0 auto;} /*ширина и отступы от кнопки*/
