#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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
$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 приведенного кода выше
МОЯТЕМА
заменить на свою