Решено Перенос в bb-коде

Garri83 · 29 Дек 2016

В bb-коде при оформление цвета шрифта перекидывает текст на новую строку.

Размещаю такой текст

[INFO]Префиксы вы ставите сами, если вы уверены в надежности размещенного ресурса. [COLOR=#ffff00]При обновление версии ресурса префикс может меняться[/COLOR]. Если вас уличат в обмане и в ресурсе будут например вредоносные коды, то к вам будут применены штрафы, что повлияет на вашу репутация в нашем клубе вплоть до блокировки.[/INFO]

В итоге получается так

Можно это как-то победить? BB-код самый простой, прикрепил его.

Skaiman · 29 Дек 2016

Garri83 написал(а):
BB-код самый простой, прикрепил его.

А открепил откуда?

[SVG] Admin Notice Animate

Пипец деятели :) зачем надо было расковыривать, если ни хрена не соображаешь, по тому что дал не будет ни чего работать или уже последователи мирошниченко пошли, "Путь по xenforo, без единого плагина!", "Долой создателей дополнений" :)

Garri83 · 29 Дек 2016

Skaiman написал(а):
А открепил откуда?

[SVG] Admin Notice Animate

:( Когда искал, вашего плагина не нашел. И пришлось изобретать велосипед.
За основу взят этот плагин Staff BBcodes - www.PijaniTvor.com и к нему прикручены свои стили + от этого плагина стили [SVG] Notice Editor Over

Skaiman · 29 Дек 2016

Garri83 написал(а):
Когда искал, вашего плагина не нашел. И пришлось изобретать велосипед.
За основу взят этот плагин Staff BBcodes - www.PijaniTvor.com и к нему прикручены свои стили + от этого плагина стили [SVG] Notice Editor Over

:) в том нет этого цвета, а цвет прям слизан один в один, не надо ерунды говорить :) уж свои то я увижу сразу. Да и появились они в паблике одновременно. Ручки сначало выпрями и мозгов поднакопи, потом мне будешь сказки рассказывать :)

Mirovinger · 29 Дек 2016

Мне тут решили предъявить, что я тему не верно закрыл, и вроде лайк другану поставил.
Так вот для справки, я по исходному коду вижу, что BB-код делался Skaiman-ом.

Код:

<?xml version="1.0" encoding="utf-8" ?>
- <bb_codes>
- <bb_code bb_code_id="info" bb_code_mode="replace" has_option="no" callback_class="" callback_method="" option_regex="" trim_lines_after="0" plain_children="0" disable_smilies="0" disable_nl2br="0" disable_autolink="0" allow_empty="0" allow_signature="0" editor_icon_url="#" sprite_mode="0" active="1" title="Информация" description="Инфо">
- <replace_html>
- <![CDATA[
<div id="notice_info" class="root_notice_editor">
        <span class="Tooltip" title="Информация"><i class="fa fa-info-circle fa-lg"></i></span>{text}</div>

  ]]>
  </replace_html>
- <replace_html_email>
- <![CDATA[
  ]]>
  </replace_html_email>
- <replace_text>
- <![CDATA[
  ]]>
  </replace_text>
- <example>
- <![CDATA[ [info]text[/info]
  ]]>
  </example>
  </bb_code>
  </bb_codes>

root_notice_editor, вот по этому участку понятно, root это один из его псевдонимов, который он использовал одно время.
И решение Вам было предоставлено выше.

Skaiman написал(а):
[SVG] Admin Notice Animate

Автор сделал поправку, если уже переделываете, то там и подсмотрите, что он исправил.

Skaiman · 29 Дек 2016

Тут вообще мне предъявы в обмане пользователей кидают:

Garri83 написал(а):
Не ожидал от вас такого, думал то у вас как раз мозгов побольше. И по себе людей не надо судить. Если у вас есть привычка людей обманывать, то у меня нет. Писал как есть и как сделал свои bb-коды. А вы устроили "Что отнял мою конфетку и насал в мой горшок".

Garri83 · 29 Дек 2016

Skaiman, Ответил вам в ЛС.

Если у вас есть привычка людей обманывать, то у меня нет.

Про это я уже писал. Тут главное слово ЕСЛИ. Если вы так поняли эту фразу, то у кого-то проблемы с чем-то.

Устроили охоту на ведьм бравые борцы за авторские права. Я просил помощи разобраться, а не признать мой шедевральный bb-код.

Skaiman · 29 Дек 2016

Garri83 написал(а):
За основу взят этот плагин Staff BBcodes - www.PijaniTvor.com и к нему прикручены свои стили + от этого плагина стили [SVG] Notice Editor Over

Да я бы и не стал бороться за права :) если бы ты так не написал, потому что это полная чушь, тем более сразу все поправил в коде.

Garri83 · 29 Дек 2016

Skaiman написал(а):
если бы ты так не написал, потому что это полная чушь

Полная чушь что? Вы так всё мните себя великим гуру и всесоздателем. В описанной мной схеме работает через "Простую замену" ваши же bb-коды работают через "PHP-обработчик". Не получится победить беду с переносов, перейду на ваш плагин, тем более вы уже все подправили в коде.

Skaiman · 29 Дек 2016

Блин да промолчал бы да и все, нет, блин, ты продолжаешь спорить, ну так ладно.

Garri83 написал(а):
За основу взят этот плагин Staff BBcodes - www.PijaniTvor.com и к нему прикручены свои стили + от этого плагина стили [SVG] Notice Editor Over

Первый плагин за основу? Бред! Там совсем другой код, ну за основу если только как пример создания пользовательского вв-кода. Вот код замены html, он ни как и близко не похож:

Код:

<div class="info-title">Info</div>
<div class="info-text">{text}</div>

Второй, вот его код стиля:

Код:

.root_notice_editor {
    <xen:if is="!{xen:property svg_notice_editor_gradient}">
        background-size: 40px 40px;
        background-image: -moz-linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
        background-image: -webkit-linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
        background-image: linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
    </xen:if>
    
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    text-align: justify;
    width: 85%;
    margin: 20px auto;
    padding:10px;
    
    <xen:if is="!{xen:property svg_notice_editor_animation}">
        -webkit-animation: bg-animate 5s linear infinite;
           -moz-animation: bg-animate 5s linear infinite;
            -ms-animation: bg-animate 5s linear infinite;
                animation: bg-animate 5s linear infinite;
    </xen:if>     
}

.root_notice_editor span {font-weight:normal; float:left;  padding: 0 10px 0 0; cursor: default;}

.root_notice_editor#notice_editor{
    background-color: {xen:helper rgba, {xen:property svg_notice_editor_color}, 0.5};
    border-left:7px {xen:property svg_notice_editor_color} solid;
    color: {xen:property svg_notice_editor_text};
}

.root_notice_editor .btn-close {
    float: right;
    text-decoration: none;
    color: inherit;
    padding: 0 0 0 10px;
}

.root_notice_editor .btn-close:focus {
    outline: none;
}

<xen:if is="!{xen:property svg_notice_editor_animation}">
@-webkit-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@-moz-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
</xen:if>

А вот код стиля [SVG]Admin Notice:

Код:

.root_notice {
    background-size: 40px 40px;
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    text-align: justify;
    width: 85%;
    margin: 20px auto;
    padding:15px;
    -moz-animation: bg-animate 5s linear infinite;
    -webkit-animation: bg-animate 5s linear infinite;
    -ms-animation: bg-animate 5s linear infinite;
    animation: bg-animate 5s linear infinite;
}

.root_notice .fa {font-weight:normal; float:left;  padding: 0 10px 0 0; cursor: default;}

.root_notice#important{
    background-color:tomato;
    border-left:7px #dc3d21 solid;
    color:white;
}

.root_notice#warning{
    background-color: #eaaf51;
    border-left:7px #df8b00 solid;
    color:#6b6d31;
}

.root_notice#info{
    background-color: #4ea5cd;
    border-left:7px #3b8eb5 solid;
    color:#beecfc;
}

.root_notice#success{
    background-color: #61b832;
    border-left:7px #55a12c solid;
    color:#296829;
}

@-webkit-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@-moz-keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

@keyframes bg-animate {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

Есть отличительные черты и код для стиля взят именно отсюда.
Только не понятно зачем все эти отпирания, ну взял, ну сделал отдельно, ни чего в этом нет, так надо выстраивать какую то цепочку лжи и потом обвинять всех в предвзятом к нему отношении.

Garri83 · 29 Дек 2016

Я вам ещё раз напишу ЕСЛИ вы привыкли лгать, то я нет.

Для особо одаренных, которые не могут успокоится напишу как я делал.

1. Взял первый плагин:

HTML:

<div class="info-title">Info</div>
<div class="info-text">{text}</div>

Подставил из этого [SVG] Notice Editor Over что бы была красивая обертка:

Код:

<div id="notice_info" class="root_notice_editor">

        <span class="Tooltip" title="Информация"><i class="fa fa-info-circle fa-lg"></i></span>{text}</div>

Можно написать из плагина №1 остался только {text} и добавил свой стиль id="notice_info" и это ещё class="Tooltip" title="Информация"
2. В EXTRA.css

Код:

/* START информ BBcodes */
#notice_important {background-color: #eaaf51;border-left: 7px #df8b00 solid;color: #6b6d31;}
#notice_warning {background-color: #fb6145;border-left: 7px #dc3d21 solid;color: white;}
#notice_help {background-color: #61b832;border-left: 7px #55a12c solid;color: #c8e3c8;}
#notice_info {background-color: #4ea5cd;border-left: 7px #3b8eb5 solid;color: #fff;}
/* END Staff BBcodes */

Потом чтобы работало везде, а не только где есть редактор добавил это

Код:

.root_notice_editor {
 
        background-size: 40px 40px;
        background-image: -moz-linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
        background-image: -webkit-linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
        background-image: linear-gradient(135deg, rgba(150,40,27,.04) 25%, transparent 25%,
        transparent 50%, rgba(150,40,27,.04) 50%, rgba(150,40,27,.04) 75%,
        transparent 75%, transparent);
 
 
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    text-align: justify;
    width: 85%;
    margin: 20px auto;
    padding:10px;
 
 
        -webkit-animation: bg-animate 5s linear infinite;
           -moz-animation: bg-animate 5s linear infinite;
            -ms-animation: bg-animate 5s linear infinite;
                animation: bg-animate 5s linear infinite;
    
}

.root_notice_editor span {font-weight:normal; float:left;  padding: 0 10px 0 0; cursor: default;}

Вот и делов. Начали раздувать и пукан тут рвать вот его стили вот мои. Сразу же написал " к нему прикручены свои стили + от этого плагина стили [SVG] Notice Editor Over".

С переносов разобрался .root_notice_editor span изменить float:none;. Вот и вся проблема.
:-) Решил не мучатся и вспомнил чьи-то слова "Зачем мучатся, спросил бы на форуме, давно подсказали".

Всем спасибо за помощь, а Skaiman отдельно спасибо за прекрасные плагины. Теперь тему действительно можно считать решённой.

Skaiman · 29 Дек 2016

Все разобрался, публично приношу извинения, был не прав. Но все таки лучше установи мое дополнение, так как исправил неправильно.
Здесь было:

Код:

.root_notice span {font-weight:normal; float:left;  padding: 0 10px 0 0; cursor: default;}

При форматировании текста внутри кода, текст заключается в тег span, а он в css с обтеканием слева, float:left, поэтому переносился и остальной текст его просто обтекал. Этот код для иконки и она должна быть с обтеканием, поэтому я заменил на:

Код:

.root_notice .fa {font-weight:normal; float:left;  padding: 0 10px 0 0; cursor: default;}

иконка так и осталась с обтеканием, а форматированный текст не затрагивается.

Решено Перенос в bb-коде

Garri83

Вложения

Skaiman

Garri83

Skaiman

Mirovinger

Skaiman

Garri83

Skaiman

Garri83

Skaiman

Garri83

Skaiman

Мы ценим вашу конфиденциальность