Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Выравнивание текста по центру с помощью BB кодов #337

Open
Kotgo opened this issue May 27, 2019 · 24 comments

Comments

Projects
None yet
3 participants
@Kotgo
Copy link

commented May 27, 2019

Пытаюсь выровнять по центру четверостишия, но они не выравниваются по центру текстовой колонки, а выравниваются по левой стороне.

Подскажите, пожалуйста, как с помощью BB кодов выровнять четверостишия по центру?

В BB коде дополняется к абзацу значение center , но ничего не центрируется. Как HTML код вставить для выравнивания не знаю и библиотека UniCSS для flex расположения блоков по центру, также не известно как должна использоваться с помощью BB кодов.

@maxsite

This comment has been minimized.

Copy link
Owner

commented May 27, 2019

Нужно использовать классы. Например t-center выравнивание текста по центу.

@Sergeysem

This comment has been minimized.

Copy link

commented May 27, 2019

Kotgo
А разве такая конструкция не работает?

55

@Kotgo

This comment has been minimized.

Copy link
Author

commented May 28, 2019

Kotgo
А разве такая конструкция не работает?

55

Нет, не работает, всё равно с левой стороны текст находится после публикации.

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 1, 2019

Значит в шаблоне нет класса p-center. Смотрите получаемый html-код и стили шаблона.

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

[p(t-center)]
О, ecли ты cпoкoeн, нe pacтepян,
Κoгдa тepяют гoлoвы вoкpуг,
И ecли ты ceбe ocтaлcя вepeн,
Κoгдa в тeбя нe вepит лучший дpуг,
И ecли ждaть умeeшь бeз вoлнeнья,
Ηe cтaнeшь лoжью oтвeчaть нa лoжь,
Ηe будeшь злoбeн, cтaв для вceх мишeнью,
Ηo и cвятым ceбя нe нaзoвeшь,
[/p]

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Вот что получается:

<p class="t-center">
<p>О, ecли ты cпoкoeн, нe pacтepян,</p>
<p>Κoгдa тepяют гoлoвы вoкpуг,</p>
<p>И ecли ты ceбe ocтaлcя вepeн,</p>
<p>Κoгдa в тeбя нe вepит лучший дpуг,</p>
<p>И ecли ждaть умeeшь бeз вoлнeнья,</p>
<p>Ηe cтaнeшь лoжью oтвeчaть нa лoжь,</p>
<p>Ηe будeшь злoбeн, cтaв для вceх мишeнью,</p>
<p>Ηo и cвятым ceбя нe нaзoвeшь, </p>
<div class="mso-clearfix"></div>
@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Закрывающего тэга для

<p class="t-center">

вообще нет. Да и он не сработает, так как везде вставлено
<p> </p>
В конце блок
<div class="mso-clearfix"></div>
чтобы было понятно что закрывающий тэг

</p> 

для

<p class="t-center">

в коде отсутствует
Как это всё исправить ,я не знаю.

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

Абзац (P) — это одна строка. Поэтому парсер и расставил их на каждую строчку. Если вам нужно выделить блок, то используйте блочный html-элемент, например DIV.

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Максим , а почему так нельзя

<p class="t-center">
О, ecли ты cпoкoeн, нe pacтepян,</br>
Κoгдa тepяют гoлoвы вoкpуг,</p>
@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

[p(t-center)]О, ecли ты cпoкoeн, нe pacтepян,[/p]
[p(t-center)]Κoгдa тepяют гoлoвы вoкpуг,[/p]
И ecли ты ceбe ocтaлcя вepeн,
Κoгдa в тeбя нe вepит лучший дpуг,
И ecли ждaть умeeшь бeз вoлнeнья,
Ηe cтaнeшь лoжью oтвeчaть нa лoжь,
Ηe будeшь злoбeн, cтaв для вceх мишeнью,
Ηo и cвятым ceбя нe нaзoвeшь,
<p class="t-center">О, ecли ты cпoкoeн, нe pacтepян,</p>

<p class="t-center">Κoгдa тepяют гoлoвы вoкpуг,</p>
<p>И ecли ты ceбe ocтaлcя вepeн,</p>
<p>Κoгдa в тeбя нe вepит лучший дpуг,</p>
<p>И ecли ждaть умeeшь бeз вoлнeнья,</p>
<p>Ηe cтaнeшь лoжью oтвeчaть нa лoжь,</p>
<p>Ηe будeшь злoбeн, cтaв для вceх мишeнью,</p>
<p>Ηo и cвятым ceбя нe нaзoвeшь,</p>

Всё равно слева выравнивается текст.
А шаблон у меня \

Текущий шаблон: default

Default 2018.1
Шаблон для MaxSite CMS
Автор: MAX
Необходимая версия MaxSite CMS: 99

Выравнивания не трогал, только цвета и размеры поменял, поверх стилей шабона.

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

Потому что парсер default кажый enter понимает как абзац и ставит P. Если хотите полностью контролировать код, то используйте парсер simple.

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

http://max-3000.com/page/faq#tip9

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

Максим, подскажите, а вы какую бы конструкцию использовали, чтобы выровнять по центру стихи?

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Всё получилось!

Вот код:

[html] 
<div style="font-style: italic; color: fuschia; background: #FFCCFF; padding: 10px; text-align:center">
Я помню чудное мгновенье: 
 </br>

Передо мной явилась ты,
 </br>

Как мимолетное виденье,
 </br>

Как гений чистой красоты...
 </br>


</div>
[/html]
@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

По другому ничего не срабатывало,только так. Благодарю за подсказки. :-)

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

Всё прекрасно работает:

[html]
[p(t-center)]Я помню чудное мгновенье:[br]
Передо мной явилась ты,[br]
Как мимолетное виденье,[br]
Как гений чистой красоты...[/p]
[/html]
@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

И вот конечный результат:

<p class="t-center">Я помню чудное мгновенье:<br style="clear:both">
Передо мной явилась ты,<br style="clear:both">
Как мимолетное виденье,<br style="clear:both">
Как гений чистой красоты...</p>
@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

У меня ваш код всё равно не работает, только слева выравнивается текст:

<p class="t-center">Я помню чудное мгновенье:<br style="clear:both">
Передо мной явилась ты,<br style="clear:both">
Как мимолетное виденье,<br style="clear:both">
Как гений чистой красоты...</p>
@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

А у вас с какой версии шаблона имеется значение класса t-center и какое?
У меня версия:
Default 2018.1
Шаблон для MaxSite CMS
Автор: MAX
Необходимая версия MaxSite CMS: 99

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

Всё должно работать. Может что-то перед этим блоком включили, смотрите свои стили через консоль браузера, почему класс t-center не работает. Иначе остаётся только гадать.

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Прописал поверх стилей так,
p.t-center{text-align:center !important}

Всё заработало.
Максим, благодарю за подсказки!

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 2, 2019

Максим, а зачем здесь:

[html]
[p(t-center)]Я помню чудное мгновенье:[br]
Передо мной явилась ты,[br]
Как мимолетное виденье,[br]
Как гений чистой красоты...[/p]
[/html]


конструкция
[html] [/html]

там же внутри не HTML?

@maxsite

This comment has been minimized.

Copy link
Owner

commented Jun 2, 2019

BB-код парсится в HTML.

@Kotgo

This comment has been minimized.

Copy link
Author

commented Jun 3, 2019

Всё понял, спасибо!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.