Forums / National / Russian / Скины и дизайн / Стили для формы настроек в users.profile.tpl

Argont
#47373 2023-11-15 19:32
#47370 vpktz:

Не могу найти каким образом добавлять стили для формы настроек в users.profile.tpl

Например {USERS_PROFILE_AVATAR} выдает input для загрузки, удаления аватара, то есть несколько полей.

Или {USERS_PROFILE_BIRTHDATE} дата рождения выдает 3 select и каждый отдельно, и надо каждый как то править

 

А например поле Пол имеет 1 select  и достаточно сделать так {USERS_PROFILE_GENDER|cot_rc_modify($this, 'class="uk-select"')} и стиль есть

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

 Вкаком месте нужно вписывать стиль для таких тегов?

тут начать нужно со строк ресурсов,

в файл своей темы

MySkin.php

$R['userimg_existing'] = '<div class="userimg_existing uk-text-center"><img class="uk-border-rounded" src="{$url_file}" alt="" /><hr class="uk-divider-small"><a class="uk-button uk-button-danger" href="{$url_delete}">'.$L['Delete'].'</a></div>';
$R['userimg_selectfile'] = '{$form_input}';
$R['userimg_html'] = '<div class="userimg_{$code}">{$existing}{$selectfile}</div>';
$R['userimg_remove'] = '<a href="{$url}" class="uk-button uk-button-default">'.$L['Delete'].'</a>';
$R['userimg_img'] = '<img src="{$src}" alt="{$alt}" class=" userimg {$class}" />';
$R['userimg_default_avatar'] = '<img src="themes/МОЯТЕМА/img/user-noavatar.webp" alt="'.$L['Avatar'].'" class="avatar" />';


$R['input_select'] = '<select class="uk-select" name="{$name}"{$attrs}>{$options}</select>{$error}';
$R['input_select_option'] = '<option value="{$value}"{$selected}>{$title}</option>';


$R['input_date'] =  '<div class="uk-grid-small uk-child-width-expand@s uk-margin-top" data-uk-grid>
<div>
	<label class="uk-form-label">День</label>{$day}
</div>
<div>
	<label class="uk-form-label">Месяц</label>{$month}
</div>
<div>
	<label class="uk-form-label">Год</label>{$year}
</div>
<div>
	<label class="uk-form-label">Часы</label>{$hour}
</div>
<div>
	<label class="uk-form-label">Минуты</label>{$minute}
</div>
</div>';
$R['input_date_short'] =  '<div class="uk-grid-small uk-child-width-1-1@s uk-child-width-1-3@m uk-margin-top" data-uk-grid><div class="uk-width-1-3@m"><label class="uk-form-label">День</label>{$day}</div><div class="uk-width-1-3@m"><label class="uk-form-label">Месяц</label>{$month}</div><div class="uk-width-1-3@m"><label class="uk-form-label">Год</label>{$year}</div></div>';

это уж если совсем по быстрому

а потом уже переопределяем стили, уже в файле стилей своей темы - MySkin.CSS

Добавлено 2 минуты спустя:

обратите внимание на строку №6 приведенного кода выше

МОЯТЕМА заменить на свою

иногда поржать над задравшим подбородок разработчиком