Я, конечно, понимаю, что скорее всего решение простое, но пока голова не варит, где что нужно убрать. Помогите, пожалуйста ❤
Никак не могу значки привести к общему знаменателю http://lepidus.ru/viewtopic.php?id=4417 … 17#p250774
Вопрос по форме ответа
Сообщений 1 страница 10 из 15
Поделиться115.04.23 17:03
Поделиться215.04.23 17:58
Авалон
Наверно задать #form-buttons td { vertical-align: bottom!important ?)
ток тогда margin-top ( или mаrgin-bottom) нужно подрегулировать)
Поделиться315.04.23 18:03
Deff
а почему не отображаются картинки? я пытаюсь изменить, но не выходит. К примеру, у стикер пака
Поделиться415.04.23 18:53
А точнее я никак не могу картинку пака отобразить. Вроде все ставлю как надо, но что-то не дает отобразить её. Один пустой квадратик выходит с виду.
Поделиться515.04.23 21:06
Авалон
Ну у Вас же все иконки через стиль :before иконками от
в этом файле:
https://maxcdn.bootstrapcdn.com/font-aw … me.min.css
а текущие картинки все скрыты от скрипта в форме ответа:
<!-- Font Awesome в форме ответа (с) ForumD.ru -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<style>
#form-buttons tr {display: block;width: 100%;text-align: center;}
#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
background-image: none !important;
display: inline-block;
position: relative;
width: 26px;
height: 26px;
background-color: #bfdaef!important;
margin: 0 1px 1px;
vertical-align: bottom!important;
margin-top: 10px;
}
#form-buttons td .fab, #form-buttons td .fas, #form-buttons td .far, #form-buttons td .fal, #form-buttons td .fad
{
font-size: 16px!important;
padding: 5px 4px;
color: #134361;
}
#form-buttons td .fab,
#form-buttons td .fas,
#form-buttons td .far,
#form-buttons td .fal,
#form-buttons td .fad {
font-size: 18px; /* размер иконок */
padding: 5px 4px; /* отступ от иконки до кнопки */
color: #134361; /* цвет иконок */
}
#form-buttons td:hover {background-color: #97b3dd;} /* изменение цвета кнопки при наведении курсора */
#form-buttons td:hover .fab,
#form-buttons td:hover .fas,
#form-buttons td:hover .far,
#form-buttons td:hover .fal,
#form-buttons td:hover .fad {color: #000;} /* изменение цвета иконки при наведении курсора */
</style>
<script type="text/javascript">
$(document).ready(function(){$("#button-font").append('<i class="fas fa-font"></i>');
$("#button-size").append('<i class="fas fa-sort-amount-up-alt"></i>');
$("#button-bold").append('<i class="fas fa-bold"></i>');
$("#button-italic").append('<i class="fas fa-italic"></i>');
$("#button-underline").append('<i class="fas fa-underline"></i>');
$("#button-strike").append('<i class="fas fa-strikethrough"></i>');
$("#button-left").append('<i class="fas fa-align-left"></i>');
$("#button-center").append('<i class="fas fa-align-center"></i>');
$("#button-right").append('<i class="fas fa-align-right"></i>');
$("#button-link").append('<i class="fas fa-link"></i>');
$("#button-spoiler").append('<i class="fas fa-cut"></i>');
$("#button-image").append('<i class="fas fa-image"></i>');
$("#button-video").append('<i class="fas fa-play-circle"></i>');
$("#button-hide").append('<i class="fas fa-lock"></i>');
$("#custom-change").append('<i class="fa-free-code-camp"></i>');
$("#button-quote").append('<i class="fas fa-quote-right"></i>');
$("#button-code").append('<i class="fas fa-code"></i>');
$("#button-color").append('<i class="fas fa-palette"></i>');
$("#button-table").append('<i class="fas fa-table"></i>');
$("#button-smile").append('<i class="fas fa-grin"></i>');
$("#button-sticker").append('<i class="fas fa-gratipay"></i>');
$("#button-keyboard").append('<i class="fas fa-keyboard"></i>');
$("#button-mask").append('<i class="fas fa-flask"></i>');
$("#button-addition").append('<i class="fas fa-plus-circle"></i>');
$("#button-graffiti_rusff").append('<i class="fas fa-pencil-square"></i>');
$("#button-files_rusff").append('<i class="fas fa-check-square"></i>');});
</script>
<style>.fa-flask:before{content:"\f0c3";}.fa-check-square {content:"\f14a";}
.fa-qq:before{content:"\f1d6";}
.fa-pencil-square{content:"\f14b";}
.fa-gratipay{content:"\f184";}
#button-mask: {
background-image: none !important;}</style>
Вообще странный вопрос - Вы же сами ставили все иконки через скрипт в форме ответа
Отредактировано Deff (15.04.23 21:06)
Поделиться615.04.23 21:08
Deff
фишка в том, что все работают, кроме этой, поэтому я сама в ахтунге. То ли погода так действует, то ли я реально не соображу XD
$("#button-sticker").append('<i class="fas fa-gratipay"></i>');
.fa-gratipay{content:"\f184";}
По сути ж все должно работать...
Поделиться715.04.23 21:09
Т.е. новодобавляемые ячейки в форме ответа нун добавлять стиль через скрипт
Либо для этих ячеек отменять background-image: none !important;
Поделиться815.04.23 21:11
Авалон
Я думаю скрипт стиккеров нун поместить выше кода иконок , ибо код для иконок на стикерах не срабатывает - скрипт стикеров ещё не создал ячейку для вставки кода от скрипта иконок
Отредактировано Deff (15.04.23 21:12)
Поделиться915.04.23 21:13
Deff
Поместила, но не помогло)
Поделиться1015.04.23 21:16
Вот этаж неверно .fa-gratipay{content:"\f184";}
Замените на такое:
.fa-gratipay:before{content:"\f184";}
Отредактировано Deff (15.04.23 21:16)