Cotonti / Open Source PHP Content Management FrameworkContent Management Framework

Forums / Cotonti / General / Pages and posts re-styling...

Improving readability and UX

Macik
#1 2016-01-02 20:59

Hello,

as noted here we doing some work to fresh up Cotonti.com design (nevertheless a totally new design is still in progress)…
One stage of this renewal is reworked styles for page content (text styling on common pages, especially Documentation pages),

So here I put a sample text to see and test new post styles (it's not a final version and still under development):


Heading H2

Heading H3

Heading H4

Heading H5
Heading H6
#38302 Wadik:
#38298 Sergey:
Some quoted text. Inner quoting.

Quoted post text

Just a paragraph text. Some marked text are highlighted.

Regular blockquote

 

Simple code block:

<iframe class="cke_wysiwyg_frame cke_reset" frameborder="0" src="" style="width: 100%; height: 100%;" title="Визуальный текстовый редактор, translate_text" aria-describedby="cke_74" tabindex="0" allowtransparency="true">
<!DOCTYPE html>

Another one marked with:

[.code pre] block

Another text with link to users page.

Some inline coding.

Here you can see shortcuts styling: «press Ctrl-R to reload this page».

New Cotonti-style for Code syntax highlighting blocks:

/**
 * Return array of pages data
 * @param string $code Category code
 */
function toc_load_pages($code)
{
	global $cfg, $db, $db_pages, $sys, $i18n_locale, $db_i18n_pages, $i18n_read;

	static $sort_field = null;
	static $sort_order = null;
	static $second_sort = '';

	$pages = array();
	$use_i18n = $cfg['plugin']['toc']['use_i18n'];

	// get i18n info if available
	if ($use_i18n && cot_plugin_active('i18n') && $i18n_locale && $i18n_read && cot_i18n_enabled($code))
	{
		$join_columns .= ',i18n.*';
		$join_condition .= " LEFT JOIN $db_i18n_pages AS i18n ON i18n.ipage_id = p.page_id AND i18n.ipage_locale = '$i18n_locale' AND i18n.ipage_id IS NOT NULL";
		$i18n_active = true;
	}
}

Added 1 week later:

More over, now we had same styles inside CKEditor instance by default.

https://github.com/macik
правильный хостинг — https://goo.gl/fjCa1F
This post was edited by Macik (2016-01-16 10:38, 6 years ago)
esclkm
#2 2016-01-16 10:46

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

Мы вместо адаптивности на форму добавили выноски - от которых ст восприниматься текст намного хуже. Как бы если выноски - то надо сам блок менять...

littledev.ru - мой маленький зарождающийся блог о котонти.
снижение стоимости программирования и снижение стоимости производства разные вещи. Первое можно скорее сравнить с раздачей работникам дешевых инструментов, чем со снижением зарплаты
dorofej85
#3 2022-06-25 10:56
<ul class="nav">
               <!-- BEGIN: TASK_STAGES -->
               <li onchange="recalculatePrice();">
                 <div class="row">
                   <div class="col-md-8">
                     <input name="stg[]" type="checkbox" value="{TASK_STAGE_ID}" onchange="recalculatePrice();"  id="taskstage-{TASK_STAGE_ID}" class="stagecalc cst_check" data-price="{PHP.stage.stage_price|number_format($this, '0', '.', '')}" data-days="{TASK_STAGE_DAYS}">
                     <label for="taskstage-{TASK_STAGE_ID}"> {TASK_STAGE_TITLE}<br>
                       <small>{PHP.L.C_Additionally} {TASK_STAGE_DAYS|cot_declension($this, 'tasks_days')}</small> </label>
                   </div>
                   <div class="col-md-4 text-right">{TASK_STAGE_PRICE}</div>
                 </div>
               </li>
               <!-- END: TASK_STAGES -->
             </ul>
 
 
с какого файла взять переменную {TASK_STAGE_PRICE} где она формируется https://golance.net/
http://msk.evrostroyi.ru/
webitproff
#4 2022-06-25 12:25
#45634 dorofej85:
 
с какого файла взять переменную {TASK_STAGE_PRICE} где она формируется https://golance.net/

Вы хоть потрудитесь уточнить о каком плагине речь. тут телепатов не много. а по названию всего не упомнишь

Разработка, редизайн и модернизация шаблонов для "Cotonti Siena", используя front-end framework "UIkit 2" и "UIkit 3"
dorofej85
#5 2022-06-26 06:48

Я так понял что в услугах (в некоторых ее видах - наприер только написании - текстов песни) есть опции 2  текста - 3 текста(там выборка с селектом) и вот этот участок вставляется в файл task.tpl  путь /themes/kwork/modules/tasks - 

вот участок  --- 

https://pastenow.ru/08d76a4ff959aad545ba96b8dfb919bc

вот то что ниже закажите услугу и дополнительные опции 2 текста . 3 текста плюс

https://pastenow.ru/406d4d27e6c8c32e6fb991fe1e5a044e

 еще в базе данных участок нашел - может поможет

https://pastenow.ru/281cead9b481668d42cc0c53e9d86c8e

то есть я так и не понял каким плагином он формируется - возможно и не плагином но найти откуда эта переменная {TASK_STAGE_PRICE} так как она накладывается на калькулятор и немного не верно считает в итоге после зачисления заказа не так считается итог (плюс может эта связано и с функцией recalculatePrice();  она там есть на всех пересчетов) - список всех плагинов здесь 

https://pastenow.ru/27c2840b9cacae747cfc639010d8ba74

 

Добавлено 7 часов спустя:

https://i2.paste.pics/68759d6f731c1c8e11db89f07d45e238.png  вот список плагинов подключенных справа (это в админке) но не факт что плагины в этих опциях учасвуют вообще (на каждый скриншот нажимайте он увеличивается - в самом скриншоте - для подробного рассмотрения)

Добавлено 19 часов спустя:

Что можете сообщить об этой переменной - тамне ясно в каком плагине?

http://msk.evrostroyi.ru/
This post was edited by dorofej85 (2022-06-27 10:12, 1 month ago)