Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[4]
Сообщений 161 страница 180 из 1000
Поделиться1Вс, 3 Май 2015 16:18:44
Поделиться161Ср, 1 Июл 2015 19:30:49
Deff
Есть еще небольшая проблемка - с расстоянием от цитаты до последующего текста.
Если добавлять текст сразу после [/quote], то в абзац добавляется <br>, соответственно, получается лишний отступ. Если добавлять текст после цитаты через строку, <br> не добавляется. Если прописать .quote-box+p{margin-top:-17px;} - то во втором случае расстояние от цитаты до текста слишком маленькое.
Я попробовал пойти другим путем - скрыть <br> - получилось так:
.post-content .quote-box+p>br{display:none;}
.post-content .quote-box+p>br+br, .post-content .quote-box+p>strong+br, .post-content .quote-box+p>span+br{display:block!important;}
Тогда остается одна проблема: если написать текст через строку после цитаты, а потом перенести строку, то <br> тоже скрывается, и перенос пропадает. Как прописать в таком случае?
Тестовый форум (ссылка на пост с проблемой)
Поделиться162Ср, 1 Июл 2015 20:17:49
Alex_63
Как вариант (js):
$('.post').each(function(){ $(this).html($(this).html().replace(/(.*)quote-box(.*) <br>(.*)/gm,'$1quote-box$2$3')); });
Поделиться163Ср, 1 Июл 2015 20:24:36
Alex_63
Я выкладывал уже несколько раз css-код:
В HTML верх
<style type="text/css">
/*Отступы для цитаты и т.д.*/
.blockcode+p>br,
.quote-box+p>br{
display:none;
}
.post-content .code-box,
.post-content blockquote,
.post-content .quote-box.spoiler-box,
.post-content .quote-box {
margin-bottom:0;
margin-top:0!important;
}
.post-content .code-box+p+.quote-box:not(.spoiler-box),
.post-content .quote-box+p+.quote-box:not(.spoiler-box) {
margin-top:-23px;
}
</style>
Поделиться164Ср, 1 Июл 2015 21:03:02
Fоvеr
Не наю, поставил твой код, результат - что с ним, что без него, отступы одинаковые. > Не работает!
Поделиться165Ср, 1 Июл 2015 21:10:06
Deff
Переносы строк в абзаце после цитаты скрываются, - равно как и в моем коде из поста 161 (причем с моим кодом результат лучше),
Если писать так:
[quote="Alex_63"]Цитата[/quote]
Тут текст
Продолжение текста
В итоге выходит так (с Вашим кодом и с моим, без разницы):
Цитата
Тут текстПродолжение текста
HTML структура такого поста:
<div class="quote-box"><cite>Alex_63 написал(а):</cite><blockquote><p><span>Цитата</span></p></blockquote></div>
<p>Тут текст<br>Продолжение текста</p>
Повторюсь, - это если пропустить строку после цитаты. Если писать текст на след.строке после цитаты - все нормально, переносы строк на месте, отступов нет.
Поделиться166Ср, 1 Июл 2015 21:45:27
Alex_63
Конфликтует значит или ты свой css перед этим забыл удалить. Тык (у меня работает)
[quote]asdasd[/quote]asdasd [quote]asdsad[/quote] asdasd [quote]asd[/quote]asd asd asdasd
Отредактировано Fоvеr (Ср, 1 Июл 2015 21:46:59)
Поделиться167Чт, 2 Июл 2015 16:06:55
Fоvеr
Не наю, посмотри сам => мой пост на твоем же тестовом форуме с установленным скриптом: http://fover.mybb.ru/viewtopic.php?id=62#p512
Поделиться168Чт, 2 Июл 2015 20:14:05
2 последних было
Поделиться169Чт, 2 Июл 2015 20:16:46
Alex_63
Поправил:
$('.post-content').each(function(){ $(this).html($(this).html().replace(/(.*)quote-box(.*)(?: <br>|<br>)(.*)/gm,'$1quote-box$2$3')); });
Поделиться170Пт, 3 Июл 2015 00:17:29
Fоvеr
Выложите ссылку на подобное... Я не помню такого решения
О птичках, в каталоге много модификаций одних и тех же скриптов либо улучшающих функциональность, или с лучшим кодом
Поделиться171Пт, 3 Июл 2015 00:42:57
Deff
Пардонъ, спутал со скриптом твоим (иконка новых сообщений в форуме), а второй точно был.
В общем извиняюсь, так или иначе первый я спутал, а второй был, но его уж фиг найдешь, лучше пусть висит на последних стр.
Поделиться172Пт, 3 Июл 2015 16:47:40
Fоvеr
Спасибо, вот этот скрипт работает!!!
(* Работает, да не везде - поставил на основной форум, там в одном посте структура такая:
<div class="quote-box">
<cite>
Alex_63 написал(а):
</cite>
<blockquote>
<p>Цитата</p>
</blockquote>
</div>
<p>
<br>
Тут текст
<br>
Тут продолжение текста
</p>
Синее <br> не убирает, а красное - убирает
Отредактировано Alex_63 (Пт, 3 Июл 2015 17:15:03)
Поделиться173Пт, 3 Июл 2015 21:52:21
100
Долго меня не было о.о
Спасибо большое, это то, что нужно : )
nicknaame
Поставьте один из скриптов (универсальная кнопка скрытия или сворачивание категорий), дайте ссылку на Ваш ресурс - поправим
Спасибо, что откликнулись. Сообщением ниже оставили уже код : )
Поделиться174Сб, 4 Июл 2015 20:02:04
Alex_63
Поиграйся с регулярками, онлайн тест: https://regex101.com/
Поделиться175Пн, 6 Июл 2015 15:46:40
Fоvеr
Сделал такой вот скрипт, вроде работает:
<script type="text/javascript">
$('.post-content .quote-box+p>br:first-of-type').each(function() {
var extraBr = $(this).parent().html().split('<br>')[0];
if(extraBr=='') {
$(this).hide();
};
});
</script>
Вместо .hide() можно поставить .remove() - поставил, чтоб было видно структуру поста через консоль браузера
Поделиться176Пн, 6 Июл 2015 17:08:15
Alex_63
Всё таки правки стилем(если возможно) в подавляющем большинстве случаев правильнее, нежели скрипт. (А данный скрипт заменяется кодом стиля)
Во первых стиль можно вставить в свой стиль и все страницы форума не увеличивается
Во вторых рендинг(трансформация) контента через стиль происходит по мере появления контента на странице(если стилевые указания выше контента), а скриптом только после появления всего контента до скрипта. К примеру при 30 постах на странице с длинными сообщениями и многочисленными цитатами(что на ролёвках, к примеру в пояснениях к Анкете достаточно часто) - будет явный сдвиг страницы при запуске скрипта.
Поделиться177Пн, 6 Июл 2015 17:32:03
Deff
А как стилем заменить? Пробовал вертеть по-разному, такого результата не получилось.Или вообще br не скрывает, или скрывает не только сразу после цитаты, но и там, где не надо.))
CSS конечно лучше и надежнее, не спорю. Но тут, кмк, без скрипта не обойтись.
Поделиться178Пн, 6 Июл 2015 18:33:52
Alex_63
На тесте отписал.
Отредактировано Fоvеr (Пн, 6 Июл 2015 18:34:57)
Поделиться179Пн, 6 Июл 2015 18:42:20
Fоvеr
Вот что получается. http://fover.mybb.ru/viewtopic.php?id=62#p517
"Текст" и "Продолжение текста" - отдельные слова.
Поделиться180Вт, 7 Июл 2015 16:58:48
Alex_63
Здравствуйте!
А можно Ваш скрипт Скрипты от пользователей 3 сделать так, чтобы иконка отображалась возле статуса? Если такое конечно возможно